52 febefirebaseログイン (#53)

.env.example

@@ -4,3 +4,10 @@ OPENAI_API_KEY=${OpenAIのAPIキー}
 # GCPの設定
 GOOGLE_APPLICATION_CREDENTIALS=${GCPのサービスアカウントキーのパス}
 FIRE_STORAGE_BUCKET=${fire storageのバケット名}
+
+FIREBASE_API_KEY=${firebaseのAPIキー}
+FIREBASE_AUTH_DOMAIN=${firebaseの認証ドメイン}
+FIREBASE_PROJECT_ID=${firebaseのプロジェクトID}
+FIREBASE_MESSAGING_SENDER_ID=${firebaseのメッセージング送信者ID}
+FIREBASE_APP_ID=${firebaseのアプリID}
+FIREBASE_MEASUREMENT_ID=${firebaseの測定ID}

README.md

@@ -26,6 +26,14 @@ OPENAI_API_KEY=${OpenAIのAPIキー}
 # GCPの設定
 GOOGLE_APPLICATION_CREDENTIALS=${GCPのサービスアカウントキーのパス}
 FIRE_STORAGE_BUCKET=${GCPのサービスアカウントキーのパス}
+
+# Firebase Authenticationの設定
+FIREBASE_API_KEY=${firebaseのAPIキー}
+FIREBASE_AUTH_DOMAIN=${firebaseの認証ドメイン}
+FIREBASE_PROJECT_ID=${firebaseのプロジェクトID}
+FIREBASE_MESSAGING_SENDER_ID=${firebaseのメッセージング送信者ID}
+FIREBASE_APP_ID=${firebaseのアプリID}
+FIREBASE_MEASUREMENT_ID=${firebaseの測定ID}
 ```
 
 ### 2. サーバの起動

components/MyProfiel.vue → components/MyProfile.vue

@@ -40,7 +40,7 @@
 </template>
 <script>
 export default {
-  name: "proposal-form",
+  name: "MyProfile",
   components: {},
   data() {
     return {

nuxt.config.ts

@@ -1,11 +1,23 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  modules: ["@nuxtjs/tailwindcss"],
+  ssr: false,
+  modules: ["@nuxtjs/tailwindcss", "nuxt-vuefire"],
   nitro: {
     preset: "firebase",
     firebase: {
       gen: 2,
     },
   },
+  vuefire: {
+    auth: true, // enable Firebase Authentication
+    config: {
+      apiKey: process.env.FIREBASE_API_KEY,
+      authDomain: process.env.FIREBASE_AUTH_DOMAIN,
+      projectId: process.env.FIREBASE_PROJECT_ID,
+      messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
+      appId: process.env.FIREBASE_APP_ID,
+      measurementId: process.env.FIREBASE_MEASUREMENT_ID,
+    },
+  },
 });