iT邦幫忙

liff相關文章
共有 35 則文章

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

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

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

技術 [Day10] LIFF Login 與 IsLoggedIn

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

鐵人賽 影片教學

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

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

鐵人賽 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...

鐵人賽 Software Development DAY 1

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

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

鐵人賽 Modern Web DAY 23

技術 Day 23 - LIFF(LINE Front-end Framework)

介紹 LIFF (LINE Front-end Framework)顧名思義就是 LINE 開發在 LINE 這個通訊軟體裡面的 Web view(好饒舌),他...

鐵人賽 Modern Web DAY 24

技術 Day 24 - 簡單使用 LINE LIFF API

前言 以下就為大家帶來簡單的實作以及如何去使用它。 實作 在views/下新增一個liff_test.html並加入以下內容 <html> &l...

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

技術 [Day09] LIFF IsInClient

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

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

技術 [Day01] 註冊LIFF APP

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

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

技術 [Day04] LIFF GetOS 與 實作

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

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

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

鐵人賽 影片教學 DAY 9

技術 Day9 - 串接 LINE Login 與 LIFF

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

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

技術 [Day08] LIFF IsApiAvailable

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

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

技術 [Day07] LIFF GetLineVersion

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

鐵人賽 Software Development DAY 2

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

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

鐵人賽 影片教學 DAY 22

技術 #21 什麼?LINE開網頁不用跳窗 LINE Front-end Framework (簡介篇)

今天來講解 LINE Front-end Framework LIFF到底怎麼做 就看影片吧~ 影片 投影片 Google簡報 #21 LIFF 文件 FLE...

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

技術 [Day05] LIFF GetLanguage

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

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

技術 [Day06] LIFF GetVersion

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

鐵人賽 影片教學 DAY 27

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

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

鐵人賽 影片教學 DAY 24

技術 #23 什麼?LINE開網頁不用跳窗 LINE Front-end Framework 實作篇 [舊版]

注意:本篇教學適用於LIFF 1.0,目前版本為2.1 今天來實作能串接LIFF的簡易網站 順便教你如何部署簡易的測試環境 那就看影片吧 影片 投影片 &a...

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

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

鐵人賽 影片教學 DAY 23

技術 #22 什麼?LINE開網頁不用跳窗 LINE Front-end Framework (API篇)[舊版]

注意:本篇教學適用於LIFF 1.0,目前版本為2.1 本來要講實作的 只是怕講時做的時候,會省略太多重要的api 所以今天只好先講API的部分 實作就留到明天...

鐵人賽 Software Development DAY 3

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

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

鐵人賽 影片教學 DAY 25

技術 Day25 - LIFF 使用入門

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

鐵人賽 Software Development DAY 4

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

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

鐵人賽 Software Development DAY 26

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

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