https://github.com/embbnux/chrome-extension-manifest-v3-with-fcm

A demo to run Firebase Cloud Messaging with Chrome Extension Manifest V3
https://github.com/embbnux/chrome-extension-manifest-v3-with-fcm

Last synced: 5 days ago
JSON representation

A demo to run Firebase Cloud Messaging with Chrome Extension Manifest V3

• Host: GitHub
• URL: https://github.com/embbnux/chrome-extension-manifest-v3-with-fcm
• Owner: embbnux
• Created: 2022-03-03T07:56:26.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-03-03T08:50:54.000Z (over 2 years ago)
• Last Synced: 2024-10-16T08:21:35.580Z (28 days ago)
• Language: JavaScript
• Homepage:
• Size: 45.9 KB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Chrome Extension Manifest V3 with FCM

A demo to run FCM with Chrome Extension Manifest V3

## Setup

1. Clone this project

```

$ git clone https://github.com/embbnux/chrome-extension-manifest-v3-with-fcm.git

```

2. Create `firebaseConfig.js` file

```

$ cp firebaseConfig.default.js firebaseConfig.js

```

3. Create a project in [Firebase](https://firebase.google.com/)

4. Get `vapidKey`

In Firebase project settings -> Cloud Messaging  -> Web configuration: Generate a Web Push certificate.

Save `Key pair` value as `vapidKey` in `firebaseConfig.js` file

5. Get `firebaseConfig`

In Firebase project settings -> General, create a Web App.

Then in `SDK setup and configuration`, copy `firebaseConfig` and saved into `firebaseConfig.js` file

6. In Chrome: `chrome://extensions/`, enable developer mode, then client `Local unpacked` to load this project into chrome extension.

7. Click extension icon in Chrome Extensions to open this app and click register button to FCM for this app. You can get a registration token at developer tool of popup window.

8. Follow [here](https://firebase.google.com/docs/cloud-messaging/js/first-message#send_a_test_notification_message) to send a test message to client