파이어베이스 호스팅을 사용할 때 vuej의 환경 변수에 파이어베이스 구성 매개 변수를 저장하는 방법

파이어베이스 호스팅을 사용할 때 vuej의 환경 변수에 파이어베이스 구성 매개 변수를 저장하는 방법

난 파이어베이스에 처음이야.나는 그것을 나의 vuejs 프로젝트에 채용했다.파이어베이스 설정 파라미터를 환경변수에 저장하려면 어떻게 해야 합니까?아니면 이것을 성취하는 더 좋은 방법이 있을까요?

vue에서 .env.js 파일 사용

설정을 main.js 파일에 직접 저장할 수도 있기 때문에 실제로는 필요하지 않습니다.또한 이러한 Firebase 구성 데이터는 공개되므로 보호할 필요가 없습니다.여전히 여기 당신이 그것을 하는 방법이 있다.

---

prod.env.js 파일(폴더 아래에 있는 설정용)config) 추가

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  FIREBASE_API_KEY: '"APIKEY"',
  FIREBASE_AUTH_DOMAIN: '"YOURID.firebaseapp.com"',
  FIREBASE_DATABASE_URL: '"YOURURL"',
  FIREBASE_PROJECT_ID: '"YOURID"',
  FIREBASE_STORAGE_BUCKET: '""',
  FIREBASE_MESSAGING_SENDER_ID: '"YOURSENDERID"',
  FIREBASE_APP_ID: '"YOURAPPID"',
}

에서main.js환경 변수를 호출하다process.env.VARIABLENAME.

파이어베이스 설정은 다음과 같습니다.

const firebaseConfig = {
  apiKey: process.env.FIREBASE_API_KEY,
  authDomain: process.env.FIREBASE_AUTH_DOMAIN,
  databaseURL: process.env.FIREBASE_DATABASE_URL,
  projectId: process.env.FIREBASE_PROJECT_ID,
  storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.FIREBASE_APP_ID,
};

언제든지 모든 구성 설정을 포함하는 새 파일을 만들고 해당 파일을 무시하여 안전하게 만들 수 있습니다.

프로젝트 구조에만 의존합니다.보안에 영향을 주지 않고 필요한 장소에서 이 파일을 Import할 수 있습니다.

언급URL : https://stackoverflow.com/questions/57653246/how-to-save-firebase-config-parameters-in-environment-variables-in-vuejs-when-us