033 - 個人作品 on 嗡嗡的隨手筆記

【Side Project】(全圖文教學) 用 Python flask 實作 ChatGPT 的 Linebot，並部屬至 Vercel 上

Sun, 10 Dec 2023 00:01:29 +0800

ChatGPT-Linebot using python flask on vercel

作者註：本專案因為作者我的免費 API 額度已經用完了，然後我現在使用的是 ChatGPT Plus，
如果之後要我本人更新可能要等我哪天改用 ChatGPT API 了…
現在最新的版本感謝網友 @willismax 提供的 PR：https://github.com/howarder3/GPT-Linebot-python-flask-on-vercel/pull/17
但同樣的因為我沒有 ChatGPT API 的額度了… 所以也沒辦法測就直接 merge 了，
如果不能動再請大家幫忙發個 Issues/PR，感謝大大們🙏

last updated: 2023/10/9

更新說明 by @willismax，與修正的 repo (merged)
vercel.json修正，改為第2版
修正單純安裝Flask 2.2.2 會與 Werkzeug 衝突的問題，在 requirements.txt 添加 Werkzeug 2.3.7 (參考stack overflow)

本篇教學無經驗的新手也可學習，無須寫任何程式。
無經驗預計 15 ~ 20 分鐘都可以完成。老手最快可能 5 分鐘就搞定

這是使用 python flask 套件撰寫的 gpt-linebot
不需寫 code，只需去網頁設定一些內容，新手 15 分鐘內也能建立自己的 gpt-linebot
Why flask? 簡單好用，且支援 vercel
Why vercel? 免費！！！免費額度就很夠一般使用，是 heroku 不再免費後的好選擇

~~註：ChatGPT 與 gpt 是同樣任務的模型，而目前透過 API 只能使用到 GPT-3 (本程式使用的方法)~~
~~而非 ChatGPT 使用的 GPT-3.5~~
已經改為 GPT-4，與最新的 ChatGPT 相同，只是改為使用 OpenAI API 的方式實現

安裝步驟

主要會有四個地方要去：(這部份不看也沒關係，以下照著做就可以了！)

我的 github repo：透過 python 串接 openai 的 API，並透過 linebot sdk 提供簡單的訊息回復
openai：申請 OpenAI 的 API KEY
line developer：創建機器人
vercel：提供訊息回復，雖然是 serverless 但已經很符合我們的需求

step 1. 至 github fork 專案

去我這個專案的 github repo

按下面的按鈕，
fork 一份檔案到自己的帳號底下，等等我們會使用到

可以的話，旁邊的 Star 也幫我按一下，是對創作者最大的鼓勵！

step 2. 申請 OpenAI 的 API KEY

可以直接去這裡，一直往下拉，找到這個按鈕，並生成一個 API KEY

請務必複製下來，這個 KEY 我們取名為 OPENAI_API_KEY

step 3. 去 line developer 建立一個新的機器人

這邊熟悉的人動作應該超快，可以略過，
以下教學是針對完全沒經驗的新手

我們先到 line developer 的首頁註冊一下，
註冊完後，點選 Messaging API。

step 3-1. 創建新的 channel

第一次使用要創建一個新的 provider 與 channel，
一個 provider 可以有很多 channel，
「而一個 channel 對應的就是一個 chatbot」，
這邊以下都照自己想要的名字跟事實填就好。

step 3-2. 在 Basic Settings 的分頁，取得 LINE_CHANNEL_SECRET

在 Basic Settings 的分頁，往下找到 channel secret

請務必複製下來，這個 KEY 我們取名為 LINE_CHANNEL_SECRET

step 3-3. 在 Messaging API 的分頁，進行一些機器人初始設定 (並加機器人好友)

再來我們去上方，選擇 Messaging API 的分頁，
我們先關閉一些可能會吵的東西 (預設的自動回復之類的)，

這邊可以順便掃一下 QR code 或透過 line ID ，加機器人的 line 好友！

我自己是設定如下：

允許加入群組要注意使用 openai 額度可能會超快
「自動回復訊息必關！！！」，那是 line 的自動回復，不是我們要的
歡迎訊息也可以關，這邊我是開著

step 3-4. 在 Messaging API 的分頁，取得 LINE_CHANNEL_ACCESS_TOKEN

最後，在 Messaging API 的分頁的最下面，
找到 channel access token，點選右邊發行，並把他記下來。

請務必複製下來，這個 KEY 我們取名為 LINE_CHANNEL_ACCESS_TOKEN
請不要把這金鑰分享給別人，別人可能會拿去作壞事！！！

