iT邦幫忙

liff相關文章
共有 35 則文章
鐵人賽 Software Development DAY 26

技術 [Day26] 傳播假圖文訊息網站完整程式碼

今天要把前幾天講過的 HTML、CSS、JavaScript 架構全部整合起來,加上我自己用 FLEX MESSAGE SIMULATOR 拉的三個圖文訊息版面...

鐵人賽 Software Development DAY 24

技術 [Day24] 用 FLEX MESSAGE SIMULATOR 製作 LINE 圖文訊息

昨天有提到 LINE 的圖文訊息(Flex Message)是非常複雜的 JSON 架構,而且每個屬性都有多個參數可以選擇。如果傻傻地手刻程式碼,不只麻煩而且容...

鐵人賽 Software Development DAY 22

技術 [Day22] 用 LINE API 拿到登入者的個資😡(合法)

大家在接收別人送的 LINE 禮物的時候應該都有發現收到的訊息是「對方姓名+送禮物來囉!」(還是沒收到過不知道QQ)如果在姓名我用 hardcode 寫死我的...

鐵人賽 Software Development DAY 4

技術 [Day4] 建立LIFF的眉眉角角 - 設定LIFF

如何建立Providers和Channel請看這篇 接下來要教大家建立和設定LIFF服務,LIFF要從Line Login Channel中設定: Step1....

鐵人賽 Software Development DAY 3

技術 [Day3] 建立LIFF的眉眉角角 - 申請Providers、Channel

