把Google sheet變成JSON Api伺服器2(進階)
上一篇中製作了一個會把Google sheet變成JSON Api伺服器的簡單小程式，今天在稍微改變一下，讓它會以物件陣列的方式回傳。 之後我們會將這個小程式應用在datatables上頭。
發表文章
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 示範。