Glover
  • Introduction
  • Video Guide
    • How to Setup Vendor
  • Usage Flows (FlowCharts)
  • Firebase
    • Firebase
    • Firebase firestore database
    • Firebase Security
    • Firebase Storage
    • Firestore indexes
    • Chat & Live tracking
  • Backend
    • NOTICE
    • VPS/Shared Hosting
    • Installation
    • Database Configuration
    • GUI Installer
    • Timezone
    • Firebase
      • Firebase Forgot password
    • Web Notification
    • Reskin Mobile App
    • Change Backend Color
    • Terminal
      • Commands
    • Screenshots
    • Auto-assignment
    • Order schedule
    • CRON job
    • Clear Data (Users/Orders etc)
    • Email Server Settings
    • SMS Gateway
    • Payment Gateways
    • Webhooks - Payment gateway
    • Vendor Subscription
    • Language / Translation
    • HOW TO UPDATE
    • In-App Live chat/support
    • Geocoding and Place search
    • Features
      • Firebase/Notification Delay
      • Fleet Management
      • Loyalty points
      • Home Screen Design
      • Featured Vendors
      • Trip recalculation/Outstanding payments
      • Switch between Taxi/Regular Driver
      • Data Translation - Backend
  • 🔥Supervisor Setup - VPS
    • Introduction
    • Install & Setup Supervisor
    • Taxi Booking
    • How to verify Taxi driver Vehicle
    • Websocket Setup
      • Laravel reverb Config
  • Flutter App
    • Getting Started
    • Steps
    • Directory Structure
    • Change App Name & ID
    • Change App icon & splash
    • App Color / Theme
    • Connect To Backend
    • Firebase
    • Firebase Auth - Phone
    • Firebase Phone OTP - Android
    • Firebase Phone OTP - iOS
    • Firebase Notification iOS
    • Share link - Firebase dynamic link
    • Social Media Login
      • Google login
      • Facebook Login
      • Sign-In with Apple
    • Google Map
    • Change App Language
    • Notification Sound
    • Custom Translation ~ 1.4.8
    • Custom Translation +1.5.0
    • Change App Font
    • Running on VS Code
    • Running on Android Studio
    • Generate Android Release App
    • Upload to Apple App Store
    • Screenshots
  • Demo Accounts
  • FAQs
    • Backend Image not working
    • Backend Backup not working
    • Upgrade without losing data
    • Backend Rollback
    • Blank Home screen
    • Custom Token
    • Product price zero(0) in details
    • Auto-cancel Not working
    • Pharmacy vendor
    • Vendor default rating
    • App logins
    • Error ==> type 'String' is not a subtype of type 'int'
    • NDK version error
    • Push Notification
    • Delivery Zone Map error
    • HOW TO UPDATE ADMINEND
    • Driver app rejected by Google
    • Cron job error
    • Auth pages Not working - App
    • Update App Translation
  • HOW-TO
    • Onboarding Settings
    • Setup Parcel Vendor
    • Set Vendor Custom Fees
    • Digital Products
    • Setup Taxi driver
    • Multiple Currency Taxi support
    • How Prescription Order works
    • Earning
      • Vendors
      • Drivers
    • QR Code Login
    • Single Vendor Mode
    • Enforce CASH Payment For Delivery Fee Only
    • System Contact Email
    • Driver Matching Flow
  • Extensions
    • Driver tracking extensions
    • Paymongo Gateway
    • Mercadopago Gateway
    • Nagad [Bangladeshi]
    • Paytrail
    • Paymaya Gateway
    • Emailer
    • POS
      • Mobile App
        • Requirement
        • Flutter SDK
        • Change App Name & ID
        • Connect To Backend
        • App build & release
      • Change logs
    • Glover Website
    • External Notifier
      • Slack Setup
      • Telegram Setup
    • Instamojo - Payment
  • Upgrades
    • How to update
    • Important: Backend VPS/Shared hosting
    • Older Version Upgrade Instructions
      • Upgrade to 1.2.1
      • to 1.2.3
      • ~ 1.3.2
      • to 1.3.1
      • to 1.3.3
      • to 1.3.4
      • to 1.3.5
      • to 1.3.7
      • to 1.3.8
      • to 1.3.9
      • to 1.4.0
      • to 1.4.1
      • to 1.4.2
      • to 1.4.3
      • to 1.4.5
      • to 1.4.6
      • to 1.4.7
      • 1.4.8
    • 1.5.0 - 1.5.9
      • 1.5.0
      • 1.5.1
      • 1.5.2
      • 1.5.3
      • 1.5.4
      • 1.5.5
      • 1.5.5-fix-1
      • 1.5.6
      • 1.5.7
      • 1.5.8
      • 1.5.9
    • 1.6.0 - 1.6.70
      • 1.6.0
      • 1.6.1
      • 1.6.2
      • 1.6.3
      • 1.6.4
      • 1.6.5
      • 1.6.6
      • 1.6.62
      • 1.6.63
      • 1.6.70
    • 1.7.00 - 1.7.21
      • 1.7.00
      • 1.7.01
      • 1.7.02
      • 1.7.10
      • 1.7.20
      • 1.7.21
    • 1.7.30 - 1.7.60
      • 1.7.30
      • 1.7.31
      • 1.7.40
      • 1.7.41
      • 1.7.42
      • 1.7.43
      • 1.7.44
      • 1.7.45
      • 1.7.50
      • 1.7.51
      • 1.7.60
    • 1.7.70
  • Change logs
Powered by GitBook
On this page
  • Create a web app on firebase
  • Add Credentials to Fuodz Backend
  • Web Push Key Pair

Was this helpful?

  1. Backend

Web Notification

PreviousFirebase Forgot passwordNextReskin Mobile App

Last updated 4 years ago

Was this helpful?

To enable web push notification for vendors to receive notifications on new order placement. You will have to setup firebase web push notification.

Create a web app on firebase

Here are the steps to create a web app on firebase:

  • Go to your firebase console

  • Click on the settings/gear icon on the top left section of your console

  • Click on project settings

  • On the project settings page, scroll down to the "Your apps" section

  • Click on "Add app" button

  • A dialog will appear. Click on the web icon </>

  • A app registration page with show. Fill in the required info click Register app.

  • After that you can click on the Continue to console

Add Credentials to Fuodz Backend

After creating a web app on the firebase console, you will need to add some info to fuodz backend for web notification to be able to work.

  1. Go the fuodz backend

  2. Click on setting menu

  3. then from the dropdown select settings

  4. On the settings page click on Push notification setting(Firebase)

All but one of the required info on the page get be gotten form the Your apps section on firebase console.

  1. Open firebase console and go to project settings (follow the instructions from above)

  2. Scroll to the Your Apps section and find the Web App you created following the instructions above.

Copy the values from the firebaseConfig section, then paste them in the backend section.

You will not Web Push Key Pair in this section. Just save the the rest and follow the instruction below on how to get the Web Push Key Pair value.

Web Push Key Pair

To get your project Web Push Key Pair. Go to project settings again. On the top click on Cloud Messaging.

  1. In the Web Push certificates tab, click Generate Key Pair. The console displays a notice that the key pair was generated, and displays the public key string and date added.

  2. The Key pair is the Web Push Key Pair for fuodz backend.

  3. Copy the Key pair from firebase and paste it into the Web Push Key pair on the foudz backend

Open the tab of the Firebase console Settings pane and scroll to the Web configuration section.

Cloud Messaging