然後這邊網頁先不要關，等等還會用到！！！！

step 4. 去 vercel 設定相關的環境變數，完成啟動機器人！

step 4-1. 新增 project

去 vercel 首頁，add new project

Import Git Repository，選擇你剛剛 fork 的專案 import

step 4-2. 設定環境變數

選擇「Environment Variables」，把我們剛剛紀錄的 OPENAI_API_KEY、LINE_CHANNEL_SECRET、LINE_CHANNEL_ACCESS_TOKEN 都設定至環境變數，
按下 Deploy 等待一下就完成囉！

完成後我們可以看到會有以下的三個環境變數

step 4-3. deploy 完成後，可以簡單確認是否有成功

去部屬完成的 vercel 頁面，紅框處可以拿到我們要用的網址，

把這個網址複製下來，等等要用

這個網址我們也可以點開，應該會出現我們在程式預先寫好的 Hello, World! (應該是一個只有 Hello, World! 的網頁)
我們可以藉此確定程式有正常的被 Deploy

step 5. 設定 webhook

回到 line developer 的 Messaging API 分頁，
將剛剛 step 4-3. 的網址填入，並在後面加上「/webhook」，例如下圖
可以用 Verify 看看有沒有問題，通常應該會是寫「Success」

「記得開啟下面的使用 Use webhook 」

完成圖範例

此 linebot 的其他一些內建功能

機器人「說話開關」

這個本來是我除錯用的，因為有時候回復一些怪東西會很吵，
意外得到好評，所以這個功能就被保留下來

輸入「說話」：機器人開啟說話模式，預設是開啟的
輸入「閉嘴」：機器人暫停說話模式 (但一段時間會自動再起動)，閉嘴後將不會對任何對話有反應。輸入「說話」可再次開啟對話。

其他環境參數功能

參考自 memochou1993/gpt-ai-assistant 的作法，下列參數也可藉由設定 vercel 的環境變數來作調控。

