JSFiddle - React, Tailwind, and code Playground

by leggetter

HTML

<script src="//cdn.ably.io/lib/ably.min-1.js"></script>

<button onclick="publish()">
publish
</button>

JavaScript

var ably = new Ably.Realtime('xVLyHw.qwebTg:1gppp2BLcth9Z5oY');
ably.connection.on('connected', function() {
  console.log("That was simple, you're now connected to Ably in realtime");
});

var channel = ably.channels.get('quickstart');
channel.subscribe('greeting', function(message) {
  console.log("Received a greeting message in realtime: " + message.data);
});

function publish() {
	console.log('publishing')
  channel.publish('greeting', 'hello!');
}