跳至主要内容

2 篇文章 含有標籤「web」

檢視所有標籤

用HackMD API打造個人專屬LINE BOT助手

· 閱讀時間約 4 分鐘
Willis Chen
Willis Chen
Tech Instructor

用 "LINE Chat BOT"可以解決什麼問題​

  • 隨手筆記的需求
  • 從不同APP分享連結的蒐集去處
  • 不用再經手別的生產力工具，直接歸一到最熟悉的HackMD

建立 "LINE Chat BOT" 的流程​

  • 首先要申請 HackMD API 。
  • 在 LINE Developers 創一個專屬 Channel，取得Token等資訊與訊息設定。
  • 在 Fly.io 創立雲端服務、建立好開發連線環境。
  • Fork 我的GitHub HackMD LINE bot on fly 程式碼，修改為您準備部屬在 Fly.io 的 LINE BOT 程式。
  • 將您 Fly.io 的連結 https://[APP Name].fly.io/callback填入您LINE Channel 的 Webhook。
  • 感動! 成功!。

LINE Chat BOT程式碼​

https://github.com/willismax/hackmd-line-bot-on-fly

"LINE Chat BOT" 功能需求​

  • 標示@靈感為開頭的文字，將作為一個獨立的靈感筆記。 link text

  • 標示@TODO為開頭的文字，將寫入一個連續的的代辦清單。

  • 無上述標示的文字，將寫入一個連續附加的在暫存筆記。也就是從別的文章分享的超連結都直接灌到此暫存筆記。

  • 如果要整理筆記，用電腦編輯整理即可。

:::spoiler 部署教學文參考

如何建立 LINE bot​

  • 在 LINE Developers 登入您的 LINE 帳號，建立 Provider 以及所屬 Channel， Channel 名稱就是您的 LINE bot 名稱，管理方式如同 LINE 官方帳號。

  • 用程式控制的聊天機器人需要以下3個參數，請保管好勿外流。 在此範例程式中，需要將 Channel 查到的以下參數填入config.py檔案。

    CHANNEL_ACCESS_TOKEN = ''
    CHANNEL_SECRET = ''
    LINE_USER_ID = ''

在 Fly.io 創立與部署雲端服務​

先 Clone Fly.io 的 Python 示範專案。​

  • 在本機電腦安裝git，您可以先完成以下示範範例後，再將程式碼改成LINE Chat BOT程式碼即可。

    git clone https://github.com/fly-apps/python-hellofly-flask

  • 進入專案資料夾

    cd  .\python-hellofly-flask\

  • 安裝該專案所需的外部套件

    python -m pip install -r requirements.txt

  • [選用] 如果要在本機進行開發測試，可以設置環境變數FLASK_APP，目的是指定主程式的執行檔，對此專案而言主程式為hellofly.py，經指定後flask run指定就是跑主程式，而且要結合 Ngrok建立臨時通道，對您來說太複雜的話可以跳過，只是各種測試就必須等待部署後。

    //設置環境變數
    export FLASK_APP=hellofly.py   #linux
    set FLASK_APP=hellofly.py   #windows
    //日後啟動flask的指令
    flask run

    !! 如果用環境變數都跑不出來，退而求其次，在hellofly.py最後加入:

    if __name__ == '__main__':
        app.run(debug=True)

    啟動flask指令改為python hello.py，請注意，這不是flask現在建議的啟用方式，本方法只適用於本機測試。

使用fly ctl 指令工具完成部署​

上述範例程式碼測試無誤後，接續安裝 fly ctl 指令工具。Fly.io 最方便部署服務的方式是使用終端機指令工具flyctl，可以讓本機直接部署。

  • 安裝flyctl
    PowerShell

    iwr https://fly.io/install.ps1 -useb | iex

    Mac

    brew install flyctl #MAC

    Linux

    curl -L https://fly.io/install.sh | sh #LINUX

  • 用 flyctl 登入 fly.io

    flyctl auth login

  • 啟動一個 fly App 專案，執行 flyctl launch

    flyctl launch

  • 選擇伺服器區域，台灣鄰近的區域有香港、東京可選。

  • 修改程式，這邊在範例專案中特別提醒，Procfile檔案為設定連線服務用，與您的主程式檔名務必相符，也就是原本為web: gunicorn server:app記得改成web: gunicorn hellofly:app，這原理跟部署在 Heroku 是一樣的。

    # file name: Procfile

    web: gunicorn hellofly:app  
                  ^^^^^^^^記得確認為主程式

  • 檢查完程式後，一鍵佈署。

    flyctl deploy

  • 查看佈署，其中hostname就是網址了，可以用flyctl status確認狀態、用flyctl open開啟 APP、用flyctl logs確認有無 BUG。

    flyctl status    
    flyctl open
    flyctl logs

  • 如果需要設定 secrets

    flyctl secrets set DATABASE_URL= ....

    取消 secrets

    flyctl secrets unset DATABASE_URL= ....

    列出 secrets list

    flyctl secrets list

LINE Chat BOT程式碼​

https://github.com/willismax/hackmd-line-bot-on-fly

  • 可以對照您上述部署完成的python-hellofly-flask程式碼進行修改，

    • 填入對應的參數到config.py
    • 修改app.py
    • 修改requestments.txt

  • 執行flyctl deploy部署。請注意，*.toml請用您自己的，該檔案是由 flyctl launch 產生，為了您的專案部屬所需的檔案，用範例檔會出錯唷。

  • 也請記得補上 HackMD API token 與筆記ID相關資訊:

    HACKMD_API_TOKEN = ''
    TODO_NOTE_ID = '' #  paste your fixed TODO note id, len == 22
    TEMP_NOTE_ID = '' # paste your fixed TEMP note id, len == 22

  • 上述有問題的話就耐心看flyctl logs，我常作的方式是開兩個終端機，一個執行操作、一個看 log 。

  • 部署完成後，記得把您的 fly.io 專屬服務網址貼入 LINE Channel 的 Webhook ，網址應為 https://[APP Name].fly.io/callback ，特別是 */callback 記得填，並且設定開啟 Webhook。

  • 恭喜您完成!

2023六角學院軟體工程師體驗營心得

· 閱讀時間約 1 分鐘
Willis Chen
Willis Chen
Tech Instructor

多元化的課程內容 📚🎥​

六角學院是台灣前端知名的線上教學服務平台，這次已非常少的售價開設了短期密集軟工體驗營，體驗的內容包含前端基礎、CSS、SCSS、切版任務、JS、Jquery、Ajax、Axios，在這次的體驗營中，我們在有限的時間內接觸了相當多的課程內容。這些線上影音很多是不同的直播、教學課程的集合。真的讓我感到既驚訝又欣喜！🎉

每日的切版與JS練習 🖥️🔬​

除了假日以外，每日我們都有關於切版、JS的兩種練習。最後，這些練習都會回到產出作業上，讓我們有機會將所學應用到實際操作中，真的是學以致用！💡📝

作業審視與助教回饋 📋🔍​

在產出作業的過程中，作業等級越高越完整。而這其中，最讓我感動的是有助教群細心審視我們的作業並提供回饋。這樣的機會真的非常難得，我們能夠從中學習到很多，進步也就在這一點一滴中實現。👍👏

交流討論與提問 🗣️💭​

最後，也很感謝能夠在課程提問區提出問題，並透過交流討論來解答疑惑，慢慢走也是會往前的😊🐢

總結來說，我真的很感謝六角學院提供這樣的體驗機會。從中我學習到很多，並且在學習的道路上也逐步累積。期待下一次的學習體驗！🎈🚀