angular2 如何使用websocket
2024-08-31 22:12:22
1.npm下载:
npm install angular2-websocket
2.需要在哪个组件使用就在那里引入:
import {$WebSocket} from 'angular2-websocket/angular2-websocket'
3.具体的使用看以下代码:
sendMsg() {
//新建连接
var ws = new $WebSocket("具体地址");
//打开连接
ws.onOpen(function () {
console.log('连接成功')
ws.send('发送的消息内容').subscribe(
(msg) => {
//连接成功此处打印成功的提示
console.log("next", msg.data);
},
(msg) => {
//连接失败则打印此信息
console.log("error", msg);
},
() => {
//不管有没有连接成功必须执行到此处
console.log("complete");
// 可在此处关闭连接,由你websocket实现的具体功能决定
// ws.close(false); // close
// ws.close(true); // close immediately
}
);
});
//接收服务器返回的信息就另外写个
ws.onMessage(
(msg: MessageEvent) => {
console.log('recriveMsg',msg)
},
{ autoApply: false }
); }
4.以上是最基本的angular2 websocket 的使用方法,如需了解更多请移步看文档
最新文章
- iOS 字典与JSON相互转换
- JQuery02
- MySQL 语句大全--------添加列,修改列,删除列
- iOS-nil,Nil,NULL的区别
- C#抓包
- Mybatis 学习-1
- laravel 框架 开源的cms推荐
- 在虚拟中开启Windows 8.1的Hyper-V平台
- Java Calendar实现控制台日历
- HDU5301
- JDBC编程之事务处理
- Linux 日志
- 根据XML文件生成XSD文件
- 浅析String类
- ECMAScript 6 学习总结
- lumisoft.net 邮件管理系列文章 - 如何判断附件为内嵌式还是附加式
- PHP-FPM 不完全指南
- Android-系统解析AndroidManifest
- 编译和使用 MySQL C++ Connector
- HDU 4511 小明系列故事——女友的考验 (AC自动机 + DP)
热门文章
- 安装Apache时端口号被占用解决方案
- iOS---GCD的三种常见用法
- cobbler 自定义安装系统
- (转)Python标准库02 时间与日期 (time, datetime包)
- http2.0之头部压缩
- C++的开源跨平台日志库glog学习研究(一)
- Java之IO(七)ObjectInputStream和ObjectOutputStream
- RabbitMQ初学之二:直接发送消息到队列
- 如何在NAS上安装Git Server
- Android 开发工具类 04_KeyBoardUtils