Onesignal push notifications android

Drive App Engagement With Push Notifications

Spark action and nurture loyalty with highly visible, relevant, and timely messages.

4 Types of Push

Let someone know when their username is mentioned in a thread or if someone direct messages them through your app.

Build loyalty by setting up push notification triggered by events. For example, let a user know when a package ships, car arrives, flight is delayed, or bill is due.

Maybe your user hasn’t completed their profile yet, or they left an item in their shopping cart. Send a friendly, personalized message to get them back.

Deliver these types of system notifications to inform users of new features and opportunities, such as a holiday discount or exclusive trial.

Every App Needs Push

When you pick up your phone, the first messages you see are push notifications — maybe there’s a breaking news alert, game update, response from a dating site. Whatever it is, chances are it came from us. Push notifications are the top driver of app re-engagement and OneSignal is the #1 SDK used by app developers.

Источник

How to add push notifications In Android using Ionic + Capacitor (React)

Push notifications can help you engage and retain app users. This tutorial will show you how to integrate with OneSignal to leverage push notifications in your Android app.

OneSignal & Your Browser’s Push API

The browser’s Push API gives web applications the ability to receive messages from a server whether or not the web app is in the foreground or currently loaded on a user agent. This lets you deliver asynchronous notifications and updates to users who opt-in, resulting in better engagement with timely new content.

This tutorial will cover how to integrate OneSignal push notifications into your app using our setup process for Android apps. Part one of this guide covers the OneSignal setup process. Part two of this guide covers the integration of OneSignalwith Ionic + Capacitor (React) for your Android app.

Guide Overview

• Part 1: Set Up Your OneSignal Account
• Part 2: Push Notification Setup For Android In Ionic + Capacitor (React)

This tutorial requires some basic knowledge of React. I’m using the Ionic CLI to generate my project and NodeJS version 14.16.

Github Repository Resources

Part 1: Set Up Your OneSignal Account

To begin, log in to your OneSignal account or create a free account. Then, click on the blue button entitled New App/Website to configure your OneSignal account to fit your app or website.

Insert the name of your app or website. Select Google Android as your platform.

Click on the blue button entitled, Next: Configure Your Platform.

Google Android FCM Configuration

It’s time to configure your Android app using a Firebase Server key. All Android apps require this key and the server ID if you want to send push notifications. If you don’t have the Firebase Server Keys, take a look at our documentation to learn how to generate a Firebase server API key.

Now select your target SDK. We’ll take you through the steps to get your first user and send your first test notification.

In the next screen that appears, you will see your app ID — copy that app ID because you will use it inside of your Ionic application. DO NOT click to Check Subscribed Users or Done yet.

Part 2: Push Notification Setup For Android

Now that you’ve collected the necessary items to add push notifications to your Android app, the next step is to make your Ionic app aware of OneSignal so that it can receive notifications.

Creating Your Ionic + Capacitor (React) App

Inside your terminal, run the following command to add the Ionic project globally in your machine to use Ionic in your command line.

Next, run the following command to create a new Ionic + Capacitor (React) project using the Ionic CLI . You will be asked to select a framework, select React .

When asked to enter a project name, you can enter whatever name you want. In my case, I named my project ​​ OneSignal-Ionic .

You will also be asked to select a template. Feel free to select whatever template you’d like. In the example below, I have selected tabs as the template.

Adding OneSignal To Your Ionic Application

To guide you through this process, I’m using a simple Ionic React Android app that illustrates how to integrate the OneSignal SDK. It is running on the Cordova npm package onesignal-cordova-plugin release.

To begin, add your desired platform to the project. For my app, I chose Android as my desired platform by running: ionic capacitor add android . Then, install the OneSignal Cordova plugin inside the project by running npm install onesignal-cordova-plugin . The ionic capacitor build android command will open the Android build in Android Studio.

After building your Ionic application into a new Android app, run the cap sync command (one time only) by entering npx cap sync .

At the top of you App.tsx file, import the OneSignal npm package to your component.

Add the following initialization code to the App.tsx file. Make sure to add your app ID, which you previously copied during Google Android FCM Configuration.

After creating the OneSignalInit() function, you are going to call it when your app starts. In the App.tsx file, add the following line of code:

Finally, build your app again by running ionic capacitor build android and opening the Android Studio project.

I recommend you run the application on an actual Android device to test the notifications. To do so, you will need to connect your Android device and enable developer mode.

Once you have connected to the device and enabled developer mode, run the application on your device by selecting your device as the target device. In my example, I’m running the app on a Google Pixel 5.

Once you have opened the application on your device, the device will be automatically subscribed to the notification. Now, your device will be able to receive notifications sent by OneSignal.

To complete the setup process, return to your OneSignal dashboard to the point at which you previously left off. Click on the Check Subscribed Users and a green message will appear like the one in the image below.

Click on the Done button.

Send A Push Notification

It’s time to send your first web push notification! To do so, log in to your OneSignal account and navigate to the Dashboard tab. On the dashboard page, click on the blue button that says New Push.

Note: Notifications are enabled on Android devices by default, but can be disabled by users via their phone settings. If you have manually disabled your notifications, make sure you enable notifications again in order to test how they work.

You will be redirected to a new window that will allow you to customize your push notification. Under Audience, make sure that Send to Subscribed Users is selected. Then, create your message by adding your message title, content, and image. Because this is the first notification your subscribers will receive, you may choose to craft a simple welcome message to confirm that they’ve been subscribed and reinforce the value that notifications will provide.

