angular-sockjs - GitLite

KO | EN

gitlite — search

#devops #claude-code #chatbot #containers #html #docker #nextjs #react #data-science #kubernetes

angular-sockjs

(★ 46)

SockJS component for AngularJS

파일 탐색기

ZIP 다운로드

- index.js
- .jshintrc
- index.js
.bowerrc
.gitignore
.jshintrc
.npmignore
.travis.yml
bower.json
karma.conf.js
license
package.json
README.md

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`bower`

설명 보기 ▼

front-end 웹 개발에 최적화된 패키지 관리자. 패키지는 GitHub 사용자/reop 요약, Git의 엔드포인트, URL 혹은 등록된 패키지일 수 있습니다.
더 많은 정보: <https://bower.io/#getting-started>.

bower install

bower.json에 나열된 프로젝트의 종속성 설치:

bower install {{package1 package2 ...}}

bower_components 디렉토리에 하나 이상의 패키지 설치:

bower uninstall {{package1 package2 ...}}

bower_components 디렉토리에서 로컬로 패키지 제거:

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[SockJS](https://github.com/sockjs/sockjs-client) provider for AngularJS.

Based on [Brian Ford's angular-socket-io](https://github.com/btford/angular-socket-io).

## Install

1. `bower install angular-sockjs`
2. Made sure the [SockJS client library](https://github.com/sockjs/sockjs-client) is loaded.
3. Include the `socket.js` script provided by this component into your app.
4. Add `bd.sockjs` as a module dependency to your app.

## Usage

This module exposes a `socketFactory`, which is an API for instantiating
sockets that are integrated with Angular's digest cycle.

### Making a Socket Instance

```javascript
// in the top-level module of the app
angular.module('myApp', [
  'bd.sockjs',
  'myApp.MyCtrl'
])
.factory('mySocket', function (socketFactory) {
  return socketFactory();
});
```

With that, you can inject your `mySocket` service into controllers and
other serivices within your application!

### Using Your Socket Instance

Building on the example above:

```javascript
// in the top-level module of the app
angular.module('myApp', [
  'bd.sockjs',
  'myApp.MyCtrl'
])
.factory('mySocket', function (socketFactory) {
  return socketFactory({
    url: 'https://example.com'
  });
})
.controller('MyController', function (mySocket) {
  // ...
});
```

## API

Since the SockJS API uses single event handlers rather than Socket.io's event emitter style, this library provides a lightweight wrapper around the handlers.

### `socket.setHandler(event, callback)`
Accepts valid socket events: `open`, [`close`](https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent), and [`message`](https://developer.mozilla.org/en-US/docs/Web/API/MessageEvent). Returns socket wrapper so multiple calls can be chained.

### `socket.removeHandler(event)`
Handles the same events as `socket.setHandler`. Returns socket wrapper so multiple calls can be chained.

### `socket.send(message)`
Sends a socket message.

### `socket.close([code], [reason])`
Attempts to close the socket.

***

## Options

#### `socketFactory({socket: })`

This option allows you to provide the `socket` service with a `SockJS` instance to be used internally.
This is useful if you need to hold a reference to the `sockjs` object for use elsewhere.

```javascript
angular.module('myApp', [
  'bd.sockjs'
])
.factory('mySocket', function (socketFactory) {
  var sockjs = new SockJS('http://host');

mySocket = socketFactory({
    socket: sockjs
  });

return mySocket;
});
```

#### `socketFactory({url: })`

This option allows you to provide a URL to pass through to the SockJS constructor.

## License
MIT