firebaseでサーバレス 第2回 〜Webからのfirestore検索
frontendプロジェクト配下で下記のコマンドを実行しfirebaseをインストール
yarn add firebase
とりあえずfirestoreのfoods配下のアクセス権限を与える
service cloud.firestore { match /databases/{database}/documents { match /foods/{food} { allow read: if true; allow write: if true; } } }
フロントの適当な箇所に下記のコードを記述して
コンソールログに登録済みデータが出力されることを確認
var firebase = require('firebase') require('firebase/firestore') // Initialize Firebase var config = { apiKey: "<API_KEY>", authDomain: "<PROJECT_ID>.firebaseapp.com", databaseURL: "https://<DATABASE_NAME>.firebaseio.com", storageBucket: "<BUCKET>.appspot.com", messagingSenderId: "<SENDER_ID>", } firebase.initializeApp(config) var db = firebase.firestore() db .collection('foods') .get() .then(qst => { qst.forEach(doc => { console.log(doc.data()) }) })
コンソール出力