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

Nuxt.js x Firebase で非同期に開発する

mikakane
January 19, 2019

Nuxt.js x Firebase で非同期に開発する

mikakane

January 19, 2019
Tweet

More Decks by mikakane

Other Decks in Technology

Transcript

  1. chatbox.inc Firebase Authentication Firebase を利用した 認証機構 Web GUI 操作で 簡単な認証機構を用意することが可能

    Mail 認証のほか、Google / Github などのサービス認証、 匿名認証にも対応で Oauth2 の 設定も簡単 認証のためのフローは JS を数行記述するだけ ポップアップ認証で、画面遷移も不要の Promise ベース認証
  2. chatbox.inc Firebase Database Realtime DatabaseとCloud Firestore どちらも NoSQL ベースで柔軟な利用が可能 Realtime

    Database は 大きなJSON ツリーに データを追加していく形式 Cloud Firestore は コレクションと呼ばれる単位で、 JSON ライクにデータを管理する形式
  3. chatbox.inc vuexfire Vue.js の ストア Vuex と Firebase Database を

    同期させるツール vuexfire Realtime Database 上の任意のパスと、 任意の state を紐付ける事ができる。 もちろん、 node の firebase モジュールを利用した、 任意の Read / Write 操作も可能
  4. chatbox.inc Web アプリケーション開発 frontend backend swagger Swagger を利用した REST API

    Schema の共有 フロントとバックエンド開発は 二人三脚
  5. chatbox.inc Firebase を使った開発 frontend firebase Web GUI Firebase の管理画面を利用して Backend

    基板を構築 フロントエンドの実装担当者が、 アプリケーションの全機能を実装できる。
  6. chatbox.inc Firebase Admin 管理者権限で Realtime Database の 読み書きを実行したり、認 証のための ID

    トークンを確認したりできる。 Node.js / Java / Python / Go / C# で提供されている他、 REST API の実装で非公式に PHP や Ruby などの実装も 管理者権限で Database 全体を操作したり、 ユーザの認証を行ったりするのに便利
  7. chatbox.inc Firebase Admin frontend firebase backend REST API as Event

    auth with uid touch whole database uid as token
  8. chatbox.inc Firebase Anywhere フロントで完結させたい 業務ロジック関心外のデータを すべて Firebase で巻き取る。 DB 構成を「本当に必要な業務データ」のみに

    小規模向けのイメージが強いが、 大規模向けの REST API + SPA の開発でも、 REST API 開発規模を 削減するために…など利用場面は多い 後々、Firebase 上のデータを 管理部門で活用したくなったら Firebase Admin で簡単に巻き取れる。