WebSocket 基本介紹及使用筆記
本篇大綱：WebSocket 前端得懂一點。WebSocket 重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結 WebSocket。1 建立 WebSocket、2 監聽 WebSocket 事件、3 Client 端發訊息給 WS Server。
Auth0 Universal Login，做一個自己的會員註冊、登入功能
本篇大綱：Auth0 Universal Login步驟。註冊Auth0，設定基本資訊。取得domain、client ID。設定 Login box的樣式。引用createAuth0Client。取得Auth0 config。判斷是否登入，登入就取得資訊。加入LINE登入。Auth0後台看會員狀況
Google Maps API 學習筆記 – 6：畫新冠肺炎分佈圖
本篇大綱：有用到的筆記文列表。Google Maps API部份。取得資料部份。Google Sheet部份。取得、整理資料。將資料寫進Google Maps API。原始碼。Github CSV部份。取得資料。轉換CSV成JSON。將資料寫進Google Maps API。
用原生 JavaScript 寫一組社群分享按鈕（FB、LINE、Twitter）
學習如何在 WordPress 上使用原生 JavaScript 製作 FB、LINE 和 Twitter 的社群分享按鈕。本文提供了詳細的步驟指南和完整程式碼，助你輕鬆實現社群分享功能。
Firebase Dynamic Links API 做一個自己的縮網址生成器
本篇大綱：真正Firebase動態網址的應用方式。註冊動態網址。取得Web API Key。POST API。API url。data、payload。POST API 實作程式碼。Client端部份。用GAS部份。將產生的縮網址到Google Sheet上。實作的完整程式碼。
Firebase Dynamic Links 從後台建立縮網址
本篇大綱：Firebase Dynamic Links 縮網址服務。從後台建立Google網域的縮網址。建立縮網址3+2步驟。1 Firebase上設置啟用Dynamic Links。2 設立轉址白名單。3 在頁面中埋入Dynamic Links SDK。4 檢查有沒有成功建立動態網址。5 看分析數據
Firebase Dynamic Links Analytics API 取得短網址分析資料
本篇大綱：用 API 取資料有一個大坑。Analytics API – Node.js。安裝 Google API、fetch。取得 Firebase 私密金鑰。程式碼部份。403 The caller does not have permission 的解決方法。筆記後心得。
用 Google Apps Script 取得 Google Sheets / Excel 資料
探索如何使用 Google Apps Script 取得 Google Sheets 的資料。本文提供了從取得 Sheet ID、設定共享到部署 GAS 的完整指南，並分享了實際的 GAS 程式碼，幫助你輕鬆取得 Sheets 資料。
用 Google Apps Script 寫一個 LINE 登入功能：下篇 – 三大步驟
本篇大綱：取得 LINE 登入的三大步驟。1 產出一個讓使用者點擊的 LINE 網址。2 拿 LINE 網址回傳的授權碼，調用 API 取得 token。3 拿 token 調用 API 取得使用者的公開資料。三大步驟的完整程式碼。參考資源。
用 Google Apps Script 寫一個 LINE 登入功能：上篇 – 前置作業
本篇大綱：為什麼要 LINE 登入？為了電子報訂閱人數。LINE 登入會拿到的資料。LINE 登入並取得資料的三大步驟。前置作業：3 個必備事物。LINE Login 後台設定部份。
Netlify + GitLab 建一個免費靜態網站
本篇大綱：免費架一個站的工具愈來愈多。開始前需要準備好的。1 註冊 Netlify 帳號。2 連接 GitLab 專案。3 修改子網域名稱。4 自訂域名。
Nuxt.js 一些好用的設定
本篇大綱：Nuxt.js 用起來蠻順手的。新增 Nuxt 專案。head 的 lang 修改。修改整頁使用的模版。用不同的 layout。使用 Sass、Pug。npm run generate 到相對路徑。這篇是筆記在看文件時，覺得開發過程中遇到的問題，研究後找到的解法。
Recent Comments