Life Hacker with LINE Bot and GitHub API

by LINE Developers Taiwan

Slide 1

Slide 1 text

Life Hacker 初章：用 LINE Bot 看看你平常做的事！ LINE Developer Relations NiJia Lin 2022.08

Slide 2

Slide 2 text

NiJia Lin LINE Technology Evangelist Developer Relations External Evangelism Internal Evangelism

Slide 3

Slide 3 text

https://github.com/louis70109/line-bot-gitbub-actions • 💬訊息散落各地(個⼈群組) • 🤨欸那個OOO借我放⼀下(貼網址) • 🥷我的⽇常使⽤習慣 • 打開 GitHub 看看有趣的東⻄ • LINE 裡⾯看有無漏掉的訊息為什麼有今天的分享?

Slide 4

Slide 4 text

Part 1. 整合 GitHub API 與 LINE Bot

Slide 5

Slide 5 text

https://developers.line.biz/en/news/2022/04/25/liff-plugin/ • LIFF Inspector • LIFF Mock • LIFF SDK v2.19.0 ⬆ LIFF Inspector and LIFF Mock released

Slide 6

Slide 6 text

聊天室上輸入內容

Slide 7

Slide 7 text

提供⼀個 Flex Message 3 範例⾃動建立⼀個檔案+個⼈檔案+訊息

Slide 8

Slide 8 text

在聊天室打上 Markdown 格式

Slide 9

Slide 9 text

提供⼀個 Flex Message 3 範例

Slide 10

Slide 10 text

格式化後的樣⼦

Slide 11

Slide 11 text

提供⼀個 Flex Message 3 範例

Slide 12

Slide 12 text

https://github.com/louis70109/line-bot-gitbub-actions • 格式統一/好看 • 若弄成 GitHub page 也不錯 • 整合到 Twitter 之類應該也行 (?) 為什麼要弄成 HTML?

Slide 13

Slide 13 text

Part 2. 每⽇部落格推推部署上 GitHub Page

Slide 14

Slide 14 text

遇到的問題 • Hexo 部署有時會 Timeout • 部署一次大概需要兩三分鐘 • 等著等著就忘了文章沒推出

Slide 15

Slide 15 text

為什麼選擇 LINE Bot ⽽不是 Notify? • 可以推 FlexMessage • 有 user id 能辨識身份 • 1:1 中按完就直接重新部署 • 自己用一個月 500 封很夠了 • 一天推 2 次 Commit，三十天也才 60 封 • Daily deploy 也不過在＋30封

Slide 16

Slide 16 text

https://github.com/actions • 🔨 幫忙做⾃動化的⼯具 • ✨ 免費/無需⾃架 • 📝 ⽂件完整 • 👥社群上有許多範例可以參考什麼是 GitHub Actions？

Slide 17

Slide 17 text