# 讓聊天機器人佔領手機主畫面
大家好，我是做出「LINE 數位版名片」的 LINE API 專家均民。
在使用 LINE 購物的時候，看到商店頁面上有一顆按鈕，可以把商店的捷徑加到主畫面上，於是我就想到，也可以把聊天機器人加到使用者的手機主畫面，讓使用者可以更方便打開聊天機器人喔！
| Step 1 | Step 2 |
|---|---|
 |  |
# 產生捷徑到手機主畫面
首先，先開啟 LINE Developers，然後按右鍵複製 LINE Developer Console 處理過的圖示網址，圖示尺寸是 256x256。
然後在 LINE Developers 上面複製聊天機器人的 {LINE ID}，並且根據官方文件 (opens new window)組成聊天機器人的加入網址 https://line.me/R/ti/p/@youbike：
然後點此打開手機桌面捷徑產生器 (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。