Firebase Authentication 第三方登入 – Google、FB
本篇大綱:本篇要解決的問題。建立 Firebase 專案、應用程式。Google:開通 Authentication 功能。Google 登入。Facebook:應用程式、ID、密鑰、URL。Facebook 登入。登出、刪除帳號。範例及原始檔。
用 GA Spreadsheet Add-on 製作網站訪客人數功能
本篇大綱:本篇要解決的問題。安裝外掛 Google Analytics。建立報表 Create new report。執行報表 Run reports。設立排程 Schedule reports。抓 Google Sheet 資料。用 JavaScript 取得資料,塞入頁面中。
用 reCAPTCHA v3 來做非機器人驗證
本篇大綱:本篇要解決的問題。註冊 reCAPTCHA。v3 特有的 2 個值:action、score。頁面使用 reCAPTCHA 方法 1:直接埋 HTML。頁面使用 reCAPTCHA 方法 2:寫 JavaScript 使用。後端向 reCAPTCHA 驗證。
用 reCAPTCHA v2 來做非機器人驗證
本篇大綱:本篇要解決的問題。註冊 reCAPTCHA。頁面使用 reCAPTCHA 方法 1:直接埋 HTML。頁面使用 reCAPTCHA 方法 2:寫 JavaScript 使用。後端向 reCAPTCHA 驗證。取 IP。
用 Firebase Authentication 做一套簡易會員系統 – 電子郵件 密碼
本篇大綱:本篇要解決的問題。建立 Firebase 專案、應用程式。開通 Authentication 功能。註冊、登入。取得使用者資訊。登出。重新驗證使用者。修改資料。修改密碼、刪除帳號。修改發信模版。信箱驗證。忘記密碼。
Google Apps Script 讀寫 Cloud Firestore 資料
本篇大綱:本篇要解決的問題。安裝程式庫。開啟 Cloud Firestore。取得密鑰。GAS 程式碼部份 – 初始化、讀取資料、寫入資料、刪除資料、完整的讀取、寫入、刪除程式碼。關於排序、搜尋。
Google Sheets 略過空白格重整資料
本篇大綱:本篇要解決的問題。新增 Google 試算表、指令碼編輯器。程式碼:onEdit。測試結果。彩蛋:可以指定不同的試算表。前幾天有朋友問說,能不能在 Excel 上,跳過空白儲存格,重整一份資料?身為一位前端工程師,Excel 公式不會,難道不能寫程式解決嗎!?
Google Optimize A/B Testing 使用筆記
本篇大綱:本篇要解決的問題。選用 A/B 版本測試。設定 A/B 版。要執行測試的網址規則。連結 GA 並設定目標。埋程式碼。執行測試。結果報表。最近想對本站的右側版面做些排列上的修改,很好奇「請喝咖啡」的區塊移上去,是不是成效會比較好?
用 GCP 建立 Cloud Functions
本篇大綱:本篇要解決的問題。建立 Functions。測試 Functions。刪除 Functions。GCP 上也有建立 Cloud Functions 的服務,而且還有介面可以操作,對於建立、測試、刪除這些基本步驟,相較於 Firebase 要下命令,更為簡便。
Google表單,提交後系統自動寄送回覆通知email
本篇大綱:本篇要解決的問題。Google表單自動發送回覆信件流程圖。1 建立Google表單,回覆的試算表點擊指令碼編輯器。2 指令碼編輯器,新增HTML檔案。3 電子報的 .html,要替換的文字寫成變數。4 程式碼部份。5 設定觸發條件。用不同的寄件者信箱寄信。
Firebase Cloud Functions 基本使用筆記
本篇大綱:本篇要解決的問題。安裝 Firebase CLI。在本機案裝 Firebase Cloud Functions。部署 Functions。本機測試。觸發:HTTP、排程、Callable。觸發:Firebase Auth。讀寫刪 Firestore 資料。回傳錯誤訊息。