firebaseでサーバレスなSPAアプリを作った話

const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp();

const algoliasearch = require('algoliasearch');
const algolia = algoliasearch(functions.config().algolia.app_id, functions.config().algolia.api_key);

const indexSpots = algolia.initIndex('spots');
exports.syncSpots = functions.firestore.document('/spots/{spotId}').onWrite(
  (change, context) => {
    const spotId = context.params.spotId;
    const spot = change.after.exists ? change.after.data() : null;
    if(!spot){
      indexSpots.deleteObject(spotId, (err) => {
        if (err) throw err;
        console.log(`Spot ${spotId} removed from algolia spots index`);
      });
    }else{
      spot['objectID'] = spotId;
      indexSpots.saveObject(spot, (err, content) => {
        if (err) throw err;
        console.log(`Spot ${spotId} updated in algolia spots index`);
      });
    }
    return 0;
  }
);

TypeError: firestoreInstance.settings is not a function
    at beforeSnapshotConstructor (/user_code/node_modules/firebase-functions/lib/providers/firestore.js:136:27)
    at changeConstructor (/user_code/node_modules/firebase-functions/lib/providers/firestore.js:144:49)
    at cloudFunctionNewSignature (/user_code/node_modules/firebase-functions/lib/cloud-functions.js:108:28)
    at cloudFunction (/user_code/node_modules/firebase-functions/lib/cloud-functions.js:139:20)
    at /var/tmp/worker/worker.js:730:24
    at process._tickDomainCallback (internal/process/next_tick.js:135:7)

import firebase from 'firebase/app'
import { firebaseApp } from '../firebase'  // eslint-disable-line

export function watchAuthState() {
  return (dispatch) => {
    firebase.auth().onAuthStateChanged((user) => {
      if(!user) {
        // ログインしてなかったら匿名ユーザとしてログイン
        firebase.auth().signInAnonymously().catch(function(error) {
          /* エラーハンドリング */
        });
        return;
      }
      dispatch({ type: 'LOGIN_SUCCESS', payload: user });
    })
  }
}

export function loginByGoogle() {
  const provider = new firebase.auth.GoogleAuthProvider();
  return loginByProvider(provider);
}

export function loginByFacebook() {
  var provider = new firebase.auth.FacebookAuthProvider();
  return loginByProvider(provider);
}


function loginByProvider(provider) {
  return (dispatch) => {
    dispatch(startLoading('loginAuth'));
    // まずは匿名ユーザのアップグレードを試みる
    firebase.auth().currentUser.linkWithPopup(provider).then(function(result) {
      dispatch({ type: 'LOGIN_SUCCESS', payload: result.user });
      /* ログイン成功後の後続処理 */
    }).catch(function(error){
      if(error.code === 'auth/credential-already-in-use'){
        // 既にリンク済のアカウントがあればそっちでログインしなおす
        firebase.auth().signInAndRetrieveDataWithCredential(error.credential).then(function(result){
          dispatch({ type: 'LOGIN_SUCCESS', payload: result.user });
          // ログイン成功後の後続処理
        }).catch(function(error){
          /* エラーハンドリング */
        });
      }else if(error.code === 'auth/email-already-in-use'){
        // 認証されたemailが別アカウントに既に紐付ている場合
        /* エラーハンドリング */
      }else{
        /* エラーハンドリング */
      }
    });
  }
}

export function logout() {
  return (dispatch) => {
    firebase.auth().signOut().then(function() {
      /* ログアウトの通知 */
    });
  }
}

import { subscribe } from 'redux-subscriber';

export function pageAccountView(){
  return (dispatch, getState) => {
    const userId = getState().auth.userId;  // 認証完了前はuserIdにnullが入る
    if(userId){
      loadAccountInfo(userId, dispatch);  // この中でuserIdを使ってAPIを非同期実行
    }else{
      // まだuserIdが読み込み前の場合はそれを待ってから実行する
      const unsubscribe = subscribe('auth.userId', (state) => {
        const userId = state.auth.userId;
        if(userId){
          unsubscribe();
          loadAccountInfo(userId, dispatch);  // この中でuserIdを使ってAPIを非同期実行
        }
      });
    }
  }
}

version: 2
jobs:
  deploy:
    docker:
      - image: devillex/docker-firebase:latest
    working_directory: ~/workspace
    steps:
      - checkout
      - run:
          name: npm install
          command: npm install --unsafe
      - run:
          name: npm install for functions
          command: cd functions;npm install --unsafe;cd ..
      - run:
          name: build react
          command: npm run build
      - run:
          name: deploy firebase
          command: firebase deploy --token=$FIREBASE_DEPLOY_TOKEN

workflows:
  version: 2
  deploy:
    jobs:
      - deploy:
          filters:
            branches:
              only: master