All Projects → stomp-js → ng4-stompjs-demo

stomp-js / ng4-stompjs-demo

Licence: MIT license
A sample using Angular4, Angular CLI and @stom/ng2-stompjs

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to ng4-stompjs-demo

spring-websocket-angular6
Example for using Spring Websocket and Angular with Stomp Messaging
Stars: ✭ 18 (-10%)
Mutual labels:  angular2, angular4, stomp, stompjs
tcome-frontend
NodeJS&Angular4 BLOG
Stars: ✭ 49 (+145%)
Mutual labels:  angular2, angular4
ng2-STOMP-Over-WebSocket
STOMP Over WebSocket service for angular2
Stars: ✭ 35 (+75%)
Mutual labels:  angular2, stomp
ionic-uuchat
基于ionic3,angular4的实时聊天app,兼容web端。该项目只是前端部分,所有数据需要请求后端服务器,需要配套express-uuchat-api使用。
Stars: ✭ 14 (-30%)
Mutual labels:  angular2, angular4
laravel5Angular4
Laravel 5.4 & Angular 4.3.4
Stars: ✭ 37 (+85%)
Mutual labels:  angular2, angular4
ngx-widget-grid
Angular 2.x or in general ng-x module for dashboards
Stars: ✭ 65 (+225%)
Mutual labels:  angular2, angular4
Angular4-seed
Angular 4 Seed for Angular Forms
Stars: ✭ 37 (+85%)
Mutual labels:  angular2, angular4
ng2-gridstack
A gridstack component for Angular2+
Stars: ✭ 12 (-40%)
Mutual labels:  angular2, angular4
nativescript-whatsapp-template
NativeScript Template Similar to WhatsApp
Stars: ✭ 61 (+205%)
Mutual labels:  angular2, angular4
odata-v4-ng
OData service for Angular
Stars: ✭ 27 (+35%)
Mutual labels:  angular2, angular4
angular-landing-page
Beautiful Angular landing page with firebase, chat, poll, dynamic features/gallary, and nice animations/scrolling.
Stars: ✭ 43 (+115%)
Mutual labels:  angular2, angular4
kathisto
📦 Server-side rendering for Javascript based web-apps
Stars: ✭ 17 (-15%)
Mutual labels:  angular2, angular4
paper-dashboard-angular
Angular version of the original Paper Dashboard.
Stars: ✭ 142 (+610%)
Mutual labels:  angular2, angular4
gupack
基于gulp的前端构建工具
Stars: ✭ 13 (-35%)
Mutual labels:  angular2, angular4
ng2-acl
Role based permissions for Angular v2++
Stars: ✭ 15 (-25%)
Mutual labels:  angular2, angular4
rabbitmq-web-stomp-examples
www.rabbitmq.com/
Stars: ✭ 90 (+350%)
Mutual labels:  rabbitmq, stomp
ng2-stompjs-demo
Angular 2 demo using stomp.js in Typescript
Stars: ✭ 42 (+110%)
Mutual labels:  angular2, stomp
ngx-redux-core
The modern redux integration for Angular 6+
Stars: ✭ 32 (+60%)
Mutual labels:  angular2, angular4
ng-toggle
Bootstrap-styled Angular Toggle Component
Stars: ✭ 14 (-30%)
Mutual labels:  angular2, angular4
angular4-paystack
💵 An angular2+ module for paystack transactions
Stars: ✭ 51 (+155%)
Mutual labels:  angular2, angular4

Ng4StompDemo

This project was generated with Angular CLI version 1.0.0 and Angular4 (version 4.0.0) to act as a sample for @stomp/ng2-stompjs.

Setup

Install dependencies:

$ npm install

or, if using yarn

$ yarn

Configure details for your Stomp Broker by editing src/app/services/config/config.service.ts

The configuration should work as is for a RabbitMQ instance running on localhost with default settings and Web STOMP plugin activated. (see: https://www.rabbitmq.com/web-stomp.html).

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Where Next

Check the following files:

  • src/app/app.module.ts - Configuration and service provisions for StompService using Dependency Injection.
  • src/app/components/rawdata/rawdata.component.ts - subscribing / unsubscribing a queue and publishing messages.
  • src/app/components/status/status.component.ts - monitoring status of Stomp connection.

Contributors

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].