發表文章

目前顯示的是 12月, 2021的文章

把Google sheet變成JSON Api伺服器2(進階)

上一篇中製作了一個會把Google sheet變成JSON Api伺服器的簡單小程式,今天在稍微改變一下,讓它會以物件陣列的方式回傳。  之後我們會將這個小程式應用在datatables上頭。

把Google sheet變成JSON Api伺服器

圖片
JSON Api伺服器臨時要測試使用找不到,這裡提供一個3分鐘的版本。

QDM商店加入下方導覽列

圖片
因為最近學弟有需求想要在網站上加入像APP一樣的下方導覽列,所以就在幫忙找方法處理。 以下參考 w3school的下方導覽列範例  ,並為了QDM商店的設計界面下面我們會做一點修改。

筆記:使用mkcert建立本機https測試環境

因為開發一些套件要在Ubuntu 20.04本機上測試需要使用https建立測試環境。 事前套件安裝 sudo apt-get install wget libnss3-tools 安裝mkcert wget https://github.com/FiloSottile/mkcert/releases/download/v1.4.3/mkcert-v1.4.3-linux-amd64  sudo mv mkcert-v1.4.3-linux-amd64 /usr/bin/mkcert sudo chmod +x /usr/bin/mkcert 確認執行檔擺放正確 mkcert --version 如果沒有辦法直接用mkcert指令 安裝到瀏覽器 mkcert -install 用後請重啟你的瀏覽器restart your browser 建立https憑證 建立domain name為localhost, ip為127.0.0.1的憑證 mkdir -p certs && mkcert -key-file ./certs/key.pem -cert-file ./certs/cert.pem localhost 127.0.0.1 憑證內容可以使用 openssl 指令來確認產生出的憑證適用的網域 openssl x509 -in ./certs/cert.pem -text | grep DNS 如果你是要模擬線上某個網域,可以透過在改/etc/hosts,多加入一行本機IP(127.0.0.1)  空格 網域名稱(不包含http和路徑的那些部份) 舉例  sudo sh -c "echo '127.0.0.1 my-host.test.com' >> /etc/hosts" hosts改好之後用ping看是否會導向本機 ping my-host.test.com 設定HTTP server 將憑證設定到你的http server,以centos的apache來說應該是替換掉下面這兩個路徑 /etc/pki/tls/certs/localhost.crt /etc/pki/tls/private/localhost.key 參考: https://0xzx.com/zh-tw/202108170028...

Apps Script用Sheet生成動態網頁(31): 使用Google登入時榜定帳號

圖片
 在第28篇裡我們整合了Google登入( 文章連結 ),不過就直接讓所有Google帳號可以直接當成我們的帳號進行登入。這裡我們要補足之前的實作,檢查並確認榜定既有帳號,如果沒有既有帳號才會直接當成帳號進行登入。

Apps Script用Sheet生成動態網頁(30): 套用Bootstrap 5浮動標籤

圖片
浮動標籤是Bootstrap 5裡頭新增的功能,個人覺得很有趣,然後看到Apple登入頁面也是使用浮動標籤,就來套用到這個專案的登入頁面。 若是要在Bootstrap 4中使用浮動標籤,可以參考Anton Staroverov的 Bootstrap 4 Float Label 示範。