How to send "Notifications" using "Push Notification Component"

Hi,

In this tutorial I explain how can you configure “Push Notification Component” in your app and use it to send Push Notifications to those devices which installed your app.

Requirements:

  1. Google Firebase Account.
    You can create one here
  2. OneSignal Account.
    You can create one here
  3. Drag/Add Component “Push Notifications” located under “Experimental” palette to the Screen.
    Makeroid

How to:
PART 1 Setting up firebase account.

Step 1: Signup/Sign to Firebase and Create New Project. Enter Project Name (I used my App name here) and my Country(where I reside). Then click on “Create Project”.
testApp – Settings – Firebase console

Step 2: You will see below screen after creating new project.

Select “Add Firebase to your Android App”.

Step 3: After that new popup window appears.

Here you need to enter Android package name which is like “com.makeroid.android.madan99022.YOURAPPNAME”
Other are optional. Then click on “Register App”.

Step 4: You nee to do nothing here. Just click on “Continue” and “Finish”

Step 5: Click on “Settings Icon” then select “Project Settings”.

"

Step 6: Click on “Cloud Messaging”.

Step 7: In this Screen you need to note down Two things: 1. Server Key &, 2. Sender ID. Which you need to enter these keys in your “OneSignal” account.

PART 2: Setting up “OneSignal” account.

Step 1: Create a new account or sign in to “OneSignal”.
Then click on “Add New App”.

Step 2: Enter your app name, Click on “Create”.

OneSignal (1)

Step 3: You will get a popup like the one below. Select “Google Android” then click on “Next”.

Step 4: Enter previously noted “Server Key” in “Google Server API Key” and “Sender ID” in “Google Project Number”. Then click on “Save”.

Step 5: In next window select “Native Android” and click on “Next”.

Step 6: Notedown your App ID and enter the same on Makeroid–> PushNotifications–>Properties–>“OneSignal App ID”.

Makeroid (1)

Step 7: Build your app on “Makeroid” and install it on your Mobile device.

Step 8: After successful installation of app. You wont get any error after click on “Check Subscribed Users” in OneSIgnal. Then Click on “Done”.

PART 3: How to send notifications.

OneSignal (7)

That’s it! You are done.

17 Likes

Thanks for this @Madan_M!

You don’t actually have to click “Add Firebase to your Android app”. You can just go straight to project settings.

4 Likes

I was about to write the instructions to use this component but you were too quick.

Can I take your tutorial and add it to our docs so that I don’t have to write? :sweat_smile:

3 Likes

Sure. You can add it.

2 Likes

Very good, fast and easy.

1 Like

After I note down my one signal app id, it keep disappearing when I click outside the text box. Because of that I keep receiving error when I click Check Subscribed Users even I installed it on my device.

2 Likes

Thanks for it.Can we make operation when user clicked notifaction? Like update app database or redirect user to X screen

is it possible?

2 Likes

We tried but it didn’t work, so had to remove it

2 Likes

Congratulations it works!
I get the notification on the mobile device,

for example “Hello word”,

but how can I read the notification and put the word “Hello word” in a string variable and use it in the app?

1 Like

I guess you are not using the Makeroid builder at the moment?

1 Like

at the moment I’m trying with Thunkable, because Makeroid does not make me the build of the app

I guess you didn’t read this:

Excuse me but I had not read …

I started using Makeroid for a few days …

provided that I have to congratulate you for what you have and are doing!

I need to create an app that uses push notifications to receive information …

I have to wait until April to continue with Makeroid?

1 Like

Makeroid will relaunch in Q2 of 2018.

In the meantime i would recommend using AppyBuilder. Their push notifications work very good.

very kind…

I was able to receive OneSignal push notification, using the Thunkable PushNotification component …

With AppyBuilder there is a component that allows me to read the notification received?

with the new version of Makeroid coming out, will it be possible to do?

You should ask your question in the AppyBuilder community.

I don’t know. I am not a developer of Makeroid.

Maybe or maybe not, can’t tell you :relieved:

1 Like

can anyone explain the tutoial of bottom sheet or dynamic button?
thanks for help