PRE-REQUISITES
For the following code examples to work, you will need to add the fliplet-notifications library to your app. To add it follow these steps:
- When in Fliplet Studio’s Edit screen, open the Developer Options from the right hand menu
- With the Developer Options open, click the Libraries button in the top right corner
- In the search field, type in ‘fliplet-notifications’
- Click it to add it to the list
- Click Save
It’s possible to trigger a notification to be sent using code. Once you’ve added the ‘fliplet-notifications’ library (see the pre-requisites section) you can send a notification with the following code to all app users (assuming they’ve allowed their app to receive notifications).
var myNotification = Fliplet.Notifications.init(); myNotification.insert({ type: 'push', pushNotification: { payload: { title: 'My notification', body: 'Hi everyone!', custom: { customData: { action: 'screen', page: 12345, transition: 'fade' } } } } });
The example above sends a notification with the title “My notification” and a message of “Hi everyone!”. It’s also possible to add a link to the notification so that when it’s tapped it opens up a screen within your app. This is done with the customData
property. Here we’re sending the user to a screen with the screen ID of ‘12345’.
It’s also possible to schedule a notification to be sent at a future time. You can find more information about this here.
Send a notification to specific recipients
If you don’t want to send the notification to everyone, it’s possible to specify a single recipient or a group of recipients. The code below sends a notification to specific group of users (or a single user) by specifying their emails (the same email that is used when they log in to the app):
// Insert an in-app notification and also send a push notification instance.insert({ type: 'push', scope: { email: { $in: ["john@example.org", "jane@example.org"] } }, pushNotification: { payload: { title: 'Fliplet notifications', body: 'Hi everyone!' } } });