Firebase Realtime Database 常用功能筆記
本篇大綱:本篇要解決的問題。建立 Realtime Database、修改安全規則。安裝 Firebase SDK。寫入 / 更新資料。讀取資料、自動監聽數據的變化、只讀取一次數據。刪除資料。關於離線處理。
本篇大綱:本篇要解決的問題。建立 Realtime Database、修改安全規則。安裝 Firebase SDK。寫入 / 更新資料。讀取資料、自動監聽數據的變化、只讀取一次數據。刪除資料。關於離線處理。
本篇大綱:本篇要解決的問題。關閉視窗 / 頁籤 onbeforeunload。視窗 / 頁籤的變動 onvisibilitychange、Page Visibility API。關於無法計算的部份,就放手讓它飛。
本篇大綱:本篇會用到的資源。建立 Google Excel。發佈 Google Excel 到網路。建一個會員列表的頁面。從 Google Excel 接資料。V4 版取得 Google Sheets 資料的方法。
本篇大綱:本篇要解決的問題。console.log 自動全部展開。console.table。console.time、console.timeEnd。console.warn、console.error。console.clear。document.designMode。
本篇大綱:本篇要解決的問題。Fetch Data 取資料。export、import。export、import + props。在上一篇學會了基本的 Composition API 的使用,接著這一篇是要寫最重要的,API 取回資料後更新,以及 import、export。
本篇大綱:本篇要解決的問題。Ref。Props。watch、watchEffect、stop。生命週期。Composition API 可以把調用某支 API 的 JS code 寫成 JS 檔後,直接 import 到 .vue 檔裡,就不用每次都重複寫。
本篇大綱:本篇要解決的問題。官方範例程式碼。使用 X-Line-Signature 的完整程式碼。文件中新加了一段驗證的部份:Signature validation。目前 Augustus 開發的機器人已經在今年四月時就加上了驗證,執行起來沒遇到任何報錯,看來是確實可行的。
本篇大綱:有用到的筆記文列表。Google Maps API部份。取得資料部份。Google Sheet部份。取得、整理資料。將資料寫進Google Maps API。原始碼。Github CSV部份。取得資料。轉換CSV成JSON。將資料寫進Google Maps API。
本篇大綱:真正Firebase動態網址的應用方式。註冊動態網址。取得Web API Key。POST API。API url。data、payload。POST API 實作程式碼。Client端部份。用GAS部份。將產生的縮網址到Google Sheet上。實作的完整程式碼。
本篇大綱:用 API 取資料有一個大坑。Analytics API – Node.js。安裝 Google API、fetch。取得 Firebase 私密金鑰。程式碼部份。403 The caller does not have permission 的解決方法。筆記後心得。
本篇大綱:影片愈來愈重要的這時代,前端會遇到嵌 Youtube 的相關需求。基本使用:嵌入影片 + 自動播放。1 HTML 中放一個 div,由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。
本篇大綱:Telegram Bot 的大頭照要另外取得、取得使用者大頭照的流程、user_id、file_id、file_path、取得大頭照、完整示範程式碼、參考資源。要拿使用者大頭照,無法單純的只調用一個 API 就取得,實做的結果是調用了 3 個 API 才成功。
前端工程師 August 的學習筆記 — solving problems, in simple ways.