環境變數名稱	預設值	說明
OPENAI_MODEL	text-davinci-003	請參考 OpenAI 對 [model](https://beta.openai.com/docs/api-reference/completions/create#completions/create-model) 的敘述
OPENAI_TEMPERATURE	0	請參考 OpenAI 對 [temperature](https://beta.openai.com/docs/api-reference/completions/create#completions/create-temperature) 的敘述
OPENAI_FREQUENCY_PENALTY	0	請參考 OpenAI 對 [frequency_penalty](https://beta.openai.com/docs/api-reference/completions/create#completions/create-frequency_penalty) 的敘述
OPENAI_PRESENCE_PENALTY	0.6	請參考 OpenAI 對 [presence_penalty](https://beta.openai.com/docs/api-reference/completions/create#completions/create-presence_penalty) 的敘述
OPENAI_MAX_TOKENS	240	請參考 OpenAI 對 [max_tokens](https://beta.openai.com/docs/api-reference/completions/create#completions/create-max_tokens) 的敘述
MSG_LIST_LIMIT	20	prompt 參數往回參照的句數
INIT_LANGUAGE	zh	決定初始語言，可設置為 "zh" 或 "en"

TODO List & Future Work

目前基本功能都已經有了，然後我比較忙可能沒空一直更新QQ
還有很多可以優化的地方，歡迎提供 PR！

(已調整完成) 回復文字感覺不是很順 (可能需要研究一下 API 使用方法)

[x] (已調整完成) 記憶功能 ...

目前算法是「紀錄使用者與 AI 的前20句對話」，嘗試推論出下一句話應該要說什麼。以達成延續話題的效果。

靈感來源

感謝 memochou1993/gpt-ai-assistant 提供的 node.js 版本串接 vercel 示範，讓我有了想把 python linebot 也串進 vercel 的靈感，(目前感覺下來，免費又好用(?))
感謝 Lanznx/HealthLineBot 給了一個很好的 python Django 範例，然而我不會 Django XD，vercel 官方文件好像也沒有提到這部份，總之後來就改成了 flask 版本，也符合 linebot 推薦的範例。

參考資料

Line 官方提供的 python flask 製作 linebot 的 sample code line/line-bot-sdk-python
Vercel 官方提供的 python runtime Flask 範例 Deploy an example with Flask

【作品集】自製 line chatbot (含賭場功能、教育功能、遊樂場功能)

Mon, 11 Jun 2018 00:47:53 +0800

前言

這個是我在研究所課餘時，所做的 line chatbot 小秘書，
主要功能為透過 line chatbot 提供小遊戲的功能，
後續的更新還有新增賭場的功能，透過連動 google sheet 的方式作為我們的 database，
我的 line chatbot 能有一個簡易的後端資料庫，能儲存每一個人的財產。
後續還有提供教育的功能，讓使用者可以自行教導 line chatbot 說話。

當時具體成就：一週最高可以有 100萬次的 reply (如下圖)

所有功能總覽

【使用說明書】

「!使用說明書」、「!說明書」、「!help」
「!helptxt」

【健康教育類】

「!教育」、「!調教」
「!學圖」、「!智乃看圖片」、「!給智乃看圖」、「!智乃看圖圖」

【遊戲抽抽類】 -　「小遊戲」

【關鍵10秒鐘】

「!tick」
「!stop」

【多人競技場】

多人競技場

「!pkall」
「!pkalloff」
「!pkstart」
「!pkrule」

多人競技場(進階)

「!pkkall」
「!pkkalloff」
「!pkkstart」
「!pkkrule」

【計時賽模式】

計時賽模式

「!tpk」
「!tpkoff」
「!tpklb」

計時賽模式(進階)

「!tpkk」
「!tpkkoff」
「!tpkklb」

【對決模式】

對決模式

「!pk」
「!pkoff」

對決模式(進階)

「!pkk」
「!pkkoff」

【 21 點】

「!21」

【幾Ａ幾Ｂ】

「!ab」、「!幾A幾B」
「abreset」、「!abreset」
「abrecord」、「!abrecord」

【終極密碼】

「!終極密碼」、「!password」、「!psword」

【定時炸彈】

「!boom」、「!定時炸彈」

【撲克比大小】

「!比大小」

【機會、命運請選擇？】

「機會命運」

【梭哈】

「!sh」

【居家控制類】

「!開燈」、「開燈」
「!關燈」、「關燈」
「!關機」、「關機」

【如果很餓的話】 -　「好餓」

「!抽食物」
「!抽飲料」

【做點筆記吧！】

「!addnote」
「!delnote」
「!shownote」
「!restorenote」
「!backupnote」

【帳號相關】

「!newac」
「!money」、「!tibi」
「!reborn」
「!leaderboard」、「!排行榜」、「!lb」

【遊戲排名相關】 -　「!散步打排名」(lzbot、apriltestbot 限定功能)

「即時排名」、「即時戰況」、「排名」、「排行」、「分數」、「戰況」、「score」
「%數」、「%」
「一位差」
「分數差」
「場數差」
「追擊時間」、「脫褲子」
「時速」
「場速」
「活動進度」、「進度」
「剩餘時間」
「房號」、「room」、「rm」、「r」
「r1」、「room1」
「r2」、「room2」
「!fire」
「!stone」
「!pt」
「!lz」
「!ptstone」
「!ptcal」

【模擬抽獎機】 -　「!抽抽」(lzbot、apriltestbot 限定功能)

「!cgss單抽」
「!cgss十連」、「!cgss十抽」、「!cgss10連」、「!cgss10抽」
「!bgd單抽」
「!bgd十連」、「!bgd十抽」、「!bgd10連」、「!bgd10抽」、「!gbp十連」、「!gbp十抽」、「!gbp10連」、「!gbp10抽」
「!sc單抽」
「!sc十連」、「!sc十抽」、「!sc10連」、「!sc10抽」

【算命抽籤類】

「!機率」
「!抽數字」

【不知幹嘛類】

「貼圖辣」、「貼圖啦」、「貼圖」、「貼圖喇」
「母湯」
「母湯電影版」

【如果覺得太吵的話】 -　「!開關」

「!說話」 : 轉換為active mode
「!閉嘴」 : 轉換為slient mode

【如果壞掉了要維修】

「!壞掉啦」、「呼叫工程師」

【測試區】

「test」 : Hello World !!!
「state」 : 取得現在狀態(啟動模式/靜音模式)
「!getinfo」 : 取得資訊
「!網速」、「網速」、「speed」、「!speed」 : 取得回應速度

開發過程 FB 心得

開發過程FB - 1
開發過程FB - 2

【作品集】自製打地鼠機第4代

Sun, 08 Apr 2018 02:30:12 +0800

自製打地鼠機第4代

開發過程FB

自製打地鼠機第3代

開發過程FB

自製打地鼠機第2代

自製打地鼠機第1代

開發過程FB

https://www.facebook.com/weng.hao.5/videos/10206603529361791/

【作品集】自製音樂遊戲機

Wed, 18 Jan 2017 00:38:46 +0800

自製音樂遊戲機

作品FB連結

【作品集】自製乒乓球小遊戲

Thu, 29 Oct 2015 00:50:32 +0800

自製乒乓球小遊戲

「v3.2」
http://www.codeskulptor.org/#user40_L582UIKpnL_10.py

「v3.2」

修正冰凍太準連續發球得分bug

新增文字提示

「v3.1」
http://www.codeskulptor.org/#user40_L582UIKpnL_8.py

「v3.1」

場地變大

「v3.0」
http://www.codeskulptor.org/#user40_L582UIKpnL_9.py

「v3.0」
龐大而緩慢的敵人，卻有能使出技能的潛力，
這樣的敵人你是否能打倒它呢???

1.新增會瞬間移動的點(紫色兩點會互相傳送)
2.敵人每energy達到5會發動技能：mirror
(效果：使玩家上下相反5秒鐘)

「v2.0」
http://www.codeskulptor.org/#user40_L582UIKpnL_2.py

「v2.0」
更強的敵人來襲！善用你的技能打倒他吧！

1.新增energy系統，每切球一次可取得1點energy
2.新增玩家技能：freeze
消耗energy：5
效果：冰凍對方5秒鐘(期間即使碰到仍會回彈)
3.AI強化

「v1.1」
http://www.codeskulptor.org/#user40_QUCQLHCKKO_0.py

「v1.0」
http://www.codeskulptor.org/#user40_j7jnEsSTm3_2.py
1.單人模式(與電腦pk)
2.切球方向判定依切球方向而改變球的方向(同時有殺球的速度效果)
3.切球=殺球速度*1.5倍
3.1 擋球可恢復原速度
3.2 再被切回來會再疊加倍率最快50倍速(放心你玩不到這倍速的XD)
4.新增：11分定勝負
「v1.1」
http://www.codeskulptor.org/#user40_QUCQLHCKKO_0.py
去掉背景跑數據的版本

033 - 個人作品 on 嗡嗡的隨手筆記

【Side Project】(全圖文教學) 用 Python flask 實作 ChatGPT 的 Linebot，並部屬至 Vercel 上

ChatGPT-Linebot using python flask on vercel

安裝步驟

step 1. 至 github fork 專案

step 2. 申請 OpenAI 的 API KEY

step 3. 去 line developer 建立一個新的機器人

step 3-1. 創建新的 channel

step 3-2. 在 Basic Settings 的分頁，取得 LINE_CHANNEL_SECRET

step 3-3. 在 Messaging API 的分頁，進行一些機器人初始設定 (並加機器人好友)

step 3-4. 在 Messaging API 的分頁，取得 LINE_CHANNEL_ACCESS_TOKEN

step 4. 去 vercel 設定相關的環境變數，完成啟動機器人！

step 4-1. 新增 project

step 4-2. 設定環境變數

step 4-3. deploy 完成後，可以簡單確認是否有成功

step 5. 設定 webhook

完成圖範例

此 linebot 的其他一些內建功能

機器人「說話開關」

其他環境參數功能

TODO List & Future Work

靈感來源

參考資料

【作品集】自製 line chatbot (含賭場功能、教育功能、遊樂場功能)

前言

相關教學投影片

所有功能總覽

【使用說明書】

【健康教育類】

【遊戲抽抽類】 - 「小遊戲」

【居家控制類】

【如果很餓的話】 - 「好餓」

【做點筆記吧！】

【 帳號相關 】

【 遊戲排名相關 】 - 「!散步打排名」(lzbot、apriltestbot 限定功能)

【 模擬抽獎機 】 - 「!抽抽」(lzbot、apriltestbot 限定功能)

【算命抽籤類】

【不知幹嘛類】

【如果覺得太吵的話】 - 「!開關」

【如果壞掉了要維修】

【測試區】

開發過程 FB 心得

【作品集】自製打地鼠機 第4代

自製打地鼠機 第4代

自製打地鼠機 第3代

自製打地鼠機 第2代

自製打地鼠機 第1代

【作品集】自製音樂遊戲機

自製音樂遊戲機

【作品集】自製乒乓球小遊戲

自製乒乓球小遊戲

【遊戲抽抽類】 -　「小遊戲」

【如果很餓的話】 -　「好餓」

【帳號相關】

【遊戲排名相關】 -　「!散步打排名」(lzbot、apriltestbot 限定功能)

【模擬抽獎機】 -　「!抽抽」(lzbot、apriltestbot 限定功能)

【如果覺得太吵的話】 -　「!開關」

【作品集】自製打地鼠機第4代

自製打地鼠機第4代

自製打地鼠機第3代

自製打地鼠機第2代

自製打地鼠機第1代