![](https://blog.chatisfy.com/wp-content/uploads/2024/02/LINE-設定教學-1024x536.png)
1.2 開始使用
如果你已經連接好 LINE 帳號,在選單「進階功能」 > 點擊「加強模組」,就能進入遊戲設定
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.50.38-1024x451.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.50.38-1024x451.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.50.38-1024x451.png)
進到設定,只需在參數「Line Liff APP ID」欄位,貼上資訊並更新,就能完成基本設置。
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.50.45-1024x435.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.50.45-1024x435.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.50.45-1024x435.png)
二、如何取得 Line Liff APP ID?
請到你的 LINE 商家後台取得,以下步驟可以幫助你拿到資料。(放心!每一段不會花你超過 3 分鐘)
步驟一:建立 LINE Login
1. 進入 LINE Developers 頁面,點選 Console 按鈕
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.18-1024x277.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.18-1024x277.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.18-1024x277.png)
2. 選擇一個 Provider ,並建立一個新 channel
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.28-1024x771.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.28-1024x771.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.28-1024x771.png)
(注意:請選擇與 CHATISFY LINE BOT 串接時同一個 Provider)
3. channel 類型選擇【LINE Login】
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.39-1024x515.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.39-1024x515.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.51.39-1024x515.png)
4. 填寫 channel 資料,完成建立 (注意:App Type需全部勾選)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.52.12-687x1024.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.52.12-687x1024.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.52.12-687x1024.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午2.05.50-736x1024.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午2.05.50-736x1024.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午2.05.50-736x1024.png)
簡單吧!繼續看下去 ->
步驟二:建立新的 Liff App
1. 在剛剛建立的 LINE Login 中,點選 Basic setting 分頁
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.17-1024x610.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.17-1024x610.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.17-1024x610.png)
2. 滑到最下方,將官方帳號與 LINE Login 連結,並點擊【update】按紐
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.23-1024x818.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.23-1024x818.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.23-1024x818.png)
3. 切換至 Liff 分頁
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.30-1024x641.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.30-1024x641.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.30-1024x641.png)
4. 建立一個新 Liff App (注意:須建立全新的 Liff App,請勿共用)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.37-1024x376.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.37-1024x376.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.37-1024x376.png)
就快搞定了!繼續往下 ->
5. 到加強模組 > 設定,複製 Endpoint URL(等一下需要這段網址)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.45-1024x375.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.45-1024x375.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.53.45-1024x375.png)
6. 填寫 Liff App 資料,完成建立
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.04-1-749x1024.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.04-1-749x1024.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.04-1-749x1024.png)
馬上就能發佈囉!接著最後一步吧 ->
7. 發布 Channel
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.22-1024x438.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.22-1024x438.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.22-1024x438.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.32-1024x266.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.32-1024x266.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.32-1024x266.png)
完成!回到遊戲模組貼上 Liff App ID 吧!->
步驟三:取得資料,加入 CHATISFY 遊戲模組
1. 複製 LINE 中的 Liff App ID
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.52-1024x420.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.52-1024x420.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.52-1024x420.png)
2. 將 Liff App ID 貼入遊戲模組後台,並點擊更新設置
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.59-1024x425.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.59-1024x425.png)
![](https://blog.chatisfy.com/wp-content/uploads/2024/02/截圖-2024-03-01-上午1.54.59-1024x425.png)
3. 完成