Trying out the Firebase firestore with a simple chat app.
A sample app with Vue.js, Vuex and Google Firestore.
Install NPM :
npm i -D
Create an account Google Firestore. And obtain code (click Add Firebase to your web app) :
You obtain that
// Initialize Firebase
var config = {
apiKey: "...",
authDomain: "PROJECT.firebaseapp.com",
databaseURL: "https://PROJECT.firebaseio.com",
projectId: "PROJECT",
storageBucket: "",
messagingSenderId: "..."
};
firebase.initializeApp(config);
Create config.js in ./src/config.js
and format same as :
const config = {
apiKey: "...",
authDomain: "PROJECT.firebaseapp.com",
databaseURL: "https://PROJECT.firebaseio.com",
projectId: "PROJECT",
storageBucket: "",
messagingSenderId: "..."
};
export default config
Retur on Firestore and go to Left Menu
->DEVELOP
->Database
.
Click Cloud Firestore, then select test mode (it means your database will be public, so dont share the link on the internet anywhere).
Launch server
npm run dev