Send Push Notification From App using OneSignal API without Extension

Guides
#1

This is simple guide to teach you about sending push notifications from app using OneSignal API without using any extention.

Requirements:

  1. Web server (Any free webserver like https://www.000webhost.com)
  2. File editor or IDE.
  3. Basic programming knowledge (PHP)
  4. Kodular account :kodular:

Download this PHP files

Download both classes.php and sendpush.php and store it in your computer.

Step 1: Open sendpush.php in any file editor and enter your OneSignal APP_ID and API_KEY and save the file.

Step 2: Upload both classes.php and sendpush.php into your 000webhost FileManager make sure your uploaded both file in same directory.
For example:
/public_html/classes.php
/public_html/sendpush.php

Now we are done with server side. Next we need to create a kodular project to send push notification from the app. Look at the App User Interface and Blocks

Screenshot_2020-04-29-19-36-17-640_io.makeroid.companion
Screenshot_2020-04-29-19-36-17-640_io.makeroid.companion1080Ă—2340 118 KB
blocks (3)
blocks (3)573Ă—801 68.1 KB

Procedure Documentation
1 . heading (required) (text) - Title of your notification
2 . Content (required) (text) - content of notification
3 . url (optional) (text) - URL will be opened when notification opened. If not specified app will be opened.
4 . largeIcon (optional) (text) - An icon will be visible on right of the notification (see output). Pass direct image URL or type “ya” to show your app icon.
5 . bigpicture (optional) (text) - A big banner image will be appear in notification (see output). Pass direct image URL.

Output:

Screenshot_2020-04-29-19-38-40-327_io.makeroid.companion
Screenshot_2020-04-29-19-38-40-327_io.makeroid.companion1080Ă—2340 366 KB

23 Likes
Notification extension
Customizable Push Notifications
Free extension for push notification
Need to send pushnotification for free
When will OneSignal Be fixed
Onesignal component in kodular
#2
#6
#7

Thank you for your guide. :+1:

2 Likes
#8

Great and simple guide thanks for the guide.

1 Like
#9

Nice Guide…
Thanks for your contribution to the community…
:slightly_smiling_face:

1 Like
#12

Notification not received on my device

Screenshot_20200513-073133
Screenshot_20200513-073133720Ă—1560 91.8 KB

image
image1912Ă—362 29.4 KB
image
image1306Ă—972 82.7 KB

#13

@themaayur you wrongly defined API ID and API KEY.

#14

@themaayur

//Your OneSingal APP ID
define("APP_ID", "YOUR_APP_ID_HERE");
//Your Onesignal API KEY
define("API_KEY", "YOUR_API_KEY_HERE");

Enter your API ID in the place of YOUR_APP_ID_HERE
Enter your API KEY in the place of YOUR_API_KEY_HERE

1 Like
#15

Ohhh, Got it thanks…I will check it out.

#16

I have done that it’s showing error

Screenshot_20200513-100304
Screenshot_20200513-100304720Ă—1560 42.2 KB

But I have entered content in textbox.

#17

@themaayur message should be any English language

#18

As u can see in above screenshot everything is in English language.

#19

@themaayur please check your blocks

#20

image
image915Ă—651 52 KB

Here are the blocks.

#21

@themaayur check your set web1 url block it should be contents not content

#22

Ohh Sorry my mistake, Btw Thanks for support.
But why is it showing white dot in icon. what if i will the default bell icon.

#23

@themaayur if you want to use default bell icon make small_icon value to empty

#24

If i want to fix a small icon so that i do not have to set it every time then what should i do?

1 Like
#25

Look at this topic