サーバサイドレンダリング for Google App Engine / Server Side Rendering for Google App Engine

サーバサイドレンダリング 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

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

サーバサイドレンダリング for Google App Engine / Server Sid...