作者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/cn.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