JavaScript quick start

Getting started with Pusher is very easy. However, if you have any questions get in touch. This guide uses the JavaScript client API and a selection of Server API libraries. We also have a guide for our iOS client.

Get your free API keys

Create an account, and make a note of your app_id, app_key and app_secret.

Include the Pusher Client library

Include the pusher-js script tag on your page.

<script src="//"></script>

Open a connection to Pusher

You first need to establish a connection to Pusher. This is done by using your application key (app_key).

var pusher = new Pusher('APP_KEY');

If the app was created in a different cluster to the default us-east-1, you must pass in the cluster name as an option.

var pusher = new Pusher('APP_KEY', {
  cluster: 'APP_CLUSTER'

Subscribe to a channel

Now you should subscribe to your first channel.

var channel = pusher.subscribe('my-channel');

Listen for events on your channel

Now you can define callbacks that bind to events on a channel, coming in via the connection to Pusher:

channel.bind('my-event', function(data) {
  alert('An event was triggered with message: ' + data.message);

Trigger events from your server

In the examples below we trigger an event named my_event to Pusher on a channel called test_channel. For each example below a server library deals with the server communication.

require 'pusher'

pusher_client =
  app_id: 'APP_ID',
  key: 'APP_KEY',
  secret: 'APP_SECRET'

class HelloWorldController < ApplicationController
  def hello_world
    pusher_client.trigger('test_channel', 'my_event', {:message => 'hello world'})
require 'pusher'

pusher_client =
  app_id: 'APP_ID',
  key: 'APP_KEY',
  secret: 'APP_SECRET'

Pusher.trigger('test_channel', 'my_event', {:message => 'hello world'})

$pusher = new Pusher("APP_KEY", "APP_SECRET", "APP_ID");

$pusher->trigger('test_channel', 'my_event', array('message' => 'hello world') );
var Pusher = require('pusher');

var pusher = new Pusher({
  appId: 'APP_ID',
  key: 'APP_KEY',
  secret: 'APP_SECRET'

pusher.trigger('test_channel', 'my_event', {"message": "hello world"});
using PusherServer;
using System.Web.Mvc;
using System.Net;
using Your.Config;

public class HelloWorldController : Controller {
  public ActionResult HelloWorld() {
    var pusher = new Pusher(Config.AppId, Config.AppKey, Config.AppSecret);
    var result = pusher.Trigger('test_channel', 'my_event', new { message = "hello world" } );
    return new HttpStatusCodeResult((int)HttpStatusCode.OK);
from pusher import Pusher

pusher = Pusher(

pusher.trigger(u'test_channel', u'my_event', {u'message': u'hello world'})
package main

import ""

func main(){

  client := pusher.Client{
    AppId: "APP_ID",
    Key: "APP_KEY",
    Secret: "APP_SECRET",

  data := map[string]string{"message": "hello world"}

  client.Trigger("test_channel", "my_event", data)
Pusher pusher = new Pusher("APP_ID", "APP_KEY", "APP_SECRET");

pusher.trigger("test_channel", "my_event", Collections.singletonMap("message", "Hello World"));

Note! If you created your app in a different cluster to the default us-east-1, you must configure the cluster option as well. See how.

If there isn’t an example in a language that you are familiar with then have a look on our server libraries page to see if anyone has created one in your language.

Where next?

Find out about all the cool stuff you can do with channels, Investigate the JavaScript client library or learn how to excluding event recipients when publishing events.

Have you tried using the search to find what you’re after? If you still have a question then get in touch with us and let us help you out.