# 讓聊天機器人佔領手機主畫面

在使用 LINE 購物的時候,看到商店頁面上有一顆按鈕,可以把商店的捷徑加到主畫面上,於是我就想到,也可以把聊天機器人加到使用者的手機主畫面,讓使用者可以更方便打開聊天機器人喔!

Step 1 Step 2

# 產生捷徑到手機主畫面

首先,先開啟 LINE Developers,然後按右鍵複製 LINE Developer Console 處理過的圖示網址,圖示尺寸是 256x256

然後在 LINE Developers 上面複製聊天機器人的 {LINE ID},並且根據官方文件(opens new window) 組成聊天機器人的加入網址 https://line.me/R/ti/p/@kadacha

然後點此打開手機桌面捷徑產生器(opens new window) ,然後填上「圖示」、「名稱」及「網址」。

建議先用 iOS 和 Android 手機測試一次圖示是否可以正常顯示,按一下「測試」按鈕就能進行測試囉:

Android iOS

然後就依照網頁上的教學,按一下「加到主畫面」:

Android iOS

然後接下來手機會詢問使用者要把改捷徑設定成什麼名字:

Android iOS

最後就成功加到主畫面上啦:

Android iOS

# 從主畫面開啟捷徑

當使用者在主畫面按一下捷徑後,iOS 和 Android 的行為也不盡相同:

Android iOS

使用者會需要多按一下,才能順利跳到聊天機器人視窗內:

Android iOS

# 有關 deeplink

LINE 雖然目前仍然支援使用 line:// 開頭的網址,透過這個網址可以讓使用者開啟聊天機器人時少一個「啟動 LINE 應用程式」的頁面,但是 LINE 先前已經宣布這種格式的網址已經不建議使用(opens new window)

另外 Android 上面還有 intent:// 開頭的網址(opens new window) ,iOS 上面則是有 Universal Link(opens new window) ,如果需要讓使用者體驗更好,可以考慮去研究看看,但是手機作業系統支援度的問題就需要自己研究以及排除,如果沒有心力測試多台手機的話,還是乖乖使用 LINE 現在所提供的建議網址吧!

# 原始碼及參考連結

TIP

本文範例程式的原始碼授權為 MIT License。