Activity 7.2 VueJS setup
本页目录· 1 条
请决定是否要创建一个新项目或重复使用之前的项目
1. Setting up the VueJs
npm install firebase- 配置环境变量
在项目根目录新建
.env.local - 初始化 Firebase
新建
src/firebase.js - 把本地 LocalStorage 版替换为 Firebase 版
请决定是否要创建一个新项目或重复使用之前的项目
npm install firebase 在项目根目录新建 .env.local
新建 src/firebase.js
VITE_FIREBASE_API_KEY=xxxxx
VITE_FIREBASE_AUTH_DOMAIN=xxxxx.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=xxxxx
VITE_FIREBASE_STORAGE_BUCKET=xxxxx.appspot.com
VITE_FIREBASE_MESSAGING_SENDER_ID=xxxxxx
VITE_FIREBASE_APP_ID=1:xxxxxx:web:xxxxxx// src/firebase.js
import { initializeApp } from 'firebase/app'
import { getAuth, onAuthStateChanged } from 'firebase/auth'
import { getFirestore } from 'firebase/firestore'
const firebaseConfig = {
apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
appId: import.meta.env.VITE_FIREBASE_APP_ID,
}
export const app = initializeApp(firebaseConfig)
export const auth = getAuth(app)
export const db = getFirestore(app)
export function watchAuth(cb) {
return onAuthStateChanged(auth, cb)
}
课程目录