iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

從無到有打造驗證碼共享的 Line 機器人 系列

Netflix 最近開始驗證家庭方案的共享,但帳號擁有者的家人並不一定隨時都有空回應驗證碼,該如何做到自動化在家人間快速共享驗證碼呢?本系列文章預計採用 Vite, Vue, Google App Script... 等技術開發一個含身份驗證的驗證碼共享 Line Bot

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文
DAY 21

用 Line LIFF APP 實現信箱驗證綁定功能(1) - 取得 user email

先前提過,手動發身份認證碼給使用者,再讓使用手動輸入驗證碼的流程太不友善,今天就開始著手優化這個步驟吧!過程中會用到前幾篇提到的 Nodejs + Heroku...

2021-09-21 ‧ 由 Miyuki 分享
DAY 22

用 Line LIFF APP 實現信箱驗證綁定功能(2) - 使用 Vite 快速打造輸入頁面

昨天提到,LIFF APP 有可能因為使用者沒有綁定 email,或是不授權 email 使用導致無法取得,所以我們需要一個備案 - 讓使用者手動輸入要收取身份...

2021-09-22 ‧ 由 Miyuki 分享
DAY 23

用 Google App Script 實現發送認證碼的 API

昨天用 Vite 快速打造了輸入信箱獲取認證碼的頁面,但必須搭配發送認證碼的 API 才能繼續完成這個 LIFF APP。因為會用到發信功能,所以還是選擇 Go...

2021-09-23 ‧ 由 Miyuki 分享
DAY 24

LIFF APP 串接發送認證碼 API

今天要結合前兩天的成果,完成 LIFF APP 串接 發送認證碼 API 的功能 目標 要完成的功能有兩個: 發送 POST Request 到 Google...

2021-09-24 ‧ 由 Miyuki 分享
DAY 25

Line Messaging API 切換圖文選單 Rich Menu

驗證碼小幫手現在預設的圖文選單是獲取驗證碼,可是使用者在身分認證前並不能使用這個功能,也就是說身份認證前後看到的圖文選單應該是不同的~ 準備不同的 Rich M...

2021-09-25 ‧ 由 Miyuki 分享
DAY 26

用 Line LIFF APP 實現信箱驗證綁定功能(3) - 修改流程實現認證時效檢驗

因為前幾天我們新增了 verification_code 這張表的欄位,調整了發送認證碼的流程,並且設定該認證碼在發送後只有10分鐘時效,這樣一來在原先處理檢驗...

2021-09-26 ‧ 由 Miyuki 分享
DAY 27

用 Line LIFF APP 實現信箱驗證綁定功能(4) - 表單驗證電子郵件地址

前幾天完成了一個簡單發送認證碼的 LIFF APP,其實還有很多可以優化的地方,像是在送出 Request 前,需要先檢查使用者輸入的是否為有效的電子郵件地址,...

2021-09-27 ‧ 由 Miyuki 分享
DAY 28

防止使用者頻繁送出 Request & 倒數計時重新發送認證碼

以實務來說,總是會有一些情況導致使用者沒辦法正常收到認證碼,所以系統必須具備 retry on failure 的功能,讓使用者可以發送重新發送認證碼的需求。但...

2021-09-28 ‧ 由 Miyuki 分享
DAY 29

用 Line LIFF APP 實現信箱驗證綁定功能(5) - 前後端認證功能

前幾天完成了關於發送認證信的各種細節,但認證碼發出去後,使用者還是需要回到系統認證才能綁定。先前有提過讓使用者手動輸入認證實在不友善,今天就來著手改善這步驟吧~...

2021-09-29 ‧ 由 Miyuki 分享
DAY 30

驗證碼小幫手完整測試流程 & 完賽心得

今天終於來到第30天了~就在今天,驗證碼小幫手將迎來總驗收! 使用者加入好友 點擊身份認證出現授權頁面 未授權 Email 已授權 Email 成功發送...

2021-09-30 ‧ 由 Miyuki 分享