SlideShare a Scribd company logo
1 of 18
如何用Ktor / Kotlin
開發Chatbot
Day24. Line LIFF 實作教學:
搭配 Ktor 的 Web Framework 設計,輕鬆建立一個簡單好用的
Line sharetargetpicker 功能
Chatbot小萌新攻略
將 Ktor 的專案佈署到 Heroku吧~(下回)
~複製網址~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~在Line login新增一個LiFF(Day19)~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~開啟LiFF的sharetargetpicker功能~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~開啟LiFF的sharetargetpicker功能~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~Ktor的Template(Day21)~
這次要使用 Thymeleaf
將 Ktor 的專案佈署到 Heroku吧~(下回)
~使用Ktor的Template: Thymeleaf ~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~使用Ktor的Template: Thymeleaf ~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~複製Ktor官網的 Thymeleaf 設定~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~貼上Ktor官網的 Thymeleaf 設定~
~複製Line官網sample-2(Day21)的 js 檔案,貼在index.html~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~ index.html 要修改的地方~
將 Ktor 的專案佈署到 Heroku吧~(下回)
換成自己的liff_id
將 Ktor 的專案佈署到 Heroku吧~(下回)
~開啟Terminal,先登入Heroku~
1. heroku
2. heroku login
將 Ktor 的專案佈署到 Heroku吧~(下回)
~更新Heroku的Ktor專案~
將 Ktor 的專案佈署到 Heroku吧~(中回)
~更新Heroku的Ktor專案~
git commit -m “v01”
2
3
將 Ktor 的專案佈署到 Heroku吧~(下回)
~開啟Heroku~
將 Ktor 的專案佈署到 Heroku吧~(下回)
~完成!!~
國
防
布
將 Ktor 的專案佈署到 Heroku吧~(下回)
~附帶截圖功能~

More Related Content

More from 舒安 楊

2023年3月中部聊天機器人開發者小小聚
2023年3月中部聊天機器人開發者小小聚2023年3月中部聊天機器人開發者小小聚
2023年3月中部聊天機器人開發者小小聚舒安 楊
 
AWS Conversation Ai.pptx
AWS Conversation Ai.pptxAWS Conversation Ai.pptx
AWS Conversation Ai.pptx舒安 楊
 
Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)
Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)
Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)舒安 楊
 
Day21. Line LIFF 的 sharetargetpicker 功能
Day21. Line LIFF 的 sharetargetpicker 功能Day21. Line LIFF 的 sharetargetpicker 功能
Day21. Line LIFF 的 sharetargetpicker 功能舒安 楊
 
Day20. Line LIFF API 與 Kotlin DSL 的初步認識
Day20. Line LIFF API 與 Kotlin DSL 的初步認識Day20. Line LIFF API 與 Kotlin DSL 的初步認識
Day20. Line LIFF API 與 Kotlin DSL 的初步認識舒安 楊
 
Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~
Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~
Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~舒安 楊
 
Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~
Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~
Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~舒安 楊
 
Day16. Ktor Exposed - DAO
Day16. Ktor Exposed - DAODay16. Ktor Exposed - DAO
Day16. Ktor Exposed - DAO舒安 楊
 
Day15. Line Notify 建立帳號 + 連動設定
Day15. Line Notify 建立帳號 + 連動設定Day15. Line Notify 建立帳號 + 連動設定
Day15. Line Notify 建立帳號 + 連動設定舒安 楊
 
Day14. Line Bot - Message Types
Day14. Line Bot - Message TypesDay14. Line Bot - Message Types
Day14. Line Bot - Message Types舒安 楊
 
Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~
Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~
Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~舒安 楊
 
Day12 川劇變臉的 icon Switch 功能
Day12 川劇變臉的 icon Switch 功能Day12 川劇變臉的 icon Switch 功能
Day12 川劇變臉的 icon Switch 功能舒安 楊
 
Day09. 一行程式碼都不用寫的 Line AI Bot
Day09. 一行程式碼都不用寫的 Line AI BotDay09. 一行程式碼都不用寫的 Line AI Bot
Day09. 一行程式碼都不用寫的 Line AI Bot舒安 楊
 
Day08. delete webhook
Day08. delete webhookDay08. delete webhook
Day08. delete webhook舒安 楊
 
Day07. Webhook
Day07. WebhookDay07. Webhook
Day07. Webhook舒安 楊
 
