Overview
Progressive Web Apps (PWAs) are web applications that utilize modern web technologies to deliver an app-like experience to users. PWAs are installable, work offline, and have other features that enhance user experience, such as push notifications.Push notifications are messages sent to users even when the app is not open or active. These notifications help increase user engagement and provide timely updates.
Technologies and Tools Used
The following technology has been used to achieve the expected output.
- Oracle Apex
- SQL/PL SQL
Use Case
In an Oracle APEX project management app, push notifications deliver instant updates on task assignments, status changes, and comments, facilitating real-time collaboration among team members. Users receive timely reminders for approaching deadlines, ensuring efficient task management.
Architecture
- On APEX page designer click on createand select new application.
- Make sure to check Install Progressive Web Appand Push Notifications
That will create a new app and the first thing to notice is the settings menu item on the navigation bar.
- When we click that a drawer modal dialog page opens with the following option
Push notifications need to be enabled by each user. It works like that to respect user privacy and preferences. By explicitly enabling push notifications, users grant the application permission to send them notifications. This ensures that users have control over the information they receive and can opt-out if they feel overwhelmed or uninterested. - Create a page process to send the notification. I am going to send this notification to a user called AJITHKUMAR.
- The application is ready to send notifications. We only need to install it on the phone. To do so, open the application on your preferred browser (refer to the browser compatibility list below) and click on the Install app link in the navigation bar after logging in. (Make sure you log in with the same user from the application process) Follow the instructions provided to complete the installation process.
- Create a Button to submit the page and call the process we just created.
CompatibilityThis table shows the supported combinations of operating systems and browsers for the push notification feature.
- Now let’s enable push notifications for the logged user.
- When we click the push notification, we get an enabled checkbox for push notifications.
- If we click the button , it will initiate the page process and send the notification. Although it may take a few seconds to arrive, it works perfectly.
- We can also send the notifications using a new apex_pwa API.
begin
apex_pwa.send_push_notification (
p_application_id => 240818,
p_user_name => ‘DEMO’,
p_title => ‘My APEX APP Notification’,
p_body => ‘Testing the Push Notifications’ );
end;
Output:
When we click the ‘Send Push Notification’ button, we will receive the push notification as follows.
