Photo by Alex Knight on Unsplash

ChatGPT 串接到 LINE 教學

AWEI

--

最近很火紅的 ChatGPT 相信在程式圈已經是大家熟知的聊天型人工智能好物了,可以在上面問他基本的生活問題也能詢問程式相關的問題!

有鑑於這種科技好物,不是所有程式圈的人都熟悉想要使用它又擔心會需要寫程式,網路上已經有網友提供教學了,就在剛剛我也看了教學把 ChatGPT 串接到 LINE 上面這邊就來做個筆記,盡量都是用圖文解說的方式去帶串接的步驟,希望可以幫助到大家也能成功把 ChatGPT 串接到 LINE 上。

下面需要點擊的地方都用橘紅色框線表示:

step 1登入OPEN AI 平台註冊新帳號取得 API Key

先到 登入 OpenAI 平台,或註冊一個新的帳號。

step 2 登入 LINE 平台註冊與註冊 Git Hub 平台與註冊

下面由於就是註冊的步驟內容繁瑣,大家可以按照下方的文字依序去註冊

  • 登入 LINE 平台,或註冊一個新的帳號。
  • 新增一個提供者(Provider),例如「My Provider」。
  • 在「My Provider」新增一個類型為「Messaging API」的頻道(Channel),例如「My AI Assistant」。
  • 進到「My AI Assistant」頻道頁面,點選「Messaging API」頁籤,生成一個頻道的 channel access token
  • 登入 GitHub 平台,或註冊一個新的帳號。
  • 進到 gpt-ai-assistant 專案頁面。
  • 點選「Star」按鈕,支持這個專案與開發者。(記得要點 Star 支持喔)
  • 點選「Fork」按鈕,將原始碼複製到自己的儲存庫。

step 3 登入 Vercel 平台註冊

  • 登入 Vercel 平台,或註冊一個新的帳號。(可以用你的 Github 註冊)
  • 點選「Create a New Project」按鈕,建立一個新專案。
  • 點選「Import」按鈕,將 gpt-ai-assistant 專案匯入。
這就是你剛剛有按 Star 也 fork 下來的專案
  • 點選「Environment Variables」頁籤,新增以下環境變數:
  • OPENAI_API_KEY:將值設置為 OpenAI 的 API key
  • LINE_CHANNEL_ACCESS_TOKEN:將值設置為 LINE 的 channel access token
  • LINE_CHANNEL_SECRET:將值設置為 LINE 的 channel secret
  • 點選「Deploy」按鈕,等待部署完成。
  • 回到專案首頁,複製應用程式網址(Domains),例如「https://gpt-ai-assistant.vercel.app/」。

step 4 最後一步

  • 回到 LINE 平台。
  • 進到「My AI Assistant」頻道頁面,點選「Messaging API」頁籤,設置「Webhook URL」,填入應用程式網址並加上「/webhook」路徑,例如「https://gpt-ai-assistant.vercel.app/webhook」,點選「Update」按鈕。
  • 點選「Verify」按鈕,驗證是否呼叫成功。
  • 將「Use webhook」功能開啟。
  • 將「Auto-reply messages」功能關閉。
  • 將「Greeting messages」功能關閉。
  • 使用 LINE 手機應用程式掃描 QR code,加入好友。

最後就大功告成囉,可以跟你的人工智慧聊天機器人聊天了。

參考資料如下:
Github 教學,其實上面的步驟也都是按照教學的寫上的指示附上幾張圖片而已,感謝這篇 GitHub 教學

--

--

AWEI

軟體工程師的前端程式筆記部落格。座右銘是『想是問題、做是答案』!