Skip to content
This repository has been archived by the owner on Feb 14, 2024. It is now read-only.

An example of how to handle email actions with firebase and react.

Notifications You must be signed in to change notification settings

kavinmehta/react-firebase-custom-email-handlers

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

screenshot-1

If you are using Email and Password Authentication with Firebase then you will need to provide custom email action handlers. You can find out more about custom email action handlers in the Firebase docs here. Use this repository as a blueprint to pick out the code you need to integrate into your application.

To Run Locally

$ cd ~/Desktop
$ git clone https://github.com/griffinsockwell/react-firebase-custom-email-handlers.git

Make sure Node.js is installed.

Login to Firebase and create a new app from the dashboard.

Click on 'Add Firebase to your web app'

Change the firebase config in '/src/reference.js'

firebase.initializeApp(<your-config-object-here>);

In the firebase dashboard. Enable an Authentication Sign-In Method with Email/Password and then click Save.

Now you will need to change the URL for the email templates. Click the pencil icon to edit the template, then click customize action URL, and finally update the URL to http://localhost:3000/action and click save. Changing the URL in one template will update the other templates.

screenshot-2

Change into the correct directory.

$ cd react-firebase-custom-email-handlers

Install the node modules.

$ npm install

Start the development server.

$ npm start

The Action URL can be whatever you want it to be for your application. You just need to handle the queries in the URL. Take a look at '/src/components/Action.js' to see how it is handling the queries.

About

An example of how to handle email actions with firebase and react.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 91.5%
  • CSS 6.8%
  • HTML 1.7%