Fw: [闲聊] LIFF (LINE 前端框架) 助手

楼主: shter (飞梭之影)   2019-06-05 01:42:42
※ [本文转录自 Soft_Job 看板 #1SzVT5CZ ]
作者: 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 网址来用
作者: jack42107 (小克)   2018-06-04 22:50:00
先推一个用心
作者: crossdunk (推嘘自如)   2018-06-04 23:29:00
liff不能复制网址有点麻烦,除了直接操作line以外不知道能干嘛…另外用api取code重复的网址也能取到不同的,感觉怪怪的…有人可以分享他的好处吗?
楼主: shter (飞梭之影)   2018-06-05 00:27:00
大概就是在 Webview 下直接取得 token 跟 profile 吧我自己是觉得它在抛弃式用途跟加强群组交流方面有用处

Links booklink

Contact Us: admin [ a t ] ucptt.com