作者shter (飛梭之影)
看板Soft_Job
標題[閒聊] LIFF (LINE 前端框架) 助手
時間Tue Jun 4 12:44:43 2019
最近在做一個 LINE chatbot 和 LIFF Web APP
不過因為用 Vue.js 開發,發現 Vue-router 的 hash 沒有正確傳遞
看了一下才發現是因為 LIFF 把 LINE 的各種 access token 丟在 hash 裡
所以就做一支 liff-hand 用來解決問題,不過我也沒研究是否有其他更好的解決方法
用途跟用法寫在 README.md 內
GitHub
https://github.com/melixyen/liff-hand
除了解決 hash 問題外也順便處理跳轉頁面時的問題
其實想要在別的頁面繼續使用 LIFF 也可以,把原本的 token 資訊繼續帶往下一頁就好
我沒有試過跨網域能不能用,但在同一個網域下可以
也有試過開發時把手機拿到的 token 貼到電腦上開發但 init 都會失敗
簡述 liff-hand用法
1. liff-hand 要在 liff 的 sdk.js 之後引入,它會把自己綁在 liff.$hand 之下
2.請把原本的 hash 內容帶在 &hashpath= 裡面
3.LIFF 初始化完成後請執行 liff.$hand.changeHash(),程式會幫你把 token 備份
4.要跳轉到其他頁面時請執行 liff.$hand.goto(url),程式會幫你把 token 帶上
並自動把你原本網址中的 hash 放進 hashpath 內傳過去
在下一個頁面一樣初始化 liff 跟執行 liff.$hand.changeHash() 就好
不知道未來 LIFF 會不會有自己的市集以及捷徑直接嵌在聊天室的功能內用
不然現在只能靠貼上 line://app 網址來用
--
[LINE 台幣匯率機器人] https://line.me/R/ti/p/sCsZnuBg5V
即時台銀匯率,可計算退稅價格,出國血拼直接輸入貨架金額查詢退稅後台幣價。
打招呼會告訴你使用說明 講日幣就會將匯率切成日幣模式 之後打數字就會自動轉換
===============================================================
新增筆記本功能可紀錄外幣消費、比價用途,並利用所查價格開啟團購功能
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.166.238.246 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Soft_Job/M.1559623493.A.323.html
1F:推 jack42107: 先推一個用心 06/04 22:50
2F:推 crossdunk: liff不能複製網址有點麻煩,除了直接操作line以外不知 06/04 23:29
3F:→ crossdunk: 道能幹嘛… 06/04 23:29
4F:→ crossdunk: 另外用api取code重複的網址也能取到不同的,感覺怪怪 06/04 23:30
5F:→ crossdunk: 的… 06/04 23:30
6F:→ crossdunk: 有人可以分享他的好處嗎? 06/04 23:30
7F:→ shter: 大概就是在 Webview 下直接取得 token 跟 profile 吧 06/05 00:27
8F:→ shter: 我自己是覺得它在拋棄式用途跟加強群組交流方面有用處 06/05 00:28
line://app/1560113527-xN2Zl5m5?hashpath=%23%2F&fun=gbuy&bidx=MTE%3D
如果可以用 LINE 開這串網址的話,它可以
團購仙豆
這次我嘗試加的功能是在查完匯率後把價格放到筆記本建立團購
產生一組 line:// 網址貼到各個聊天室誰想買就直接點下去買就好
不用再每個聊天室問誰要買然後手動記下數量
※ 編輯: shter (118.166.238.246 臺灣), 06/05/2019 00:32:22
9F:推 crossdunk: 拋棄式用途是指什麼呢?我每次產一個網址就會多一個 06/05 12:59
10F:→ lwtech: one time pass, 資安延伸 06/05 13:42
11F:推 crossdunk: 另外token跟profile不是用後端的也可以拿到嗎?這個用 06/05 13:42
12F:→ crossdunk: 前端拿會不會有安全性的問題呀 06/05 13:42
13F:→ lwtech: 走https能偷到你也可以是神了 06/05 13:46
14F:推 crossdunk: 我意思是說要用前端去跟line拿資料,那如果有人知道 06/05 14:14
15F:→ crossdunk: 知道那個網址,是否可以取代掉拿的資料,讓你拿回去 06/05 14:15
16F:→ crossdunk: 資料庫做比對,就會拿到其他人的資料了 06/05 14:15
17F:→ crossdunk: 跟https應該沒關係吧@@ 06/05 14:15
18F:推 lwtech: OSI 七層會不會走到網路層,應用層做的事情還是要往下傳遞 06/05 16:29
19F:→ lwtech: 了解你的意思,GET答案是會,不過很少會用GET. 06/05 16:42
20F:→ Masakiad: 樓樓上 如果要做後端驗證要把line id跟token送回後端去 06/05 19:15
21F:→ Masakiad: 驗證 06/05 19:15
22F:→ shter: 拋棄用途就是臨時產生一個 Web App 用完就不理它了 06/05 19:26
23F:→ shter: 免安裝,免註冊,免驗證,直接利用社群資源做一些功能 06/05 19:27
24F:推 crossdunk: 可是產生後就一直存在不會不見呀QQ 06/06 15:57