LIFF v2 資料整理
網路上一堆舊文,因為Messaging API已經不支援新增LIFF了,所以光是找建立按鈕就找好久
現在是在new channel > LINE Login裡面!!
latest #12
Hey Man BOT
10 months ago
掰噗~
10 months ago
整理好麻煩(p-doh)
笑死bot
10 months ago
笑死
立即下載
有夠難用辣
但它現在的功能變得好多!!
之前就有聽說可以抓email很變態了
現在還可以抓系統語言之類的
介面上也調整權限設定是否出現
還可以掃QRcode

裡面的分享功能是這次的目標
感覺可以用flex message做很多老人圖分享出去
雖然目標是給 itsuki1230 未來可以去分享氣象小幫手給所有恐龍家長
但網頁的地方目前好像只能先用ngrok測試@@
alyssa211607: 感謝榴槤彈珠汽水大神
雖然這些文章也是很舊了QQ
1. 安裝Node.js
2. 安裝 http-server
npm install -g http-server
3. 到放index.html的目錄下開啟server (預設8080 port)
http-server
4. 下載ngrok,解壓縮
5. 註冊
6. ngrok config add-authtoken [token]
7. ngrok http 8080

這個方式的可以用!!
之後可能改到git試試看
用最陽春的方式完成一個小時體驗版本
因為沒發布,所以只有我可以玩

https://images.plurk.com/69HFNtdtlowaRO96OFKXa0.png 示意圖,分享機器人傳的flex message給機器人
https://images.plurk.com/6KahMYXo0DnBq4zco29jiM.png https://images.plurk.com/7b75wLRu43mVhFH11Wq2Ys.png 按按鈕之後打開Liff,分享成功後跳一個通知之後自動關閉Liff
目前參考國家災害防救科技中心的設計
資料來源是中央氣象局
晚上一時興起用Liff分享flex message做了一個給 itsuki1230 的新功能

我把它取名為長輩圖小幫手
最一開始的目標是專門給老師本人line(非機器人)在家長群組中做的功能
傳一些溫馨小卡 https://images.plurk.com/6QpeYCd8cw7OgprZaMHANV.png
做醜一點就是長輩圖了

填表單+選背景
https://images.plurk.com/1MiItv3eotl7OK1Bqg7BdX.png https://images.plurk.com/6Xsvf9YyLKytXcEEf5ByXu.png https://images.plurk.com/6JIJpHmehevnPSvWu1qZ96.png
截圖可以看到完全沒有CSS
電腦版會多一個登入按鈕,需登入才有分享、顯示和登出功能

但因為是用ngrok,所以只能自己測試爽幾個小時而已
back to top