tags: .NET6 C#, LineBot, Line Messaging API, C#, dotnet core

[Day 22] 讓 C# 也能很 Social - .NET 6 C# 與 Line Services API 開發 - LIFF v2 介紹

前言

Hello 各位好，接下來二天的內容都是 LIFF，這兩篇的內容會集中在前端，今天主要會先介紹 LIFF 的相關內容與實際註冊一個 LIFF，下一篇會帶大家實際使用 LIFF SDK，話不多說，本篇現在馬上開始。

LINE Front-end Framework (LIFF) 文件連結

LINE Front-end Framework (LIFF) 可以看做一個運行在 Line 中的 browser，可以將 web app 整合進 Line 中，形成一個整體的 app，而運行在其中的 web app 就稱作 LIFF app。

LIFF 的出現使得web view 能夠直接在 Line App 中運行，並搭配 JS 的 SDK 能夠輕鬆的取得使用者資料、傳送訊息、掃描QR Code 等等，大大提升了使用者在 Line 聊天室中開啟網頁時的體驗，並且能夠很好的結合 Line Bot，做出更完整、多變的服務。

LIFF 畫面有三種不同的大小，可根據不同頁面的使用情境做設定。

接下來實際將前幾篇做的網頁註冊成 LIFF 實際看看效果

LIFF 註冊

要將 web view 註冊成 LIFF 可透過 Server API 或是直接在 developer console 設定即可，這邊就不實作使用 api 的方法了，有興趣的可以自行到文件查看。

LIFF 必須註冊在 Login Channel 下，按下畫面中的 Add。

開啟後依據各項欄位設定 LIFF

註冊完成後就會產生 LIFF ID 與 LIFF URL

測試

將剛產生的 LIFF URL 複製到 Line 聊天室中測試。

點開後就會有剛剛註冊的頁面以 LIFF 的形式出現。

結語

今天對 LIFF 初步的介紹就到這邊，各位可以調整不同的設定看看會有什麼效果，下一篇會帶大家實際使用 LIFF SDK 並測試各個 api，一起探索這個好玩的功能。