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:

Android News App Templates: Top 5 List
Wednesday 15 January 2020 by DevsPush

Android News App Templates: Top 5 List

The usage of news apps has increased significantly over the past several years. The reason behind this...

6 Hybrid App Development Frameworks That Will Dominate 2020
Thursday 09 January 2020 by DevsPush

6 Hybrid App Development Frameworks That Will Dominate 2020

If you are looking to develop mobile apps with anything other than the native approach, you will likely ...

Tip-top tips for your mobile app UI design
Thursday 12 December 2019 by DevsPush

Tip-top tips for your mobile app UI design

It doesn’t take a designer to design – sometimes!

deco shop

Subscribe for discounts, updates & new products!

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