What's New in LINE Front-end Framework

What's New in LINE Front-end Framework

Daisuke Shimizu
LINE UIT Department1 Product Manager / Front-end Engineer
https://linedevday.linecorp.com/jp/2019/sessions/B2-1

Be4518b119b8eb017625e0ead20f8fe7?s=128

LINE DevDay 2019

November 21, 2019
Tweet

Transcript

  1. 1.

    2019 DevDay What's New in LINE Front-End Framework > Daisuke

    Shimizu > LINE UIT Department1 Product Manager / Front-end Engineer
  2. 3.

    > LINE Front-end Framework (LIFF) > Web application • HTML,

    CSS, JavaScript > Integration with LINE platform • Authentication • User profile • Messaging API • JS SDK LIFF Overview
  3. 5.

    History 2018 - 2019 LINE Things 2018.11 LIFF v1 released

    2018.6 LIFF v2 released 2019.10 LINE QUICK GAME 2018.9 In chat app 2018.5
  4. 14.

    LIFF v1 liff.init( data => { //LIFF App initialization },

    err => { showAlert(err.message); } );
  5. 15.

    LIFF v2 liff.init({ liffId: “{liffId}" }).then(() => { if (!liff.isLoggedIn())

    { //Redirect to LINE Login liff.login(); return; } //Show User Profile }).catch((err) => { window.alert(err.message); });
  6. 17.
  7. 28.

    liff.scanQR LIFF v2 JS SDK /* interface ScanCodeResult { value:

    string | null } liff.scanCode(): Promise<ScanCodeResult> */ liff.scanCode().then(result => { // result = { value: ‘https://linedevday.linecorp.com’} });
  8. 30.

    > Select friends and groups and share message > Message

    types include images, videos, and flex messages > This API will be available soon liff.shareTargetPicker
  9. 31.

    New APIs LIFF v2 JS SDK liff.isInClient liff.login / liff.logout

    liff.getLanguage liff.getDecodedIDToken liff.getFriendship liff.isLoggedIn
  10. 32.

    Overview New features of LIFF v2 > Modern browser support

    > OpenID Connect > Bot_prompt Added with LINE Login v2.1 > https://liff.line.me/{liffId}/{path}?{query} > Universal link / Deeplink > Definition file TypeScript support Deeplink > liff.scanQRCode > liff.shareTargetPicker > Multipurpose APIs New APIs
  11. 34.

    Easy Development Web application (HTML, CSS, JavaScript) Build applications including

    serverless Can be developed in the same way as a general web application
  12. 35.

    No App Installation Required Works if LINE is installed Deeplink

    automatically handles various user environments
  13. 36.

    Integrated With LINE Platform Profile API / Messaging API OpenID

    Connect, Bot Link New APIs (liff.scanCode, liff.shareTargetPicker, etc)
  14. 44.