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/

LINE Developers Taiwan

January 21, 2022
Tweet

More Decks by LINE Developers Taiwan

Other Decks in Programming

Transcript

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

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

    CONTENT PROVIDER (EXTERNAL) EXTERNAL CONTENT (POSITION) TODAY WEBSITE 
 (HOST) TODAY-controlled Website Information SAFEFRAME CODE
  6. Render Step 2: Get Config  UTILITY PLATFORM API SERVER

    HOST SAFEFRAME CODE EXTERNAL HOST SDK EXT SDK
  7. Difference - ASIS  Kickoff Develop API 3rd Party Line

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

    PROVIDER (EXTERNAL) Documents )5.- 6UJMJUZ1MBUGPSN $.4
  9. 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.