Tweet
Tweet

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

LINE 平台 與開發⽣態系介紹

Slide 3

Slide 3 text

NiJia Lin 🥷 LINE Technology Evangelist ⭐ Developer Relations 👋 External Evangelism 📌 Internal Evangelism

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

198 DYNAMIC USER BASE 19 GLOBAL MAU million SUPPORTS languages BY THE NUMBERS 178 *Supported languages: Arabic, Brazilian Portuguese, English, French, German, Indonesian, Italian, Japanese, Korean, Malay, Portuguese, Russian, Spanish (Castilian), Spanish (Latin America), Simplified Chinese, Thai, Traditional Chinese, Turkish, Vietnamese TOP-4 MAU million (Japan, Taiwan, Thailand, Indonesia) *As of March 2023 image: Freepik.com

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

發送各種訊息格式 Message Event Imagemap message Flex message Text message Template message Location message Sticker message Image message Video/Audio Message Quote message

Slide 8

Slide 8 text

Text & Sticker message

Slide 9

Slide 9 text

Image, Video, Audio, Location messag

Slide 10

Slide 10 text

Template message

Slide 11

Slide 11 text

Imagemap message

Slide 12

Slide 12 text

回覆訊息 - Quote Message • 回覆特定訊息 • 得知⽤⼾回覆的訊息 • ⽬前僅⽀援 text 與 sticker

Slide 13

Slide 13 text

Flex Message

Slide 14

Slide 14 text

Flex Message Simulator https://developers.line.biz/flex-simulator/

Slide 15

Slide 15 text

什麼是 Provider? • 獨立開發者、公司或組織 • Channel 建立之後是不能更動 channel 的 Provider • 請勿使⽤測試帳號到線上環境

Slide 16

Slide 16 text

LINE Bot 的兩種回應⽅式 Messaging API Reply event Push event LINE Platform

Slide 17

Slide 17 text

如何跟 Messaging API 溝通

Slide 18

Slide 18 text

Flex Message Simulator https://developers.line.biz/flex-simulator/

Slide 19

Slide 19 text

取得⽤⼾資訊 • Display Name • User Id • Language • Picture Url • Status Message https://developers.line.biz/en/reference/messaging-api/#get-profile

Slide 20

Slide 20 text

Icon Switch 修改⼤頭貼圖⽰與名字

Slide 21

Slide 21 text

什麼是 Quick Reply? • Camera action • Camera roll action • Location action • Postback action • Message action • URI action • Datetime picker action

Slide 22

Slide 22 text

什麼是 Rich Menu? • 圖片格式: JPEG or PNG • 寬度 (pixels): 800 to 2500 • ⾼度 (pixels): 250 or more • 比率 (width/height): 1.45 or more • 檔案最⼤尺⼨: 1 MB

Slide 23

Slide 23 text

• 圖片格式: JPEG or PNG • 寬度 (pixels): 800 to 2500 • ⾼度 (pixels): 250 or more • 比率 (width/height): 1.45 or more • 檔案最⼤尺⼨: 1 MB 什麼是 Rich Menu?

Slide 24

Slide 24 text

Messaging API 讓您可以快速建立聊天機器⼈ ⽀援多種程式語⾔ • Java • Python • PHP • Node.js • Go • Ruby • Perl

Slide 25

Slide 25 text

LINE Login 透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾ https://developers.line.biz/zh-hant/docs/line-login/overview/

Slide 26

Slide 26 text

什麼是 LIFF

Slide 27

Slide 27 text

穿衣服要挑⼤⼩ - LIFF 尺碼

Slide 28

Slide 28 text

LIFF 在哪兒 – 預約系統

Slide 29

Slide 29 text

LIFF 在哪兒 – 會員卡

Slide 30

Slide 30 text

發給 OA 互動的⽤⼾ - Send Message • 各式 Message 格式 • 最多⼀次發送 5 則訊息 • 從 OA 點過去的 LIFF 才能使⽤ https://developers.line.biz/en/reference/liff/#send-messages

Slide 31

Slide 31 text

分享很重要 – Share Target Picker • 外部瀏覽器 ➡ liff.login() • liff.isApiAvailable() • 透過個⼈帳號發送

Slide 32

Slide 32 text

OMO 最需要的! - liff.scanCodeV2() • Powered by WebRTC • LINE v11.7.0+ • LIFF v2.15.0+ • External Browser/Android/iOS

Slide 33

Slide 33 text

• LIFF starter app - https://github.com/line/line-liff-v2-starter - NextJS - NuxtJS - Vanilla • LIFF Playground - https://github.com/line/liff-playground - https://liff-playground.netlify.app/ - 外部/⼿機 瀏覽器皆可使⽤ 從哪開始呢？ - Starter

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content