Under the Delivery Schedule section, select Immediately and Send to everyone at the same time to send to all your current push subscribers. If you have just finished setting up your OneSignal account, chances are you’re the first and only subscriber. If your app or website is heavily trafficked and other users have already opted in to receive push notifications, you may want to select Send to a particular segment(s) to test your message out on a specific audience. When you’re ready to send your message, click on the blue Review and Send button at the bottom of the screen.

A small popup will appear for you to review your message. Once you are satisfied, click on the blue Send Message button. You should receive a web push notification on your device! 🚀

Now, you can keep expanding your code to make use of different features of the OneSignal SDK across your Ionic app by passing the OneSignal variable to different components. To learn more about the Ionic SDK visit our Ionic push SDK documentation.

Источник

Push Notifications in Android Using OneSignal

We have seen so many types of notifications that we received in many of the Android apps. These notifications inform our users about the new offers, new features, and many more inside our application. In this article, we will take a look at the implementation of the OneSignal notification platform in the Android app in Android Studio.

What we are going to build in this article?

We will be building a simple application in which we will be sending notifications from the One Signal platform in our Android app. Note that we are going to implement this project using the Java language.

Step by Step Implementation

Step 1: Create a New Project

To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio. Note that select Java as the programming language.

Step 2: Connect your app to Firebase

After creating a new project. Navigate to the Tools option on the top bar. Inside that click on Firebase. After clicking on Firebase, you can get to see the right column mentioned below in the screenshot.

Inside that column Navigate to Firebase Cloud Firestore. Click on that option and you will get to see two options on Connect app to Firebase and Add Cloud Firestore to your app. Click on Connect now option and your app will be connected to Firebase. After that click on the second option and now your App is connected to Firebase. After connecting your app to Firebase you will get to see the below screen.

After that verify that dependency for the Firebase Firestore database has been added to our Gradle file. Navigate to the app > Gradle Scripts inside that file. Check whether the below dependency is added or not.

Step 3: Adding dependencies in the build.gradle file

Now we will add the dependency for using One Signal in our gradle file. Navigate to build.gradle (:app) and add the below line in plugins section.

// add below line is plugins

Add the below line in the dependencies section of the same file.

implementation ‘com.onesignal:OneSignal:[4.0.0, 4.99.99]’

Now we will add the below dependencies in the dependency section. Navigate to build.gradle (Your app name) and add the below code to it.

After adding the above dependencies section then sync your project and now we will move towards the XML part.

Step 4: Adding permissions for the Internet

Источник

OneSignal Push Notification Service Documentation

OneSignal Help & Documentation

Welcome to the OneSignal New IA developer hub. You’ll find comprehensive guides and documentation to help you start working with OneSignal New IA as quickly as possible, as well as support if you get stuck. Let’s jump right in!

Android SDK Setup

Instructions for adding the OneSignal Android Mobile App SDK to your Android or Amazon Kindle Fire Apps using Android Studio.

• OneSignal Account
• Your OneSignal App Id, available in Settings > Keys & IDs.
• Android Studio
• An Android 4.0.3+ device or emulator with «Google Play Store (Services)» installed.
• A Google/Firebase Server API Key.
• Project using AndroidX.

2.1 Open your root build.gradle (Project: name) file, add the following.

• Under buildscript > repositories add (before jcenter)
  • mavenCentral()
  • gradlePluginPortal()
• Under buildscript > dependencies add
  • classpath ‘gradle.plugin.com.onesignal:onesignal-gradle-plugin:[0.12.10, 0.99.99]’
• Under allprojects > repositories add (before jcenter)
  • mavenCentral()

2.2 Open your App build.gradle (Module: app) file, add the following under buildscript <. >and above ‘com.android.application’ .

2.3 Add the following to your dependencies section.

Make sure to press «Sync Now» on the banner that pops up after saving!

3.1 Add the following to the onCreate method in your Application class.

If you don’t have an Application class follow our Create Application Class Guide.

Note: The ONESIGNAL_APP_ID can be found in the dashboard Settings > Keys & IDs

By default, notifications will be shown with a small bell icon in the notification shade. Follow the Customize Notification Icons guide to create your own small and large notification icons for your app.

Run your app on a physical device to make sure it builds correctly.

Your Android device should already be subscribed to push notifications. Check your OneSignal Dashboard Audience > All Users to see your Device Record.

Then head over to Messages > New Push to Send your first Push Notification from OneSignal.

For faster assistance, please provide:

• Your OneSignal App Id
• Details, logs, and/or screenshots of the issue.
• Steps to reproduce

Recommended
After initialization, OneSignal will automatically collect common user data by default. Use the following methods to set your own custom userIds, emails, phone numbers, and other user-level properties.

Required if using integrations.
Recommended for messaging across multiple channels (push, email, sms).

OneSignal creates channel-level device records under a unique Id called the player_id . A single user can have multiple player_id records based on how many devices, email addresses, and phone numbers they use to interact with your app.

If your app has its own login system to track users, call setExternalUserId at any time to link all channels to a single user. For more details, see External User Ids.

Recommended if using Email and SMS messaging.
Use the provided SDK methods to capture email and phone number when provided. Follow the channel quickstart guides for setup:

Optional
All other event and user properties can be set using Data Tags. Setting this data is required for more complex segmentation and message personalization.

Источник