田無rb#5 ~Nuxt.js firebase連携①~

「Vue.js&Nuxt.js超入門」Chapter6の続き

前回axiosを使っての外部データとの連携を行った 続いてはDB連携

Google が提供するクラウドのデータベースサービス、Firebaseを利用する

• Firebaseのプロジェクトを作成する
  • 書籍にはプロジェクト名の重複不可と有るが、ランダムのsuffix付きIDが振られるようになったので、アプリ名の重複は大丈夫そう
• Realtime Databaseを作成（画面上部の Cloud Firestore のデータベースの作成ではないので注意）
  • セキュリティルールはテストモードとする
  • サンプルデータを作成して、 https://プロジェクトID.firebaseio.com/person.json でサンプルデータがJSON形式で表示されていることを確認