Chatbot

第12 屆iT邦幫忙鐵人賽系列文章 (Day26) 以下是 Line 官方文件的流程，今天會依據這個圖的流程來實作 Line Pay 付款 https://pay.line.me/jp/developers/apis/onlineApis?locale=zh_TW Checkout 流程 官方API文件可以從這裡看到 Request Body 的 C# Class public class LinePayRequest { public int amount { get; set; } public string currency { get; set; } public string orderId { get; set; } public List<Package> packages { get; set; } public Options options { get; set; } public Redirecturls redirectUrls { get; set; } } public class Package { public string id { get; set; } public int amount { get; set; } public string name { get; set; } public List<Product> products { get; set; } } public class Product { public string id { get; set; } public string name { get; set; } public string imageUrl { get; set; } public int quantity { get; set; } public int price { get; set; } } public class Options { public Payment payment { get; set; } } public class Payment { public bool capture { get; set; } } public class Redirecturls { public string confirmUrl { get; set; } public string cancelUrl { get; set; } } 整個 Post 的 Body 可以這樣組成，channelId和channelSecret可以在前一篇申請sandbox時候取得...

第12 屆iT邦幫忙鐵人賽系列文章 (Day25) 婚禮最麻煩的就是收禮金了吧，當天還有可能遇到跑錯棚的(本人親自遇到，後來還要退錢給他XD)，婚禮結束還要很辛苦的算鈔票，我一直在想未來有沒有可能都用電子支付，讓婚禮結束後不要扛那麼多的現金，不要花那麼多時間計算。本篇將以 Line 的 Sendbox 進行串接測試，要實際使用的話要先註冊成商家，並通過 Line 的審核。在 Sandbox 有很清楚的 step by step 來說明如何串接 註冊 Sandbox 至 https://pay.line.me/jp/developers/main/main?locale=zh_TW 註冊 接著 Email 會收到測試的帳號 接下來到商家後台，用上面的帳號密碼登入 (寫這篇文章的同時，email 裡面提供的商家後台連結不知道為什麼會出錯)，取得 client id與 client secret Razor Page 開發禮金表單 新增一個 Razor Page PaymentModel 新增一個 Amount 屬性 在 Razor 可以用 asp-for 來綁定 model 表單驗證呢 ? 可以用 asp-validation-for asp-page-handler 可以在 .cs寫 function 驗證 model 實作效果 下一篇來繼續用 C# 來串 Line Pay ~ 懶人包，本次學到了什麼? Razor Page https://docs.microsoft.com/zh-tw/aspnet/core/tutorials/razor-pages/razor-pages-start?view=aspnetcore-3.1&tabs=visual-studio Add validation to an ASP....

第12 屆iT邦幫忙鐵人賽系列文章 (Day24) 上一篇講到了用 QR Code 來做婚禮報到，如果能進一步來做自動報到就更方便了，LINE Beacon，是 LINE 推出的藍芽Sensor，可以讓 LINE Bot 接收設備附近的資訊，有時路過一些店家或捷運，他會推播給你一些訊息給你，這就是 Beacon 的技術 但寫到此篇發現 Line Beacon 無法用簡單的手機或平板來模擬 (就我之前搞beacon的經驗，那時候開發都是用手機當 Sensor)，目前看到可以模擬的方式是用Raspberry Pi 來架設 https://github.com/line/line-simple-beacon 故此篇內容會來講講怎麼申請和怎麼在程式裡面去擴充接收Line Beacon事件 LINE Business ID Edit descriptionmanager.line.biz WebhookEventType 增加 Beacon 事件 在 Event 繼續擴充 BeaconType enter : 當使用者進入Line Beacon 發送範圍內 banner：LINE for Business用戶限定，可讓用戶收到打開藍芽資訊，進而引導到加企業用戶好友及收到企業帳號的訊息 stay：LINE for Business用戶限定，偵測在區域內的使用者，每10秒會觸發一次 接著就是在收到訊息後判斷是否為 Beacon 事件，並做實際處理啦 本篇有點可惜，來不及買 Line Beacon 來玩，無法嘗試實際效果，之後有機會再拿來應用~ 懶人包，本次學到了什麼? Line Beacon https://developers.line.biz/en/docs/messaging-api/using-beacons/

第12 屆iT邦幫忙鐵人賽系列文章 (Day23) 在上一篇我們實作了Liff App 的 QR Code 掃瞄功能後，我們要來將這個值傳到後端完成報到的動作 在 Razor Page 一樣可以跟以往一樣把一些共用的 Template 抽出來，譬如 _Layout，一個蘿蔔一個坑，在有用到此 Template 最終就會 Render 在這些所埋的坑裡面 _Layout.cshtml QrCode.cshtml 今晚我想來點jQuery，預設 Razor Page 有載入 jQuery，我們直接用 jQuery Ajax 來跟後端溝通 QrCode Api 的內容，其實就是前幾篇講的，針對 Azure Table 的操作 實作畫面 https://imgur.com/5qsSzRN 懶人包，本次學到了什麼? Razor 的 RenderBody() vs RenderSection() http://coding.anyun.tw/2012/02/19/razor-learning-renderbody-renderpartial-and-rendersection/ jQuery Ajax https://api.jquery.com/jquery.ajax/ 如何新增/編輯一個結構化的 Azure Table 資料 https://docs.microsoft.com/en-us/azure/cosmos-db/tutorial-develop-table-dotnet?toc=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fazure%2Fstorage%2Ftables%2Ftoc.json&bc=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fazure%2Fbread%2Ftoc.json

第12 屆iT邦幫忙鐵人賽系列文章 (Day22) 婚禮當天必須請一些親戚來協助朋友報到，但前面都收集報名資訊了，用一些報到的機制方便統計也是挺潮的…看到 Liff App V2 有支援 QR Code 報到，剛好前面也有存報名的使用者資料，就能來判斷報到狀況，本次來實現一下這個功能。至於為啥不用 vue，要用 Razor Page，也沒為啥，鐵人賽就是順便玩玩沒玩過的 XD 在 .NET Core Web API 專案加入 Razor Page 如果當初起始專案選擇是存 Web Api 專案，可以考慮重新一個Web Application的時候把相關檔案搬過來 Startup.cs 要加入下列三段程式 wwwroot 把一些靜態檔案搬過來 開個資料夾叫 Pages 把 cdhtml 搬過來 按右鍵 加入一個叫做 QRCode 的 Razor Page 再來就是跟前幾篇實作一樣，加入 liff app SDK啦，說明如下： Line Liff SDK v2 Liff App 的 初始化 (記得要註冊一個 Liff App Id) 取得當前使用者 QR Code 掃描 實作畫面 下一篇，我們就繼續實作，怎麼完成後端報到的功能 Razor Page 對我來講好有復古的感覺，彷彿回到 WebForm 的時代… 懶人包，本次學到了什麼?...