Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Deep Dive into LIFF v2

Deep Dive into LIFF v2

LINE Developers Thailand

December 12, 2019
Tweet

More Decks by LINE Developers Thailand

Other Decks in Technology

Transcript

  1. Send Messages • Text • Sticker • Image • Video

    • Flex Message • Audio • Location • Template Messages
  2. QR Code Reader Platform Version iOS On version 9.19.0 and

    later, liff.scanCode() is temporarily unavailable. Android Not affected for now * liff.scanCode() in Android supports any kind of text result by Today!
  3. Share Target Picker • Share message to friends or groups

    • Image, Video and Flex Message are available • This API will coming soon
  4. Steps to develop LIFF v2 1. Create Provider and Login

    Channel 2. Create a LIFF app 3. Develop a Website 4. Deploy 5. Update Endpoint URL and Publish
  5. Steps to develop LIFF v2 1. Create Provider and Login

    Channel 2. Create a LIFF app 3. Develop a Website 4. Deploy 5. Update Endpoint URL and Publish
  6. Steps to develop LIFF v2 1. Create Provider and Login

    Channel 2. Create a LIFF app 3. Develop a Website 4. Deploy 5. Update Endpoint URL and Publish
  7. Initialize LIFF with Login <script src="https://static.line-scdn.net/liff/edge/2.1/sdk.js"></script> <script> liff.init({ liffId: YOUR-LIFF-ID

    }).then(() => { if (liff.isLoggedIn()) { liff.getProfile() } else { liff.login() } }) </script> 1 2
  8. Steps to develop LIFF v2 1. Create Provider and Login

    Channel 2. Create a LIFF app 3. Develop a Website 4. Deploy 5. Update Endpoint URL and Publish (HTTPS is required)
  9. Steps to develop LIFF v2 1. Create Provider and Login

    Channel 2. Create a LIFF app 3. Develop a Website 4. Deploy 5. Update Endpoint URL and Publish
  10. LIFF v2 Cheat Sheet liff.init() SETUP & INIT COMMON APIs

    liff.getOS() liff.getLanguage() liff.getVersion() liff.isInClient() AUTH APIs liff.isLoggedIn() liff.login() liff.logout() liff.getAccessToken() liff.getDecodedIDToken() liff.getContext() HTTP APIs liff.getProfile() liff.sendMessages() liff.getFriendship() CLIENT APIs liff.openWindow() liff.closeWindow() liff.scanCode() PERMANENT LINK liff.permanentLink.createUrl() liff.permanentLink.setExtraQueryParam()
  11. Better Discoverable • Listing in Services tab • Searchable in

    LINE Search Shareable to friends or groups • Deeplink sharing • Flex Message sharing Feature Highlight