iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 9
2
Modern Web

從LINE BOT到資料視覺化:賴田捕手系列 第 9

第 09 天:LINE BOT SDK:註冊!註冊!註冊!

第 09 天:LINE BOT SDK:註冊!註冊!註冊!

你真該看看她。你這輩子從沒看過這麼可愛又聰明的小孩。她真的很聰明。我是說她在照料草泥馬的第一天就能夠記住牠們全部的名字、進食習慣、交友關係等等。單純提供一項事實:我是我們家唯一的笨蛋。

~節錄自《賴田捕手》第十章

  今天我們要來註冊帳號了。第一件事是要去 LINE Developers 創造一個屬於聊天機器人的頻道(channel)。第二件事,為了幫聊天機器人找個家,我們必須建立起一個伺服器(server)。有些人可能比較傾向將伺服器放在自己家,或自己辦公室,或自己公司。但我的家已經被草泥馬們塞滿了,我又沒有公司,只好想其他方法了。還好現在架設伺服器的需求很多,但不是每個人都有時間進行維護,因此有不少公司提供架站的服務:他們幫你架設伺服器,並且仔細維護,而你就可以把精神投注在你的應用程式或網站上。Heroku 就是其中一個選擇:功能強大、空間舒適、地段優良,因此我們就把聊天機器人的家放在 Heroku 上。最後一個,則是搭配 Heroku 所採用的版本控制系統 Git。因為我們的聊天機器人的功能可能會慢慢修改,一天一天長大,一版比一版精良。而採用 Git 可以很方便的幫我們的聊天機器人做更新,確保它處在最優秀的狀態。
  那麼不囉嗦開始吧。

LINE Developers

  先來到 LINE Developers,登入帳號之後點選 "Create New Provider"。

https://ithelp.ithome.com.tw/upload/images/20190917/201201787gEj6LpRX4.png
圖一、"Create New Provider"

  隨意輸入你喜歡的 "Provider Name" (這個跟聊天機器人的帳號無關,跟你比較有關係)。以我為例,我就打個 "ironman"。然後按 "Create"。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178YgMrttIHR5.png
圖二、輸入"Provider Name"

  來到了 Provider List 的畫面,在 Messaging API 下面,選 "Create Channel",代表我們想創造一個聊天機器人。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178NurGaUuRA3.png
圖三、Messaging API "Create Channel"

  接著來到輸入 Channel Information 的畫面。這個地方的 "App name" 跟 "App icon" 就是你聊天機器人的名字大頭貼。填完不滿意,創造了之後想改也可以。"Category" 跟 "Subcategory" 隨意填,不重要。"Email address" 是有重要官方通知的時候,會收到訊息的信箱。填好了以後按 "Confirm"。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178t2TrDheGMe.png
圖四、填寫"Channel Information"

  同意。

https://ithelp.ithome.com.tw/upload/images/20190917/201201780rPtuqa79M.png
圖五、同意

  記得打上兩個勾。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178BEJGIi69de.png
圖六、記得打上兩個勾

  結束。

Git

  因為 Heroku 依靠 Git 做版本控制,所以我們先搞定 Git。來到 Git 官方載點,選擇你電腦的系統,沒意外應該會直接開始下載 Git 安裝檔。

https://ithelp.ithome.com.tw/upload/images/20190917/2012017812nZ0E1sUY.png
圖七、Git Download

  先說,這邊有比較多的程序,不過大部分就按照預設的值就好,我只改了兩個地方。

  "Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/20120178IYLVq1Md4P.png
圖八、安裝 Git 步驟一

  設定路徑,"Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/20120178pCkNtXf3lo.png
圖九、安裝 Git 步驟二

  "Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/2012017823gU9rgvdb.png
圖十、安裝 Git 步驟三

  程式名稱,"Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/20120178l4YOVjMOkM.png
圖十一、安裝 Git 步驟四

  這邊我改了。我選擇 Nano editor 作為 Git editor。
