I've successfully implemented web push on Chrome, but I'm facing an issue where all users receive the same notification from the server. Is there a way to include user-specific data or endpoint ID in the latest notification request sent by the service worker? Any suggestions on how to achieve this would be greatly appreciated.
Thank you!
To enhance communication, it is recommended to have a data storage system in place for all subscribed clients on the server, stored in a file named endpoint.txt. This allows for messages to be efficiently delivered to specific users.
For more information on this topic, refer to: developer.mozilla.org/en/docs/Web/API/Push_API
To customize the function that sends broadcast messages and select individual clients instead of broadcasting to all in a loop, you can modify the code found here: https://github.com/chrisdavidmills/push-api-demo/blob/gh-pages/server.js
if(obj.statusType === 'chatMsg') {
fs.readFile("endpoint.txt", function (err, buffer) {
var string = buffer.toString();
var array = string.split('\n');
for(i = 0; i < (array.length-1); i++) {
var subscriber = array[i].split(',');
webPush.sendNotification(subscriber[2], 200, obj.key, JSON.stringify({
action: 'chatMsg',
name: obj.name,
msg: obj.msg
}));
};
});
If you want to send data along with a message to a user, it's important to ensure that the payload data is encrypted. This functionality has been available in Firefox for a while as well as in different versions of Chrome.
Explore libraries such as these:
I currently have a website with various language versions, with English set as the default. Is there a way to conceal the /en/ path from the URL? (making an exception for just en) I want to maintain the other languages unchanged. www.website.com/en/ (wa ...
Currently, I'm facing an issue with a form featuring image-based radio buttons. The problem arises when attempting to initiate an AJAX call based on the chosen value (either 10, 30, or 100). Despite selecting a value other than 10, it keeps defaulting ...
I am relatively new to the React environment and recently created a basic component for a bookmarking feature. Essentially, when the favourite icon is clicked, an ajax call is sent > a record is created in the database > on ajax success, a flash me ...
I have developed an application with push state functionality and it is running smoothly. However, I am facing an issue where my jQuery functions are being triggered multiple times in certain cases. This happens because every time I call push state, the sp ...
Upon completion of the ajax request, two integers are received - this.N and this.M. However, these values are not being set by the storeDims() function even though the correct decoding is done on the dims variable. This implies that I am unable to access ...
According to the React official documentation, useEffect Hook can be compared to componentDidMount, componentDidUpdate, and componentWillUnmount combined for those familiar with React class lifecycle methods. If you’re familiar with React class lifecy ...
I'm trying to display the value TotalPostNotificationCount from a JSON file in an external HTML using either JavaScript or PHP. The JSON data is as follows: { "DayPostCount": 1, "TotalPostNotificationCount": 7381 } This data can be found at t ...
My style.css file is not being applied after deploying the website on the server. The index.js and styles.css are located in the same directory. index.js const functions = require('firebase-functions'); exports.helloWorld = functions.https.on ...
$("input:checkbox:not(:checked)").each(function() { var column = "table ." + $(this).attr("name"); $(column).hide(); }); $("input:checkbox").click(function() { var column = "table ." + $(this).attr("name"); $(column).toggle(); }) <script src="h ...
I am currently working on a POCO class within .NET 5.0 that requires serialization and deserialization to and from the browser. This is part of a library where I aim to provide flexibility by allowing users to choose their preferred serializers without any ...
It's not necessary for jQuery to be loaded immediately on page load: Here is what I currently have: <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', '...']); _gaq.pus ...
Looking for a way to remove excess pipe characters before a certain pattern in JavaScript. var testString="||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||f_test!!3!!||f_test!!4!!||f_test!!5!!||"; output ="||f_test!!3!!| ...
I'm still learning jQuery and here's the code I've put together after researching on stackoverflow and other platforms: var counter = 1; $('.next-page .nav-item').each(function () { if ($(this, ':gt(0)')) { $(this ...
After successfully printing the content of a div on click, I encounter the issue that none of my jQuery events work after canceling the print preview. This seems to happen without requiring a page refresh. I'm puzzled as to why this occurs and would ...
I am currently utilizing Vue.js along with the Mininmalect HTML select plugin to showcase a list of countries by their names and values, where the value represents the 2 digit country code. Successfully, I have managed to implement the plugin for selectin ...
I am currently developing my own personal website. It is designed to be very light in terms of loading and content. This website relies heavily on the use of jquery, so if a user's browser does not have JavaScript enabled, the site will not function ...
In an effort to simplify and stay focused on the problem, I recently wrote a brief piece of code. Within this code, there is a component containing a Dialog that plays a role in a commercial process. This Dialog allows users to input information such as no ...
Utilizing Fancybox for the purpose of displaying YouTube videos in a modal box. I am encountering an issue where I consistently receive the error message "The requested content cannot be loaded. Please try again later." The fact that the modal box is app ...
I am working on a client-side form where I use XMLHTTPResponse to save response data as a file. In order to achieve this, the response type is set to arraybuffer using the following code: xhr.responseType = "arraybuffer"; While researching various method ...
Here is a snippet of the script I'm using to create a slider that changes the background image for each image object in a specified time cycle. #Sliderimg - height set to 500px, $("#Sliderimg").css({ "background-image": "url(../Images/" + SliderIma ...