Backend architecture for LINE LP production tool

Daisuke Matsushita
LINE Growth Technology Development Department Server Side Engineer
https://linedevday.linecorp.com/jp/2019/sessions/S2-16

Transcript

1. 2019 DevDay Backend Architecture for LINE LP Production Tool > Daisuke Matsushita > LINE Growth Technology Development Department Server Side Engineer
2. LINE LP Production Tool = LPGen
3. Agenda > Self Introduction > What’s LPGen From Backend > LPGen Backend Architecture
4. Self Introduction
5. About me Daisuke MATSUSHITA LINE Growth Technology Co., Ltd. Developer Department Development Center Server Side Engineer Self Introduction
6. What’s LPGen From Backend
7. What’s LPGen From Backend > Landing Page Generator > developed and operated by LINE Growth Technology Co., Ltd. > In-house service in LINE group LPGen Overview
8. What’s LPGen From Backend Screenshot of Making LP
9. What’s LPGen From Backend LPGen’s Good Points Only Frontend … ?
10. The Answer Is No!
11. What’s LPGen From Backend LPGen’s Good Points Design Rules/SEO Quick Deploy Simple UI/UX
12. What’s LPGen From Backend LPGen’s Good Points Backend Contribute Design Rules/SEO Quick Deploy Simple UI/UX
13. LPGen Backend Architecture
14. LPGen Backend Architecture LPGen Using Technology Vue.js Verda Object Storage Spring Boot
15. LPGen Backend Architecture > VOS is an object storage server in Verda. > In LPGen, VOS is used for image files and the place to deploy LP. > Verda is LINE internal private cloud environment. About Verda Object Storage(VOS)
16. Server Models LPGen Backend Architecture Web API Web API LB LB Image VOS LP VOS DB
17. LPGen Backend Architecture > This server proxies requests to the API server. > This server has an authentication module called NSS. > This server returns HTML of LPGen. About Web Server
18. LPGen Backend Architecture > For LPGen login, users can use ID/PW they usually uses.
 → Simple > NSS authenticated a user and add authentication information to requests. > NSS is Single Sign On system for NAVER and its group companies. 
 About NSS
19. API Call Routing LPGen Backend Architecture Authentication Web Server (NSS module) API Server Authorization API Server
20. LPGen Backend Architecture > Only API server accesses the database and VOS. > When users publish LP, this server receives contents of HTML, makes a HTML file and deploy it to VOS. → Quick Deploy > We designed API as RESTful API. About API Server
21. LP Build and Deploy Flow LPGen Backend Architecture API Server ᶃ Client Calls API With LP HTML Image VOS ᶄ Get Image Used in LP LP VOS ᶅ Deploy LP Html File and Image
22. LP View Route LPGen Backend Architecture Reverse Proxy CDN VOS Browser Client
23. LP View Route LPGen Backend Architecture LP Reverse Proxy CDN VOS Browser Client
24. LP View Route LPGen Backend Architecture Caching LP Reverse Proxy CDN VOS Browser Client
25. LP View Route LPGen Backend Architecture SEO Caching LP Reverse Proxy CDN VOS Browser Client
26. LP View Route LPGen Backend Architecture SEO Caching LP Reverse Proxy CDN VOS Browser Client
27. LPGen Backend Architecture > It is high cost that a proxying route is via internet. > We will use not Verda CDN but an internal cache server. > Verda CDN internally uses AWS Cloud Front and Akamai. Future Task
28. Thank You