https://ithelp.ithome.com.tw/upload/images/20190917/20120178hTdoQQObJe.png
圖十二、選擇 Nano editor

  "Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/2012017800Ah6fOPFO.png
圖十三、安裝 Git 步驟六

  "Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/20120178xMsOTPKyzP.png
圖十四、安裝 Git 步驟七

  "Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/20120178u9V0MQl9rG.png
圖十五、安裝 Git 步驟八

  這邊我改了。我選擇 Use Windows' default window console"。
https://ithelp.ithome.com.tw/upload/images/20190917/201201781jgPRPWZHj.png
圖十六、選擇 Use Windows' default window console

  "Next"。
https://ithelp.ithome.com.tw/upload/images/20190917/20120178Q3LxnaVtDn.png
圖十七、安裝 Git 步驟十

  "Install"。
https://ithelp.ithome.com.tw/upload/images/20190917/201201788tIERKJktL.png
圖十八、"Install"!

  安裝完成之後,進命令提示字元(cmd)。輸入git --version

C:\Users\MyName>git --version
git version 2.22.0.windows.1

  成功的話應該會有類似上面那樣的表示。別急著走開,我們還有事情要做。因為 Git 是關於版本控制的系統,所以每當程式的版本被修改或更新的時候,Git 會註記是誰做的更改。而我們要做的就是告訴 Git 我們是誰,它才能夠進行註記的動作。
  還是在命令提示字元,輸入如下指令:

C:\Users\MyName>git config --global user.name "你的名字"
C:\Users\MyName>git config --global user.email "和你的信箱"

  就完成初始化 Git 的動作了!

Heroku

  來到 Heroku官網,右上角 "Sign up" 點一點。"First name"、"Last name"、"Email address"(你收得到信的信箱,馬上要用到)、"Role"、"Country"、"Primary development language" 都要填。除了 "Email address" 外,其他都可以隨意填填。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178Usx3dlHWAh.png
圖十九、Heroku Sign up

  叫你收信囉。回自己信箱,找一下 Heroku 寄來的信,連結點下去。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178JKM11YwGGw.png
圖二十、Heroku Sign up

  設密碼。密碼最少八個字元,而且要有 "英文字母"、"數字"、"符號"。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178mEEAz2N2DY.png
圖二十一、password

https://ithelp.ithome.com.tw/upload/images/20190917/20120178jXiP8OdB8D.png
圖二十二、CLICK HERE TO PROCEED

  就來到 Heroku 的主要控制面板啦!

https://ithelp.ithome.com.tw/upload/images/20190917/20120178mD8ZUaameC.png
圖二十三、Heroku Dashboard

  註冊了 Heroku 之後,還需要一個東西,用來跟我們的版本控制系統 Git 互相溝通,那就是 Heroku Command Line Interface (Heroku CLI)。來到這裡,根據你的系統下載適合的版本。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178eUDjjZxzo9.png
圖二十四、Heroku CLI Download

  很簡單,"Next"。

https://ithelp.ithome.com.tw/upload/images/20190917/201201782QTSV4FfYe.png
圖二十五、安裝 Heroku CLI 第一步

  很簡單,"Install"。

https://ithelp.ithome.com.tw/upload/images/20190917/20120178LoG6KN9yu9.png
圖二十六、安裝 Heroku CLI 第一步

  安裝完畢後,開啟命令提示字元(cmd),輸入heroku -v如下。

C:\Users\MyName>heroku -v
heroku/7.29.0 win32-x64 node-v11.14.0

  好啦,今天我們把需要用的工具都拿在手上了,明天就開始敲敲打打大鬧一場囉!

參考資料

➀ 卡米狗發布網站到 Heroku
➁ 官方 Git Setup
➂ 官方 Heroku CLI


上一篇
第 08 天:Python:回頭再看看字串物件
下一篇
第 10 天:LINE BOT SDK:初始化聊天機器人
系列文
從LINE BOT到資料視覺化:賴田捕手30

尚未有邦友留言

立即登入留言