Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/163.e364ad09.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[163],{2529:function(e,a,s){"use strict";s.r(a);var t=s(118),c=s(194),n=s(28),i=s(1);a.default=function(){return Object(i.jsxs)(i.Fragment,{children:[Object(i.jsx)(c.a,{variant:"h4",className:"mb-24",children:"Firebase Authentication Service Example"}),Object(i.jsx)(c.a,{className:"mb-16",component:"p",children:"With Firebase Authentication in Fuse React."}),Object(i.jsxs)("ul",{children:[Object(i.jsxs)("li",{className:"mb-12",children:["You can ",Object(i.jsx)(n.a,{to:"/register",children:"register"}),"."]}),Object(i.jsxs)("li",{className:"mb-12",children:["You can ",Object(i.jsx)(n.a,{to:"/login",children:"log in"}),"."]}),Object(i.jsx)("li",{className:"mb-12",children:"Also saves user data (user shortcuts, layout, and theme settings) to FirebaseDb."})]}),Object(i.jsxs)(c.a,{className:"mt-32 mb-16",component:"p",children:["Related Service folder is located at ",Object(i.jsx)("code",{children:"/src/firebaseService"})]}),Object(i.jsxs)(c.a,{className:"my-24 italic",component:"p",color:"textSecondary",children:["Note: Make sure ","<Router>"," component wrapped with ","<Auth>"," component in",Object(i.jsx)("code",{children:"src/app/App.js"}),". The service initializes in the Auth component."]}),Object(i.jsx)(c.a,{className:"mt-32 mb-8",variant:"h5",children:"Configuration"}),Object(i.jsxs)(c.a,{className:"mb-16",component:"p",children:["You need to paste the configuration of your Firebase Project into",Object(i.jsx)("code",{children:"src/app/services/firebaseService/firebaseServiceConfig.js"})]}),Object(i.jsx)(t.a,{component:"pre",className:"language-jsx my-16",children:'\n const prodConfig = {\n apiKey : "YOUR_API_KEY",\n authDomain : "your-app.firebaseapp.com",\n databaseURL : "https://your-app.firebaseio.com",\n projectId : "your-app",\n storageBucket : "your-app.appspot.com",\n messagingSenderId: "YOUR_MESSAGING_SENDER_ID"\n };\n\n const devConfig = {\n apiKey : "YOUR_API_KEY",\n authDomain : "your-app.firebaseapp.com",\n databaseURL : "https://your-app.firebaseio.com",\n projectId : "your-app",\n storageBucket : "your-app.appspot.com",\n messagingSenderId: "YOUR_MESSAGING_SENDER_ID"\n };\n '})]})}}}]);
Mini Shell