Backend architecture for LINE LP production tool

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

Be4518b119b8eb017625e0ead20f8fe7?s=128

LINE DevDay 2019

November 21, 2019
Tweet

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