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

Serverless FrameworkとVue.jsのSSRでWebサイトを作った話

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

Serverless FrameworkとVue.jsのSSRでWebサイトを作った話

Avatar for Yuichi Shundo

Yuichi Shundo

March 08, 2017
Tweet

Other Decks in Programming

Transcript

  1. ։ൃ؀ڥ • Serverless Framework 1.4 • node.js 4.3 • TypeScript

    2.1 • Vue.js 1.0 • Visual Studio Code (ΤσΟλ)
  2. ࠷ॳͷߏ੒ (Client-Side-Rendering) 
 RDS Lambda 
 S3 CloudFront API Gateway

    ੩తϑΝΠϧ܈ HTML, JS, CSS, Image ಈతίϯςϯπऔಘAPI (QA৘ใɺίϥϜ౳) ΫϥΠΞϯτ (Webϒϥ΢β) Route53 Vue.js
  3. SSRʹม͑ͨߏ੒ 
 RDS Lambda 
 S3 CloudFront API Gateway ੩తϑΝΠϧ܈

    JS, CSS, Image ΫϥΠΞϯτ Route53 HTML΍vueςϯϓϨʔτ͸ lambdaͷϩʔΧϧʹอ࣋ text/htmlܗࣜͷ ϨεϙϯεΛฦ͢
  4. CaraCoroͰݱࡏະରԠ • Catch-all • URLͰ೚ҙͷύεʹରͯ͠API GatewayΛݺͼग़ͤΔ • Proxy-integration • API

    GatewayͱlambdaͰςϯϓϨʔτϚοϐϯάΛॻ͘ඞཁ͕ͳ͍ •։ൃͨ͠౰ॳ͸͜ΕΒͷػೳ͕ແ͔ͬͨ •͍ۙ͏ͪʹରԠ͍ͨ͠!!