InstaHaul
  • Introduction
  • Usage Flows (FlowCharts)
  • Firebase
    • Firebase
    • Firebase firestore database
    • Firebase Security
    • Firebase Storage
    • Firestore indexes
    • Chat & Live tracking
  • Backend
    • Prerequisite
    • VPS/Shared Hosting
    • Installation
    • Composer & Node Packages
    • Database Configuration
    • GUI Installer
    • Timezone
    • Firebase
    • Web Notification
    • Firebase Forgot password
    • Change Backend Color
    • Reskin Mobile App
    • Terminal
      • Commands
    • Screenshots
    • Order schedule
    • CRON job
    • Clear Data (Users/Orders etc)
    • Email Server Settings
    • SMS Gateway
    • Payment Gateways
    • Webhooks - Payment gateway
    • 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
  • 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
    • 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
  • HOW-TO
    • Onboarding Settings
    • Earning
      • Drivers
    • Enforce CASH Payment For Delivery Fee Only
    • System Contact Email
    • Driver Matching Flow
  • Extensions
    • Driver tracking extensions
    • Paymongo Gateway
    • Mercadopago Gateway
    • Nagad [Bangladeshi]
    • Instamojo - Payment
    • Paytrail
    • Paymaya Gateway
    • Emailer
    • External Notifier
      • Slack Setup
      • Telegram Setup
  • Upgrades
    • How to update
    • Important: Backend VPS/Shared hosting
    • 1.0.1
    • 1.1.00
    • Change logs
Powered by GitBook
On this page
  • Create a web app on firebase
  • Add Credentials to Backend
  • Web Push Key Pair
  1. Backend

Web Notification

PreviousFirebaseNextFirebase Forgot password

Last updated 1 year ago

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 Backend

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

  1. Go the backend

  2. Click on setting menu

  3. 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.

  3. 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.

  4. The Key pair is the Web Push Key Pair for backend.

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

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

Cloud Messaging