@@ -50,15 +50,54 @@ If you are creating an open source application under a license compatible with t
50
50
* ` cd react-firebase-authentication `
51
51
* ` npm install `
52
52
* ` npm start `
53
- * visit http://localhost:3000/
54
- * Use your own Firebase Credentials
53
+ * visit http://localhost:3000
55
54
56
- ### Use your own Firebase Credentials
55
+ ### Firebase Configuration
57
56
58
57
* visit https://firebase.google.com and create a Firebase App
59
- * copy and paste your Credentials from your Firebase App into * src/components/Firebase/firebase.js* file or in .env file
60
- * [ activate Sign-In Methods in your Firebase App] ( https://www.robinwieruch.de/react-firebase-social-login/ )
61
- * Email/Password
62
- * Google
63
- * Facebook
64
- * Twitter
58
+ * copy/paste your configuration from your Firebase project's dashboard into one of these files
59
+ * * src/components/Firebase/firebase.js* file
60
+ * * .env* file
61
+ * * .env.development* /* .env.production* files
62
+
63
+ The * .env* or * .env.development* /* .env.production* files could look like the following then:
64
+
65
+ ```
66
+ REACT_APP_API_KEY=AIzaSyBtxZ3phPeXcsZsRTySIXa7n33NtQ
67
+ REACT_APP_AUTH_DOMAIN=react-firebase-s2233d64f8.firebaseapp.com
68
+ REACT_APP_DATABASE_URL=https://react-firebase-s2233d64f8.firebaseio.com
69
+ REACT_APP_PROJECT_ID=react-firebase-s2233d64f8
70
+ REACT_APP_STORAGE_BUCKET=react-firebase-s2233d64f8.appspot.com
71
+ REACT_APP_MESSAGING_SENDER_ID=701928454501
72
+ ```
73
+
74
+ ### Activate Sign-In Methods
75
+
76
+ ![ firebase-enable-google-social-login_640] ( https://user-images.githubusercontent.com/2479967/49687774-e0a31e80-fb42-11e8-9d8a-4b4c794134e6.jpg )
77
+
78
+ * Email/Password
79
+ * [ Google] ( https://www.robinwieruch.de/react-firebase-social-login/ )
80
+ * [ Facebook] ( https://www.robinwieruch.de/firebase-facebook-login/ )
81
+ * [ Twitter] ( https://www.robinwieruch.de/firebase-twitter-login/ )
82
+ * [ Troubleshoot] ( https://www.robinwieruch.de/react-firebase-social-login/ )
83
+
84
+ ### Activate Verification E-Mail
85
+
86
+ * add a redirect URL for redirecting a user after an email verification into one of these files
87
+ * * src/components/Firebase/firebase.js* file
88
+ * * .env* file
89
+ * * .env.development* /* .env.production* files
90
+
91
+ The * .env* or * .env.development* /* .env.production* files could look like the following then (excl. the Firebase configuration).
92
+
93
+ ** Development:**
94
+
95
+ ```
96
+ REACT_APP_CONFIRMATION_EMAIL_REDIRECT=http://localhost:3000
97
+ ```
98
+
99
+ ** Production:**
100
+
101
+ ```
102
+ REACT_APP_CONFIRMATION_EMAIL_REDIRECT=https://mydomain.com
103
+ ```
0 commit comments