投影片1.JPG


步驟01:將上次建立好檔案拖曳至VSCode開啟

投影片2.JPG


步驟02:勾選信任此資料夾>是,我信任作者

投影片3.JPG


步驟03:點創建> 輸入檔案名稱﹝app.py﹞

投影片4.JPG


步驟04:右下,切換環境﹝python 3.12(64-bit)﹞

投影片5.JPG


步驟05:點﹝Browse…﹞其他路徑

投影片6.JPG


步驟06:找上篇安裝好的﹝ Scripts> ﹝python.exe﹞

投影片7.JPG


步驟07:切換過去

投影片8.JPG


步驟08:搜尋﹝Line Bot SDK pypi﹞>進入﹝Line Bot SDK 網頁

投影片9.JPG


步驟09:往下滑到程式碼區塊

投影片10.JPG


步驟10:選取複製

投影片11.JPG


步驟11:﹝貼上

投影片12.JPG


步驟12:程式碼第23/24貼上自己的API﹞

投影片13.JPG


步驟13:點Baslc settings﹞>往下滑

投影片14.JPG


步驟14:找到Channel secret﹝複製

投影片15.JPG


步驟15:24貼上

投影片16.JPG


步驟16:點﹝Messaging API﹞>往下滑

投影片17.JPG


步驟17:找到Channel access token﹝複製

投影片18.JPG


步驟18:23貼上

投影片19.JPG


步驟19:點編譯> 建立  launch.jaon檔案

投影片20.JPG


步驟20:點﹝python Debugger﹞

投影片21.JPG


步驟21:點﹝Flask﹞

投影片22.JPG


步驟22:選擇app.py

投影片23.JPG


步驟23:點launch.json,預設port 會是5000

投影片24.JPG


步驟24:點開始執行,下方會出現 目前得port出來

投影片25.JPG


步驟25:如果要修改,可自訂port,輸入指令

,

“--port”,

“5001”

投影片26.JPG


步驟26:點重新運行,下方port就會跟著變更

投影片27.JPG


步驟27:開啟ngrok﹞>輸入ngrok http xxxx

投影片28.JPG


投影片29.JPG


步驟28:複製﹝Forwarding﹞

投影片30.JPG


步驟29:程式碼使用/callback當作呼叫指令

投影片31.JPG


步驟30:在Webhook URL﹝Verify

投影片32.JPG


步驟31:貼上ngrok ip + VSCode> ﹝Update﹞

投影片33.JPG


步驟32:點﹝Verify﹞測試網址

投影片34.JPG


步驟33:成功

投影片35.JPG


步驟34:出現新回應

投影片36.JPG


投影片37.JPG

創作者介紹
創作者 Code Create++ 的頭像
程式創造++

Code Create++

程式創造++ 發表在 痞客邦 留言(0) 人氣( 0 )