bower install --save ng-stomp
<script src="bower_components/ng-stomp/dist/ng-stomp.standalone.min.js"></script>
<script src="bower_components/sockjs/sockjs.min.js"></script>
<script src="bower_components/stomp-websocket/lib/stomp.min.js"></script>
<script src="bower_components/ng-stomp/dist/ng-stomp.min.js"></script>
npm install --save ng-stomp
<script src="node_modules/ng-stomp/dist/ng-stomp.standalone.min.js"></script>
<script src="node_modules/sockjs/sockjs.min.js"></script>
<script src="node_modules/stompjs/lib/stomp.min.js"></script>
<script src="node_modules/ng-stomp/dist/ng-stomp.min.js"></script>
Inject it in your controller:
angular
// Declare ngStomp as a dependency for you module
.module('app', ['ngStomp'])
// use $stomp in your controllers, services, directives,...
.controller('Ctrl', function ($stomp, $scope, $log) {
$stomp.setDebug(function (args) {
$log.debug(args)
})
$stomp
.connect('/endpoint', connectHeaders)
// frame = CONNECTED headers
.then(function (frame) {
var subscription = $stomp.subscribe('/dest', function (payload, headers, res) {
$scope.payload = payload
}, {
'headers': 'are awesome'
})
// Unsubscribe
subscription.unsubscribe()
// Send message
$stomp.send('/dest', {
message: 'body'
}, {
priority: 9,
custom: 42 // Custom Headers
})
// Disconnect
$stomp.disconnect().then(function () {
$log.info('disconnected')
})
})
})
- setDebug(callback)
- connect(endpoint, headers)
- disconnect
- subscribe(destination, callback, headers)
- on(destination, callback, headers)
- unsubscribe(subscription)
- off(subscription)
- send(destination, body, headers)