How To Configure Push Notifications With Flutter

This is the first article in the series of four which describes how to set up Firebase push notifications with Flutter framework. Push notifications sent by news publishers surged by 16% this year, which proves the significance of this communications channel. This article will help you get familiar with the fundamentals of setting up push notifications in Flutter using Firebase.

Table of Contents:

  1. How To Configure Push Notifications With Flutter
  2. Wordpress Set Up For Flutter Push Notifications
  3. Android Set Up For Flutter Push Notifications
  4. iOS Set Up For Flutter Push Notifications

Please note that this tutorial applies only to building apps with Flutter Deco News app template.

In this first article we will cover creating new project on Firebase for push notifications. The first thing you should do is to navigate to https://console.firebase.google.com and login. You will need to create an account with Google if you already don't have one.

Step 1. Click on big "Add project" button to start.

50b37314f7-flutter-push-notifications-1

Step 2. Select a name for your Firebase project.

Step 3. Feel free to skip adding Google Analytics step, it is not needed.

Step 4. And it is done. Click "Continue".

Step 5. Open project settings.

Step 6. Navigate to "Cloud Messaging" and save Server key, you will need it for WordPress settings in the next step.

Now we should have everything we need in order to configure WordPress for sending push notifications. Please keep the copy of server key, you will need it in the next step.

In the next article we will cover how to set up WordPress for Flutter push notifications.

Read next on DevsPush Blog:

Best way of making your WordPress news app mobile friendly
Tuesday 15 September 2020 by DevsPush

Best way of making your WordPress news app mobile friendly

Make your app look native in minutes!

How to personalize your mobile app template
Thursday 27 August 2020 by DevsPush

How to personalize your mobile app template

A good template is just a step away from originality!

Common Mobile App Design Mistakes
Monday 17 August 2020 by DevsPush

Common Mobile App Design Mistakes

… and how to avoid them!

deco shop

Subscribe for discounts, updates & new products!

We’ll never ever share your email address with anyone.