サーバサイドレンダリング for Google App Engine @k2wanko

コキチーズ @k2wanko - GCPとFirebaseが好きな人 - LINEのセキュリティエンジニア - 最近はPUBGとSplatoonで遊んでる

Firebaseのユーザーグループやってます。 https://firebase.asia

※Vue.jsでサーバサイドレンダリングを した話です。

GAE/GoでSSR

https://qiita.com/koki_cheese/items/13426921f0b5861725e5

GAE/Goの上でJSランタイムを動かして やった

GAE/GoでSSR - gojaと言うGoで作られたECMAScript 5.1を実行できるJSランタイム - Pure GoなのでGAEでも動かせる！ - PromiseもsetTimeoutもないのでAPIを色々用意する必要がある！ - 色々webpackで魔術をする必要がある! - ライブラリが想定しているNode.jsの環境に近づける必要がある！！！ 結論: つらい!!

Cloud FunctionsでSSR

https://qiita.com/koki_cheese/items/64f429ac764983525dcc

Cloud FunctionsでSSR - Node.jsでサーバサイドレンダリングするからもう何も怖くない！ - バージョン管理などまだない部分が色々ある 結論: Firebase Hostingで使うならこれでい いんじゃない?

GAE/Node.jsでSSR

https://cloudplatform.googleblog.com/2018/06/Now-you-can-deploy-your-Node-js- app-to-App-Engine-standard-environment.html

No content

GAE/Node.jsでSSR - 念願のGAE/Node.jsが来た (beta) - バージョン管理がしやすい！トラフィックの切り分けなど - ファイアーウォールがある！IP制限とかできる 結論:Webサービスがメインなら こっち使おう

ただし、 - Memcachedが今現在ないのでインメモリでキャッシュするしかない - User APIもない - Search APIとか諸々色々ない

SSRの注意

SSRの注意 - SSRだひゃっほーい と思っていきなり移行してはいけない - CDNの設定をきちんと見て 特定のユーザーにしか見せてはいけない 情報がキャッシュされていないかなど注意が必要 最近の事例: 「LINE」タイムラインにおけるシステム不具合に関するお知らせ https://linecorp.com/ja/security/article/169

SSRは用法用量守って楽しく使いましょう

Thank you @k2wanko

参考 - https://cloud.google.com/appengine/docs/standard/nodejs/quickstart - https://vuejs.org/v2/guide/ssr.html - https://github.com/dop251/goja - https://github.com/k2wanko/appengine-go-ssr-example - https://github.com/k2wanko/gae-gcf-vue-ssr-example - https://github.com/k2wanko/appengine-node-ssr-example