文、意如
今天要實作直接把ChatGPT搬到你的Line上,讓您隨時隨地都有機器人陪你聊天,實作時間約30分鐘。

任務一:註冊Line開發者平台的帳號
任務二:取得Channel access token
任務三:註冊Open AI 帳號
任務四:取得ChatGPT API Key
任務五:註冊Github帳號
任務六:使用套件專案
任務七:註冊Vercel帳號
任務八:部署套件專案
任務一:註冊Line開發者平台的帳號
首先需要到 Line開發者平台,右上角點擊登入

可以使用Line帳號或是商用帳號登入,如果都沒有帳號註冊一個新帳號也可以。

基礎資料建置
輸入名稱及郵件 ▶ 創建我的帳戶

點擊創建一個新的供應商

輸入提供商名稱 ▶ 創造

創建一個API頻道

輸入一些基本資訊 ▶ Create

Create ▶ 確認資訊後點擊 ▶ OK

OK ▶ Agree

任務二:取得Channel access token
成功創建後,找到自己的Channel access token
Messaging API

找到Channel access token/Channel access token(long-lived)
點擊Issue ▶ 此時會產生一組token,先複製此token備用

任務三:註冊Open AI 帳號
進入OpenAI,建立一個帳號,也可以使用Google帳號來登入


任務四:取得ChatGPT API Key
1. 登入後點擊右上角的頭像
2. 下拉選單選擇View API Keys
3. 點擊按鈕:Create new secret key

在跳出視窗中,點選綠色複製按鈕,複製此API Key

這組API-Key開通後可以免費使用3個月,到個人的計算費用區,可以看到過期日

任務五:註冊Github帳號

任務六:使用套件
「gpt-ai-assistant」,這個套件作者為@memochou1993寫的一個GPT人工智能助手套件(OpenAI + LINE + Vercel)
接下來將此套件複製到自己的github中,gpt-ai-assistant套件位置
開啟後點擊 ▶ Create fork

複製完成後,你的github可以看到gpt-ai-assistant專案了。

任務七:註冊Vercel 帳號
我們需要透過Vercel來部署套件專案並設定 ChatGPT LINE ,先註冊後登入。
註冊/或登入 ▶
https://vercel.com/login

任務八:部署套件專案
建立一個新的專案

匯入Import git hub上的專案

選擇套件gpt -ai -assistant 這個專案後按下Install

接著點擊import

設定專案Environment Variables:
Name:OPENAI_API_KEY
Value:貼上 OpenAI 網站產生的 ChatGPT Keys
點擊Add
第二組設定Line的assesstoken
Name:LINE_CHANNEL_ACCESS_TOKEN、
Value: LINE 的channel access token
點擊Add 加入
第三組設定
Name:LINE_CHANNEL_SECRET
Value:到 LINE 開發者頻道Basic settings取得 channel secret
點擊Add 加入
下方取得line channel secret


三組都設定好就可以點擊Deploy

Continue to Dashboard

點擊DEPLOYMENT。

複製Domain

回到Line ▶ MessagingAPI

找到webhook URL ▶ Edit

貼上剛剛複製的domain,前面網址加入https://,網址後面輸入/webhook,更新點擊Update

點擊驗證

開啟Use webhook

LINE Officaial Account features ▶ Edit

回應設定,只開啟webhook,其他全部關閉

用 LINE App 加入 ChatGPT LINE 機器人

接下來就可以在line上跟你的chatgpt開始聊天囉!

Yiru@Studio - 關於我 - 意如