前言

本篇利用Azure部署Web，實作LIFF APP。
同時介紹liff.getOS()，實作結果會如何呢！？
讓我們繼續看下去⋯⋯。

實作liff.init()

參考這篇文章，在前端JavaScript中的document.ready (確保html全部load完) 內加上這段：

liff.init({
　liffId: '後台取得的LIFF ID'
}) .then(() => {
　console.log('初始化成功');
}).catch((err) => {
　console.log('初始化失敗')
});

利用本機將專案run起來，F12查看的結果，初始化大成功！

liff.getOS()

取得用戶開啟LIFF APP的環境，執行成功得到以下其中一種結果：

• iOS: 用戶從iOS開啟LIFF APP
• android: 用戶從android開啟LIFF APP
• web: 用戶從網站開啟LIFF APP

實際將liff.getOS()加在Code裡：

liff.init({
　liffId: '後台取得的LIFF'
}).then(() => {
　// start to use LIFF's api
　console.log('初始化成功');
 
　var os = liff.getOS();
　console.log(is);
}).catch((err) => {
　console.log('初始化失敗');
});

電腦實測

Do re mi so~

接下來一起每天認識1個LIFF SDK API吧！

參考

• Initializing the LIFF app
• liff.getOS()
• 開發Linebot(23) – LINE LIFF App初嘗試