websocket-connection.md 3.6 KB
Newer Older
Z
zengyawen 已提交
1 2 3 4
# WebSocket连接

## 场景介绍

5
使用WebSocket建立服务器与客户端的双向连接,需要先通过createWebSocket()方法创建WebSocket对象,然后通过connect()方法连接到服务器。当连接成功后,客户端会收到open事件的回调,之后客户端就可以通过send()方法与服务器进行通信。当服务器发信息给客户端时,客户端会收到message事件的回调。当客户端不要此连接时,可以通过调用close()方法主动断开连接,之后客户端会收到close事件的回调。
Z
zengyawen 已提交
6 7 8 9 10 11 12 13 14 15 16 17 18

若在上述任一过程中发生错误,客户端会收到error事件的回调。

## 接口说明

WebSocket连接功能主要由webSocket模块提供。使用该功能需要申请ohos.permission.INTERNET权限。具体接口说明如下表。

| 接口名 | 功能描述 |
| -------- | -------- |
| createWebSocket() | 创建一个WebSocket连接。 |
| connect() | 根据URL地址,建立一个WebSocket连接。 |
| send() | 通过WebSocket连接发送数据。 |
| close() | 关闭WebSocket连接。 |
19 20 21 22 23 24 25 26
| on(type: 'open') | 订阅WebSocket的打开事件。 |
| off(type: 'open') | 取消订阅WebSocket的打开事件。 |
| on(type: 'message') | 订阅WebSocket的接收到服务器消息事件。 |
| off(type: 'message') | 取消订阅WebSocket的接收到服务器消息事件。 |
| on(type: 'close') | 订阅WebSocket的关闭事件。 |
| off(type: 'close') | 取消订阅WebSocket的关闭事件 |
| on(type: 'error') | 订阅WebSocket的Error事件。 |
| off(type: 'error') | 取消订阅WebSocket的Error事件。 |
Z
zengyawen 已提交
27 28 29

## 开发步骤

30
1. 导入需要的webSocket模块。
Z
zengyawen 已提交
31 32 33

2. 创建一个WebSocket连接,返回一个WebSocket对象。

34
3. (可选)订阅WebSocket的打开、消息接收、关闭、Error事件。
Z
zengyawen 已提交
35 36 37 38

4. 根据URL地址,发起WebSocket连接。

5. 使用完WebSocket连接之后,主动断开连接。
Y
Yangys 已提交
39

Z
zengyawen 已提交
40 41 42 43 44 45
   ```js
   import webSocket from '@ohos.net.webSocket';
   
   var defaultIpAddress = "ws://";
   let ws = webSocket.createWebSocket();
   ws.on('open', (err, value) => {
46
       console.log("on open, status:" + JSON.stringify(value));
Z
zengyawen 已提交
47 48 49
       // 当收到on('open')事件时,可以通过send()方法与服务器进行通信
       ws.send("Hello, server!", (err, value) => {
           if (!err) {
50
               console.log("Message sent successfully");
Z
zengyawen 已提交
51
           } else {
52
               console.log("Failed to send the message. Err:" + JSON.stringify(err));
Z
zengyawen 已提交
53 54 55 56 57 58 59 60 61
           }
       });
   });
   ws.on('message', (err, value) => {
       console.log("on message, message:" + value);
       // 当收到服务器的`bye`消息时(此消息字段仅为示意,具体字段需要与服务器协商),主动断开连接
       if (value === 'bye') {
           ws.close((err, value) => {
               if (!err) {
62
                   console.log("Connection closed successfully");
Z
zengyawen 已提交
63
               } else {
64
                   console.log("Failed to close the connection. Err: " + JSON.stringify(err));
Z
zengyawen 已提交
65 66 67 68 69 70 71 72 73 74 75 76
               }
           });
       }
   });
   ws.on('close', (err, value) => {
       console.log("on close, code is " + value.code + ", reason is " + value.reason);
   });
   ws.on('error', (err) => {
       console.log("on error, error:" + JSON.stringify(err));
   });
   ws.connect(defaultIpAddress, (err, value) => {
       if (!err) {
77
           console.log("Connected successfully");
Z
zengyawen 已提交
78
       } else {
79
           console.log("Connection failed. Err:" + JSON.stringify(err));
Z
zengyawen 已提交
80 81 82
       }
   });
   ```
83 84 85 86

## 相关实例

针对WebSocket连接的开发,有以下相关实例可供参考:
Y
Yangys 已提交
87

88
- [`WebSocket`:WebSocket(ArkTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/Network/WebSocket)