scalabl3/1_instantiate.html

## 1_instantiate.html
<!-- Include the PubNub Library -->
<script src="https://cdn.pubnub.com/pubnub.min.js"></script>

<!-- Instantiate PubNub -->
<script type="text/javascript">

var PUBNUB_demo = PUBNUB.init({
  publish_key: 'demo',
  subscribe_key: 'demo'
});
</script>

## 2_subscribe_with_state.js
//Subscribe to the demo_tutorial channel with presence and state
PUBNUB_demo.subscribe({
  channel: 'demo_tutorial',
  noheresync: true, // don't do a here_now call on subscribe()
  message: function(m){
   console.log(m);
  },
  presence: function(m) {
   console.log(m);
  },
  state: {
      name: 'presence-tutorial-user',
      timestamp: new Date()
  }
});

## 3_unsubscribe.js
//Unsubcribe to the channel, also unsubscribes to presence event channel
PUBNUB_demo.unsubscribe({
  channel: 'demo_tutorial'
});

## 4_here_now.js
//See who the uuid's & state objects of those currently subscribed
PUBNUB_demo.here_now({
  channel: 'demo_tutorial',
  state: true,  // return the state object for each also
  callback: function(msg) {
    console.log(msg);
  }
});

## 5_whole.html
<html>
<head>
    <title>Getting Started with PubNub Presence</title>
</head>
<body>

    <script src="https://cdn.pubnub.com/pubnub.min.js"></script>

    <script type="text/javascript" charset="utf-8">

    var PUBNUB_demo = PUBNUB.init({
        publish_key: 'demo',
        subscribe_key: 'demo'
    });

    PUBNUB_demo.subscribe({
        channel: 'demo_tutorial',
        message: function(msg){
            console.log("message: ", msg);
        },
        presence: function(msg) {
            console.log("presence: ", msg);
        },
        noheresync: true,
        state: {
            name: "User Name",
            email: "users.email@domain.com",
            timestamp: new Date()
        },
        connect: function() {
            PUBNUB.here_now({
                channel: 'demo_tutorial',
                state: true,
                callback: function(msg) {
                    console.log("here_now(): ", msg);
                }
            });
        }
    });
</script>


</body>

</html>
	<!-- Include the PubNub Library -->
	<script src="https://cdn.pubnub.com/pubnub.min.js"></script>

	<!-- Instantiate PubNub -->
	<script type="text/javascript">

	var PUBNUB_demo = PUBNUB.init({
	publish_key: 'demo',
	subscribe_key: 'demo'
	});
	</script>
	//Subscribe to the demo_tutorial channel with presence and state
	PUBNUB_demo.subscribe({
	channel: 'demo_tutorial',
	noheresync: true, // don't do a here_now call on subscribe()
	message: function(m){
	console.log(m);
	},
	presence: function(m) {
	console.log(m);
	},
	state: {
	name: 'presence-tutorial-user',
	timestamp: new Date()
	}
	});
	//Unsubcribe to the channel, also unsubscribes to presence event channel
	PUBNUB_demo.unsubscribe({
	channel: 'demo_tutorial'
	});
	//See who the uuid's & state objects of those currently subscribed
	PUBNUB_demo.here_now({
	channel: 'demo_tutorial',
	state: true, // return the state object for each also
	callback: function(msg) {
	console.log(msg);
	}
	});
	<html>
	<head>
	<title>Getting Started with PubNub Presence</title>
	</head>
	<body>

	<script src="https://cdn.pubnub.com/pubnub.min.js"></script>

	<script type="text/javascript" charset="utf-8">

	var PUBNUB_demo = PUBNUB.init({
	publish_key: 'demo',
	subscribe_key: 'demo'
	});

	PUBNUB_demo.subscribe({
	channel: 'demo_tutorial',
	message: function(msg){
	console.log("message: ", msg);
	},
	presence: function(msg) {
	console.log("presence: ", msg);
	},
	noheresync: true,
	state: {
	name: "User Name",
	email: "users.email@domain.com",
	timestamp: new Date()
	},
	connect: function() {
	PUBNUB.here_now({
	channel: 'demo_tutorial',
	state: true,
	callback: function(msg) {
	console.log("here_now(): ", msg);
	}
	});
	}
	});
	</script>


	</body>

	</html>