API 標籤 - Let's Write

Firebase Realtime Database 常用功能筆記

2022-05-062021-11-18

本篇大綱：本篇要解決的問題。建立 Realtime Database、修改安全規則。安裝 Firebase SDK。寫入 / 更新資料。讀取資料、自動監聽數據的變化、只讀取一次數據。刪除資料。關於離線處理。

2022-05-062021-11-04

本篇大綱：本篇要解決的問題。關閉視窗 / 頁籤 onbeforeunload。視窗 / 頁籤的變動 onvisibilitychange、Page Visibility API。關於無法計算的部份，就放手讓它飛。

2022-05-062021-08-25

本篇大綱：本篇會用到的資源。建立 Google Excel。發佈 Google Excel 到網路。建一個會員列表的頁面。從 Google Excel 接資料。V4 版取得 Google Sheets 資料的方法。

2021-08-162021-08-03

本篇大綱：本篇要解決的問題。console.log 自動全部展開。console.table。console.time、console.timeEnd。console.warn、console.error。console.clear。document.designMode。

2021-08-162021-07-28

本篇大綱：本篇要解決的問題。Fetch Data 取資料。export、import。export、import + props。在上一篇學會了基本的 Composition API 的使用，接著這一篇是要寫最重要的，API 取回資料後更新，以及 import、export。

2022-05-062021-07-23

本篇大綱：本篇要解決的問題。Ref。Props。watch、watchEffect、stop。生命週期。Composition API 可以把調用某支 API 的 JS code 寫成 JS 檔後，直接 import 到 .vue 檔裡，就不用每次都重複寫。

2021-09-072020-07-24

本篇大綱：本篇要解決的問題。官方範例程式碼。使用 X-Line-Signature 的完整程式碼。文件中新加了一段驗證的部份：Signature validation。目前 Augustus 開發的機器人已經在今年四月時就加上了驗證，執行起來沒遇到任何報錯，看來是確實可行的。

2022-01-242020-03-12

本篇大綱：有用到的筆記文列表。Google Maps API部份。取得資料部份。Google Sheet部份。取得、整理資料。將資料寫進Google Maps API。原始碼。Github CSV部份。取得資料。轉換CSV成JSON。將資料寫進Google Maps API。

2021-08-312020-03-04

本篇大綱：真正Firebase動態網址的應用方式。註冊動態網址。取得Web API Key。POST API。API url。data、payload。POST API 實作程式碼。Client端部份。用GAS部份。將產生的縮網址到Google Sheet上。實作的完整程式碼。

2021-08-302020-02-19

本篇大綱：用 API 取資料有一個大坑。Analytics API – Node.js。安裝 Google API、fetch。取得 Firebase 私密金鑰。程式碼部份。403 The caller does not have permission 的解決方法。筆記後心得。

2021-08-282019-11-23

本篇大綱：影片愈來愈重要的這時代，前端會遇到嵌 Youtube 的相關需求。基本使用：嵌入影片 + 自動播放。1 HTML 中放一個 div，由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。

2021-08-292019-09-25

本篇大綱：Telegram Bot 的大頭照要另外取得、取得使用者大頭照的流程、user_id、file_id、file_path、取得大頭照、完整示範程式碼、參考資源。要拿使用者大頭照，無法單純的只調用一個 API 就取得，實做的結果是調用了 3 個 API 才成功。