[閒聊] LIFF (LINE 前端框架) 助手

看板Soft_Job作者 (飛梭之影)時間6年前 (2019/06/04 12:44), 6年前編輯推噓7(7推 0噓 17→)
留言24則, 5人參與, 6年前最新討論串1/1
最近在做一個 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://www.ptt.cc/bbs/Soft_Job/M.1559623493.A.323.html
推
06/04 22:50, 6年前 , 1F
先推一個用心
06/04 22:50, 1F
推
06/04 23:29, 6年前 , 2F
liff不能複製網址有點麻煩，除了直接操作line以外不知
06/04 23:29, 2F
→
06/04 23:29, 6年前 , 3F
道能幹嘛…
06/04 23:29, 3F
→
06/04 23:30, 6年前 , 4F
另外用api取code重複的網址也能取到不同的，感覺怪怪
06/04 23:30, 4F
→
06/04 23:30, 6年前 , 5F
的…
06/04 23:30, 5F
→
06/04 23:30, 6年前 , 6F
有人可以分享他的好處嗎？
06/04 23:30, 6F
→
06/05 00:27, 6年前 , 7F
大概就是在 Webview 下直接取得 token 跟 profile 吧
06/05 00:27, 7F
→
06/05 00:28, 6年前 , 8F
我自己是覺得它在拋棄式用途跟加強群組交流方面有用處
06/05 00:28, 8F
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
推
06/05 12:59, 6年前 , 9F
拋棄式用途是指什麼呢？我每次產一個網址就會多一個
06/05 12:59, 9F
→
06/05 13:42, 6年前 , 10F
one time pass, 資安延伸
06/05 13:42, 10F
推
06/05 13:42, 6年前 , 11F
另外token跟profile不是用後端的也可以拿到嗎？這個用
06/05 13:42, 11F
→
06/05 13:42, 6年前 , 12F
前端拿會不會有安全性的問題呀
06/05 13:42, 12F
→
06/05 13:46, 6年前 , 13F
走https能偷到你也可以是神了
06/05 13:46, 13F
推
06/05 14:14, 6年前 , 14F
我意思是說要用前端去跟line拿資料，那如果有人知道
06/05 14:14, 14F
→
06/05 14:15, 6年前 , 15F
知道那個網址，是否可以取代掉拿的資料，讓你拿回去
06/05 14:15, 15F
→
06/05 14:15, 6年前 , 16F
資料庫做比對，就會拿到其他人的資料了
06/05 14:15, 16F
→
06/05 14:15, 6年前 , 17F
跟https應該沒關係吧@@
06/05 14:15, 17F
推
06/05 16:29, 6年前 , 18F
OSI 七層會不會走到網路層，應用層做的事情還是要往下傳遞
06/05 16:29, 18F
→
06/05 16:42, 6年前 , 19F
了解你的意思，GET答案是會，不過很少會用GET.
06/05 16:42, 19F
→
06/05 19:15, 6年前 , 20F
樓樓上 如果要做後端驗證要把line id跟token送回後端去
06/05 19:15, 20F
→
06/05 19:15, 6年前 , 21F
驗證
06/05 19:15, 21F
→
06/05 19:26, 6年前 , 22F
拋棄用途就是臨時產生一個 Web App 用完就不理它了
06/05 19:26, 22F
→
06/05 19:27, 6年前 , 23F
免安裝，免註冊，免驗證，直接利用社群資源做一些功能
06/05 19:27, 23F
推
06/06 15:57, 6年前 , 24F
可是產生後就一直存在不會不見呀QQ
06/06 15:57, 24F
‣ 更多 shter 的文章
文章代碼(AID): #1SzVT5CZ (Soft_Job)