這是製作LINE整人工具的流程圖~雖然我寫的很簡單但其實超麻煩(ಠ_ಠ)光是申請LIFF就有很多重點要注意,現在就來教大家如何申請LIFF(包含可以使用send...

鐵人賽 Software Development DAY 2

技術 [Day2] 原來世界上有 LINE API 這種酷東西!

LINE 官方帳號提供了很多 API,透過 API 可以開發出更多不同的功能。假如想要在網站內加入 LINE 註冊/登入的功能,就可以串接 LINE Login...

鐵人賽 Software Development DAY 1

技術 不要炮轟我拜託🙏究竟可以做出怎樣的LINE整人工具呢?

<免責聲明>本主題只是想介紹LINE API應用和一些JavaScipt教學,沒有要濫用LINE API功能惡整大家,拜託請大家不要罵我QAQ...

技術 LINE DEVELOPER DAY 2021 — 提升 LIFF 的開發體驗

大家好,我是卡米哥,LINE 官方認證的 API 專家,LINE API Expert。目前在維護基於 Rails 的聊天機器人框架 Kamigo。 LINE...

鐵人賽 影片教學 DAY 27

技術 Day27 - 使用 LIFF 表單收集用戶訊息

LINE Developers:https://developers.line.biz/zh-hant/LINE Flex Message Simulator...

鐵人賽 影片教學 DAY 26

技術 Day26 - 使用 Share Target Picker 分享訊息

LINE Developers:https://developers.line.biz/zh-hant/LINE Flex Message Simulator...

鐵人賽 影片教學 DAY 25

技術 Day25 - LIFF 使用入門

LINE Developers:https://developers.line.biz/zh-hant/LINE Flex Message Simulator...

鐵人賽 影片教學 DAY 9

技術 Day9 - 串接 LINE Login 與 LIFF

Heroku 網址:https://www.heroku.com/LINE Developers 網址:https://developers.line.biz...

技術 《賴田捕手:番外篇》第 40 天:用 Netlify 整合前後端服務

《賴田捕手:番外篇》第 40 天:用 Netlify 整合前後端服務 故事還沒完呢,阿部。你也許會想問,那位英俊的年輕人是否騎著馬,經過了一座又一座的村莊?他...

鐵人賽 影片教學 DAY 19

技術 Day19. Line LIFF 與 Ktor Web Framework (2):我的第一個 Line LIFF

溫馨小提醒:影片畫質設成1080會比較清楚喔!! Kotlin語法速成專區:我的Kotlin整理筆記Kotlin線上讀書會共筆讀書會成員Andy Lu學習...

鐵人賽 影片教學 DAY 18

技術 Day18. 我的第一個 Line Bot (9):Line LIFF 與 Ktor Web Framework

溫馨小提醒:影片畫質設成1080會比較清楚喔!! 今天的練習專案:KtorDay18-LineLIFF Kotlin語法速成專區:我的Kotlin整理筆記...

鐵人賽 Modern Web DAY 10
認識LIFF容易嗎? 系列 第 10

技術 [Day10] LIFF Login 與 IsLoggedIn

前言 前幾天,單純認識如何取得與LIFF APP相關的環境變數。接著,來認識一下,當實際點擊LIFF URL的時候,會發生什麼事。發生什麼事之後,來認識一下li...

鐵人賽 Modern Web DAY 8
認識LIFF容易嗎? 系列 第 8

技術 [Day08] LIFF IsApiAvailable

前言 在上一篇,我們認識到有一部分的LIFF API,在使用上是會受到Line、LIFF SDK或作業系統而限制。如果想要確認API是否能在開啟LIFF APP...

鐵人賽 Modern Web DAY 9
認識LIFF容易嗎? 系列 第 9

技術 [Day09] LIFF IsInClient

前言 用戶是透過Line的內部瀏覽器開啟LIFF APP的嗎? 若非,要如何對提示相關訊息? liff.isInClient() 判斷LIFF APP是否透過L...

鐵人賽 Modern Web DAY 7
認識LIFF容易嗎? 系列 第 7

技術 [Day07] LIFF GetLineVersion

前言 用戶當前Line的版本,會影響LIFF APP中Api的使用。如果需要確認用戶當前Line的版本,那麼就需要來認識一下liff.getLineVersio...

鐵人賽 Modern Web DAY 6
認識LIFF容易嗎? 系列 第 6

技術 [Day06] LIFF GetVersion

前言 記得在[Day02] LINE SDK的時候,認識到如何引用SDK及兩種CDN path的差異。本篇將實作liff.getVersion(),並進一步了解...

鐵人賽 Modern Web DAY 5
認識LIFF容易嗎? 系列 第 5

技術 [Day05] LIFF GetLanguage

前言 用1篇文章,認識1個 LIFF SDK API,今天的主角是liff.getLanguage()。 liff.getLanguage() 用於取得用戶開啟...

鐵人賽 Modern Web DAY 4
認識LIFF容易嗎? 系列 第 4

技術 [Day04] LIFF GetOS 與 實作

前言 本篇利用Azure部署Web,實作LIFF APP。同時介紹liff.getOS(),實作結果會如何呢!?讓我們繼續看下去⋯⋯。 實作liff.init(...

鐵人賽 Modern Web DAY 3
認識LIFF容易嗎? 系列 第 3

技術 [Day03] LIFF Init 與 URL們

前言 到底 liff.init() 是什麼? 何時執行? 執行後,可以做什麼? 跟URL們有什麼關係? initialize的中文意思,即初始化,韋氏字典中的...

鐵人賽 Modern Web DAY 2
認識LIFF容易嗎? 系列 第 2

技術 [Day02] LIFF SDK

前言 本篇將介紹開始寫程式前,如何將LIFF SDK整合至LIFF APP。 兩種方式嵌入SDK CDN path npm package CDN path...

鐵人賽 Modern Web DAY 1
認識LIFF容易嗎? 系列 第 1

技術 [Day01] 註冊LIFF APP

前言 這系列是以本身是LIFF初學者的角度,邊摸索,邊學習,紀錄充滿歡笑與淚水(?)的過程。 註冊 登入 Line developer console Crea...

技術 [Day20] 如何在 LINE Bot 開啟 LIFF 應用 - LINE Front-end Framework

今天要介紹的是 LINE 的 LIFF 應用,全名是 「LINE Front-end Framework」,這是一個 Web App 框架,可以讓 Line B...

鐵人賽 影片教學

技術 #30 LIFF 更新啦 不用LINE也能開? - v2 版本改動整理

可惡...才發交學沒多久就更新了 還好變動並不大,而且變得更好用了 就來看看新增了哪些功能吧 外部瀏覽器可以使用 LIFF 功能了 (v1版在外部瀏覽器開會直...