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

by LINE Developers Taiwan

Slide 1

Slide 1 text

LINE TODAY Willy Li / UIT Dev

Slide 2

Slide 2 text

Utility Platform How we use SafeFrame to display content from 3rd party

Slide 3

Slide 3 text

ଈ࣌৽ฉ 㗁ᒜ /#"௚೻ ࡾۚ௚೻ ిӨ ౤ථ ఱᔅ 50%":؃ੈք 50%":ࡒ஌ಓ ࢹࡏᄒ-"8 ੕࠲ӡ੎ Իᒜ ཱྀ༡ ༡ፍಈອ Պٕ ࣌ঘைྲྀ ໢ٿެ։ᩱ௚೻ ԋএ။௚೻ ݈߁ ਌ࢠ -*/&50%": બᎯ "2* ᒜಁ Ӹ৘هऀ။ గ㕕 ਪન ੜ׆ த৬ ཧࡒ ᅳࡍ ඒ৯ ਓࡍ ؿं ୐඼ຯ ஼෺ ሢ୊ ઎๼ ᰝ෩ ཹݴ൘ ஍਒

Slide 4

Slide 4 text

5 Insights of Cooperation with 3rd Parties

Slide 5

Slide 5 text

What do Thai People Sell in the Photo?

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

2. Life on LINE LINE TODAY can help your all life matters.

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

What is SAFEFRAME? A WHOLE BUNCH OF 3rd PARTY CONTENT PROVIDER （EXTERNAL） EXTERNAL CONTENT (POSITION) TODAY WEBSITE   (HOST) TODAY-controlled Website Information SAFEFRAME CODE

Slide 13

Slide 13 text

Render Step 1: Define Position HOST SAFEFRAME CODE EXTERNAL HOST SDK EXT SDK

Slide 14

Slide 14 text

Render Step 2: Get Config UTILITY PLATFORM API SERVER HOST SAFEFRAME CODE EXTERNAL HOST SDK EXT SDK

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

Difference - ASIS Kickoff Develop API 3rd Party Line Today Server-side Middleware Client-side View Design Spec Waterfall Communication Maintenance Priority

Slide 19

Slide 19 text

Difference - TOBE A WHOLE BUNCH OF 3rd PARTY CONTENT PROVIDER （EXTERNAL） Documents )5.- 6UJMJUZ1MBUGPSN $.4

Slide 20

Slide 20 text

Difference - TOBE )5.- 6UJMJUZ1MBUGPSN $.4 -JOF5PEBZ $.4

Slide 21

Slide 21 text

- It takes about 1 month. LINE MUSIC Billboard

Slide 22

Slide 22 text

- It takes about 3 days. Stimulus Vouchers

Slide 23

Slide 23 text

- It takes about 2 weeks. Receipt Lottery

Slide 24

Slide 24 text

Our Next Step…

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

Document Ready Get More Opportunity

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Share Utility Platform

Slide 29

Slide 29 text

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.

Slide 30

Slide 30 text

Thank you