LINE Bot:X-Line-Signature 簽名驗證 範例
本篇大綱:本篇要解決的問題。官方範例程式碼。使用 X-Line-Signature 的完整程式碼。文件中新加了一段驗證的部份:Signature validation。目前 Augustus 開發的機器人已經在今年四月時就加上了驗證,執行起來沒遇到任何報錯,看來是確實可行的。
本篇大綱:本篇要解決的問題。官方範例程式碼。使用 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、取得大頭照、完整示範程式碼、參考資源。要拿使用者大頭照,無法單純的只call一個API就取得,實做的結果是用了3個API才成功。
本篇大綱:目前所在位置、確認支援geolocation、跟使用者要位置的權限、計算到各點距離 Distance Matrix Service、開啟權限、Distance Matrix API限制、使用Distance Matrix API、API回傳的值、實際應用:所在地與其它地點的距離
本篇大綱:客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求,就是要客製上傳檔案的按鈕。覺得寫成一篇,然後把code存起來,以後要用比較好找。可以看到input的id,跟label的for,兩個值要是相同的,這樣就可以把label跟input綁起來。
本篇大綱:開通Places API、自動完成地址、地點評論摘要、本篇原始碼。主要功能就是,頁面上放一個搜尋框,只要key幾個字,就會出現一個下拉式選單,裡面是這個關鍵字的建議地點或地址,右下角的powered by Google是一定會有的,畢竟這是他們家的功能。
本篇大綱:Google處理掉很多事了、取得氣象局雨量資料、資料整理成Heat Map要的、畫熱圖Heat Map、原始碼。原本以為畫熱圖(Heat map)很難,後來看了Google Maps API的文件,Google已經處理掉大部份的工作了。
本篇大綱:畫折線、畫多邊形、畫圓形、共用參數:可否拖動、可否編輯。除了畫圖,也可以刪除、檢查、本篇用到的原始碼。前幾天看老高與小茉的youtube影片,看到日本有2個結界,正好Google Maps API的文件看到在地圖上畫幾何圖形這塊,就想說不然拿這個當範例好了,還正好適合。
本篇大綱:原來google maps api有每個月的免費額度、申請Google Maps API Key、開始使用Maps Javascript API、放置多個標記、Info Windows、客製化地圖樣式、隱藏地圖上其他商家、隱藏地圖上UI、本篇原始檔下載
前端工程師 Augustus 的學習筆記 — solving problems, in simple ways.