Day04. Postwoman / Hoppscotch
Day04. Postwoman / Hoppscotch Day04. Postwoman / Hoppscotch
Day04. Postwoman / Hoppscotch 舒安 楊
 
Day03. Telegram API
Day03. Telegram API Day03. Telegram API
Day03. Telegram API 舒安 楊
 
Day02 - 我的第一個 Telegram Bot
Day02 - 我的第一個 Telegram Bot Day02 - 我的第一個 Telegram Bot
Day02 - 我的第一個 Telegram Bot 舒安 楊
 
Day01. 安裝 Ktor
Day01. 安裝 KtorDay01. 安裝 Ktor
Day01. 安裝 Ktor舒安 楊
 

More from 舒安 楊 (20)

2023年3月中部聊天機器人開發者小小聚
2023年3月中部聊天機器人開發者小小聚2023年3月中部聊天機器人開發者小小聚
2023年3月中部聊天機器人開發者小小聚
 
AWS Conversation Ai.pptx
AWS Conversation Ai.pptxAWS Conversation Ai.pptx
AWS Conversation Ai.pptx
 
Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)
Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)
Day25. 使用 Line Console 內建的功能, 用滑鼠就可以輕鬆建立一個 RichMenu(圖文選單)
 
Day21. Line LIFF 的 sharetargetpicker 功能
Day21. Line LIFF 的 sharetargetpicker 功能Day21. Line LIFF 的 sharetargetpicker 功能
Day21. Line LIFF 的 sharetargetpicker 功能
 
Day20. Line LIFF API 與 Kotlin DSL 的初步認識
Day20. Line LIFF API 與 Kotlin DSL 的初步認識Day20. Line LIFF API 與 Kotlin DSL 的初步認識
Day20. Line LIFF API 與 Kotlin DSL 的初步認識
 
Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~
Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~
Day18. 將 Line LIFF (前端框架) 與 Ktor Web Framework 搭配使用吧~
 
Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~
Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~
Day17. Ktor Exposed - DSL 實作 #將聊天機器人收到的訊息,寫入Ktor的資料庫吧~
 
Day16. Ktor Exposed - DAO
Day16. Ktor Exposed - DAODay16. Ktor Exposed - DAO
Day16. Ktor Exposed - DAO
 
Day15. Line Notify 建立帳號 + 連動設定
Day15. Line Notify 建立帳號 + 連動設定Day15. Line Notify 建立帳號 + 連動設定
Day15. Line Notify 建立帳號 + 連動設定
 
Day14. Line Bot - Message Types
Day14. Line Bot - Message TypesDay14. Line Bot - Message Types
Day14. Line Bot - Message Types
 
Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~
Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~
Day13. 開啟 Line Bot Webhook, 用 Ktor 接收 使用者的訊息吧~
 
Day12 川劇變臉的 icon Switch 功能
Day12 川劇變臉的 icon Switch 功能Day12 川劇變臉的 icon Switch 功能
Day12 川劇變臉的 icon Switch 功能
 
Day09. 一行程式碼都不用寫的 Line AI Bot
Day09. 一行程式碼都不用寫的 Line AI BotDay09. 一行程式碼都不用寫的 Line AI Bot
Day09. 一行程式碼都不用寫的 Line AI Bot
 
Day08. delete webhook
Day08. delete webhookDay08. delete webhook
Day08. delete webhook
 
Day07. Webhook
Day07. WebhookDay07. Webhook
Day07. Webhook
 
Day05. Ngrok
Day05. NgrokDay05. Ngrok
Day05. Ngrok
 
Day04. Postwoman / Hoppscotch
Day04. Postwoman / Hoppscotch Day04. Postwoman / Hoppscotch
Day04. Postwoman / Hoppscotch
 
Day03. Telegram API
Day03. Telegram API Day03. Telegram API
Day03. Telegram API
 
Day02 - 我的第一個 Telegram Bot
Day02 - 我的第一個 Telegram Bot Day02 - 我的第一個 Telegram Bot
Day02 - 我的第一個 Telegram Bot
 
Day01. 安裝 Ktor
Day01. 安裝 KtorDay01. 安裝 Ktor
Day01. 安裝 Ktor
 

Day24. Line LIFF 實作教學: 搭配 Ktor 的 Web Framework 設計,輕鬆建立一個簡單好用的 Line sharetargetpicker 功能