Skip to content

Instantly share code, notes, and snippets.

@jparreira

jparreira/realtime-chat.html

Last active December 24, 2015 09:58
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jparreira/6780421 to your computer and use it in GitHub Desktop.
Save jparreira/6780421 to your computer and use it in GitHub Desktop.
Download ZIP
Real-time chat using Realtime Cloud Messaging and AngularJS (get your free application key at https://accounts.realtime.co/signup)
Raw
realtime-chat.html
<html ng-app>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script type="text/javascript" src="http://dfdbz2tdq3k01.cloudfront.net/js/2.1.0/ortc.js"></script>
<script type="text/javascript">
function ChatCtrl($scope) {
var channel = "mychat"
var realtimeClient = null;
$scope.messages = [];
loadOrtcFactory(IbtRealTimeSJType, function (factory, error) {
if (error != null) {
alert("Factory error: " + error.message);
} else {
if (factory != null) {
realtimeClient = factory.createClient();
realtimeClient.setClusterUrl('http://ortc-developers.realtime.co/server/2.1/');
realtimeClient.onConnected = function (ortc) {
realtimeClient.subscribe(channel, true, function (ortc, channel, message) {
$scope.messages.push(message);
$scope.$apply();
});
};
realtimeClient.onException = function (ortc, exception) {
console.error(exception);
};
realtimeClient.connect('[INSERT_YOUR_APPKEY_HERE]', 'myAuthenticationToken');
}
}
});
$scope.sendMessage = function() {
if(realtimeClient){
realtimeClient.send(channel,$scope.messageText);
$scope.messageText = "";
}
};
}
</script>
</head>
<body>
<div ng-controller="ChatCtrl">
<ul>
<li ng-repeat="message in messages">{{message}}</li>
</ul>
<form ng-submit="sendMessage()">
<input type="text" ng-model="messageText" placeholder="Type your message here" />
<input type="submit" value="Send" />
</form>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment