arisetyo · May 24, 2021 02:47
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <title>Beams SDK integration</title>
 </head>
 <body>
  <h1>Beams SDK integration</h1>

  <!-- Install the SDK -->
  <script src="https://js.pusher.com/beams/1.0/push-notifications-cdn.js"></script>

  <!-- Register your first web device -->
  <script>
    // A. Initialize the SDK
    // use the instance ID provided in the Beams' instance dashboard
    const beamsClient = new PusherPushNotifications.Client({
      instanceId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
    });

    // B. Subscribe to the Device Interest `hello`
    // With Device Interests, a device “subscribes” to an Interest. 
    beamsClient.start()
      .then(() => beamsClient.addDeviceInterest('hello'))
      .then(() => console.log('Successfully registered and subscribed!'))
      .catch(console.error);
  </script>
 </body>
 </html>
diff --git a/server.js b/server.js
 const express = require('express');
 const bodyParser = require('body-parser');
 const path = require('path');

 const app = express();
 app.use(bodyParser.json());

 // load static file
 app.use(express.static(path.join(__dirname, './')));

 // run the Express server on port 3000
 app.set('port', 3000);
 const server = app.listen(app.get('port'), () => {
  console.log(`Express running on PORT ${server.address().port}`);
 });
diff --git a/service-worker.js b/service-worker.js
 // Create a service worker
 importScripts("https://js.pusher.com/beams/service-worker.js");

 // Serve this from http://localhost:3000/service-worker.js
 // Open http://localhost:3000/service-worker.js in your browser to verify that it is being served. You should see the plaintext content of the file you just created.
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Beams SDK integration</title>
	</head>
	<body>
	<h1>Beams SDK integration</h1>

	<!-- Install the SDK -->
	<script src="https://js.pusher.com/beams/1.0/push-notifications-cdn.js"></script>

	<!-- Register your first web device -->
	<script>
	// A. Initialize the SDK
	// use the instance ID provided in the Beams' instance dashboard
	const beamsClient = new PusherPushNotifications.Client({
	instanceId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
	});

	// B. Subscribe to the Device Interest `hello`
	// With Device Interests, a device “subscribes” to an Interest.
	beamsClient.start()
	.then(() => beamsClient.addDeviceInterest('hello'))
	.then(() => console.log('Successfully registered and subscribed!'))
	.catch(console.error);
	</script>
	</body>
	</html>
	const express = require('express');
	const bodyParser = require('body-parser');
	const path = require('path');

	const app = express();
	app.use(bodyParser.json());

	// load static file
	app.use(express.static(path.join(__dirname, './')));

	// run the Express server on port 3000
	app.set('port', 3000);
	const server = app.listen(app.get('port'), () => {
	console.log(`Express running on PORT ${server.address().port}`);
	});
	// Create a service worker
	importScripts("https://js.pusher.com/beams/service-worker.js");

	// Serve this from http://localhost:3000/service-worker.js
	// Open http://localhost:3000/service-worker.js in your browser to verify that it is being served. You should see the plaintext content of the file you just created.