Push&Pull in the Browser

Let's look at how to work with the built-in Push & Pull client within the application. Here’s an example page for an application with a web interface:

<!DOCTYPE html>
        <html>
        <head>
        	<title>Bitri24 application with Push & Pull</title>
        	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        	<script src="//api.bitrix24.com/api/v1/"></script>
        	<script src="//api.bitrix24.com/api/v1/pull/"></script>
        </head>
        <body>
        	<script>
        		
        		window.appPullClient = new BX.PullClient({
        			restApplication: 'myApplication_test.bitrix24.com',
        			restClient: BX24,
        			userId: 1
        		});
        		window.appPullClient.subscribe({
        			moduleId: 'application',
        			callback: function (data) {
        				console.warn(data); // {command: '...', params: {...}, extra: {...}}
        			}.bind(this)
        		});
        		
        		window.appPullClient.start();
        				
        	</script>
        </body>
        </html>

When initializing BX.PullClient, you need to specify the following parameters:

restApplication — specify a custom string identifier for the application. (It must be unique for each account where your application is installed)
userId — specify the identifier of the currently authorized user

Connecting the PullClient will allow the front-end of your application to receive events from the channel that will be sent there by the back-end of your application using the method pull.application.event.add.

Interactive Applications

Custom Push&Pull Client