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

LINE TECHPULSE 2022 - Utility Platform - How We Use Safeframe to Display Content from 3rd Party

LINE TECHPULSE 2022 - Utility Platform - How We Use Safeframe to Display Content from 3rd Party

Utility Platform - How We Use Safeframe to Display Content from 3rd Party by Willy Li @ LINE TECHPULSE 2022 https://techpulse.line.me/

2102a6b8760bd6f57f672805723dd83a?s=128

LINE Developers Taiwan
PRO

January 21, 2022
Tweet

More Decks by LINE Developers Taiwan

Other Decks in Programming

Transcript

  1. LINE TODAY Willy Li / UIT Dev 

  2. Utility Platform How we use SafeFrame to display content from

    3rd party 
  3. ଈ࣌৽ฉ 㗁ᒜ /#"௚೻ ࡾۚ௚೻ ిӨ ౤ථ ఱᔅ 50%":؃ੈք 50%":ࡒ஌ಓ ࢹࡏᄒ-"8

    ੕࠲ӡ੎ Իᒜ ཱྀ༡ ༡ፍಈອ Պٕ ࣌ঘைྲྀ ໢ٿެ։ᩱ௚೻ ԋএ။௚೻ ݈߁ ਌ࢠ -*/&50%": બᎯ "2* ᒜಁ Ӹ৘هऀ။ గ㕕 ਪન ੜ׆ த৬ ཧࡒ ᅳࡍ ඒ৯ ਓࡍ ؿं ୐඼ຯ ஼෺ ሢ୊ ઎๼ ᰝ෩ ཹݴ൘ ஍਒
  4.  5 Insights of Cooperation with 3rd Parties

  5. What do Thai People Sell in the Photo? 

  6. 1. Global Project, Local Requirements THAILAND INDONESIA TAIWAN HONG KONG

  7. 2. Life on LINE LINE TODAY can help your all

    life matters. 
  8. The Other Three Insights  突發事件 短期需求 商業合作

  9. The Old Way We Did when we we integrate with

    3rd parties  Today Repo Partner A Partner B Partner C 3rd Party API TODAY BE TODAY FE Partner D Business logic Component Business logic Component Business logic Component Business logic Component MUSIC Utility
  10. We Want to Do It Like This when we we

    integrate with 3rd parties  Partner A Business logic Component Partner B Business logic Component Partner C Business logic Component Partner D Business logic Component MUSIC Utility Out 3rd party partners A Process to Display 3rd Party Content
  11. What is the Process to display 3rd party content 

    Iframe AD SAFEFRAME EXTERNAL CONTENT CHAGNE SIZE PLEASE! GIVE ME SOME INFORMATION! I DON’T TRUST U. TODAY WEBSITE
  12. What is SAFEFRAME?  A WHOLE BUNCH OF 3rd PARTY

    CONTENT PROVIDER (EXTERNAL) EXTERNAL CONTENT (POSITION) TODAY WEBSITE 
 (HOST) TODAY-controlled Website Information SAFEFRAME CODE
  13. Render Step 1: Define Position  HOST SAFEFRAME CODE EXTERNAL

    HOST SDK EXT SDK
  14. Render Step 2: Get Config  UTILITY PLATFORM API SERVER

    HOST SAFEFRAME CODE EXTERNAL HOST SDK EXT SDK
  15. Render Step 3: Create Iframe  HOST SAFEFRAME CODE EXTERNAL

    HOST SDK EXT SDK
  16. API: Change Utility Size  HOST SAFEFRAME CODE EXTERNAL HOST

    SDK EXT SDK
  17. API: Get Utility Config  HOST SAFEFRAME CODE EXTERNAL HOST

    SDK EXT SDK
  18. Difference - ASIS  Kickoff Develop API 3rd Party Line

    Today Server-side Middleware Client-side View Design Spec Waterfall Communication Maintenance Priority
  19. Difference - TOBE A WHOLE BUNCH OF 3rd PARTY CONTENT

    PROVIDER (EXTERNAL) Documents )5.- 6UJMJUZ1MBUGPSN $.4
  20. Difference - TOBE )5.- 6UJMJUZ1MBUGPSN $.4 -JOF5PEBZ $.4

  21. - It takes about 1 month. LINE MUSIC Billboard

  22. - It takes about 3 days. Stimulus Vouchers

  23. - It takes about 2 weeks. Receipt Lottery

  24. Our Next Step… 

  25. None
  26. Document Ready Get More Opportunity 

  27. More API Richer Content 

  28.  Share Utility Platform

  29. Summary What we talked about… If you need to integrate

    with many 3rd parties, you can consider Safeframe. We can save much efforts after adapting Safeframe in our Utility Platform. Safeframe provides a simple, unified interface when embedding iframe. 
  30. Thank you