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

Server side rendering with Vue.js and Firebase ...

k2wanko
July 07, 2017

Server side rendering with Vue.js and Firebase Hosting

k2wanko

July 07, 2017
Tweet

More Decks by k2wanko

Other Decks in Technology

Transcript

  1. Firebase Hosting - 静的ファイルを配信してくれる Firebaseのサービスの一つ - 常時HTTP2接続 - CDNはFastlyを使ってる -

    リダイレクトやルーティングを書き換えたりはできる - 独自ドメインは登録するだけで 無料で証明書を発行してくれる(Let’s Encrypt)
  2. Cloud Functions - イベント駆動で実行できるNode.jsのPaaS - AWSで言うところのlambda - HTTPやPubSubをトリガーにできる、 Firebaseの色んなイベントを元にも起動できる。 -

    functions-samplesを見てみるとだいたいなんでもある ※ただし最適なやり方ではない場合があるので気をつけよう 例えば無駄に二度コールしてしまう実装とかある - 従量課金プランにも無料枠があり 200万コールまでは無料(2017/7/7現在) - 無料プランだと Googleのネットワークから外にはアクセスできない
  3. まとめ - Firebase はWebでも使える! - Hostingすごーい!便利! - Cloud Functions最高! -

    FirebaseバックエンドのSPAはSSRが簡単だった - Cloud Functionsを使う場合は鍵の管理も不要で楽 - DEMOのコード https://github.com/k2wanko/md-editor