网络访问(Socket/WebSocket/HTTP)

最新推荐文章于 2024-07-23 23:13:13 发布

Cary_cacb

最新推荐文章于 2024-07-23 23:13:13 发布

阅读量421

点赞数 8

文章标签：网络前端 typescript 鸿蒙OS4.0 Socket HTTP WebSocket

本文链接：https://blog.csdn.net/Cary_cacb/article/details/140627247

版权

概述

HarmonyOS为用户提供了网络连接功能，具体由网络管理模块负责。通过该模块，用户可以进行Socket网络通滚、WebSocket连接、HTTP数据请求等网络通信服务。

Socket网络通信：通过Socket(嵌套字)进行数据通信，支持的协议包括UDP核TCP
WebSocket网络通信:利用WebSocket协议创建服务器和客户端之间的双全工共数据通信
HTTP数据请求:利用超文本传输协议(HTTP)向服务器发起数据请求

需要注意的是，在使用网络管理模块提供的网络数据通信服务之前，用户需要根据具体的使用情况，向系统获取相应的使用权限。

权限名	说明
ohos.permission.GET_NETWORK_INFO	获取网络连接信息
ohos.permission.INTERNET	允许程序打开网络嵌套字，进行网络连接

网络通信基础

Socket通信

Socket(套接字)是数据传输网络中不同应用进程之间进行数据交换的端点。从网络协议栈的角度来看，Socket位于应用层和传输层之间。处于网络两端的不同应用层进程，通过Socket指定对方的地址并选择合适的传输层协议，最终实现数据通信。

一个Socket可以使用IP地址和端口号唯一确定。尽管不同表示方法使用的格式不尽一致，但大多数情况下，IP地址使用点分十进制表示，端口号为一个整数。例如给定主机IP地址为88.133.33.22，占用端口号为8030，则可以得到一个形如88.133.33.22：80302的Socket。进行数据通信的双方应用层进程通过Socket找到对方的应用层进程，从而实现数据的交换。

Socket不仅可以作为“地址”找到数据通信对方进程，还是网络间的编程接口，通过它可以根据需求从Internet协议簇中选择合适的运输层协议，实现进程间的数据交换。常用的Socket有流套接字、数据报套接字及原始套接字等。

流套接字使用传输层TCP(Transmission Control Protocol)进行数据传输，为用户提供面向连接的可靠字节流传输服务。也就是说，该服务所收发数据以字节为单位，在数据传输前建立收发端的连接，并保证所发送字节流按序、无差错、无重复到达接收方。再进行网络编程时，使用SOCK_STREAM指明使用流套接字
数据报嵌套字使用传输层UDP(USER Datagram Protocol)进行数据传输，为用户提供无连接的数据报传输服务。也就是说，该服务所收发数据以数据报为单位，在数据传输前不建立收发端的连接，另外，也不保证所发送的数据可靠地到达。在进行网络编程时，使用SOCK_DGRAM指明使用数据报套接字
原始套接字能够对未经内核处理的IP报文进行操作，而与之相对应，流套接字或数据报套接字只能访问相应协议处理后的报文(TCP和UDP)。在进行网络编程时，使用SOCK_RAW指明使用原始套接字。

进程之间通过网络进行通信时，大多采用客户/服务器(Client/Server,C/s)通信方法。一个采用了TCP(流套接字)的C/S通信，在开始有效数据传输前必须建立连接，建立连接的过程称为三次握手，其流程如下：

服务器必须通过socket方法创建套接字，通过bind方法绑定服务器IP地址和端口，并通过listen方法准备随时接受客户发来的创建连接请求，这个过程成为被动打开(Passive Open)。
客户端通过connet方法发送一个主动打开(Active Open)连接请求。这将导致客户端通过流套接字发送一个同步报文段(Synchronize Segment,SYN)。该报文段将告诉服务器客户端的初始字节序列号及对于客户端SYN报文段的确认。
服务器在接收到客户端发来的SYN报文段后，必须发送确认报文段(ACK)。该报文段携带服务器的初始字节序列号及对于客户端SYN报文段的确认。
客户端必须确认服务器的SYN报文段。

一个TCP连接在监护玩有效数据后必须终止连接，TCP连接的终止过程如下：

通信双方中的任何一方(成为发起方)首先调用close()方法发起连接终止过程，该动作称为主动关闭(Active Close)。该动作将通过TCP连接发送一个终止报文段(FIN)，表明本方将终止有效数据发送。
另一方(称为接收方)在接收到FIN报文段后执行所谓的被动关闭(Passive Close)。接收的FIN报文段将被确认，并且该FIN报文段将通过文件结束符(end-of-life)通告应用层进程。
在接收到FIN保温一段时间后，接收方将通过close()方法关闭Socket，并通过TCP链接发送自己的FIN报文段。
发起方收到对方的FIN报文段，并将确认报文发给对方。

根据套接字提供的服务类型，可以将套接字所提供的服务分为面向连接的服务和无连接的服务，其中流套接字为面向连接的服务，而数据报套接字为无连接的服务。用户可以根据具体应用需求采用不同的服务/

面向连接的服务主要有以下特点：

在有效数据交互前，必须创建通信双方之间的连接；在有效数据交互间，必须维护连接；在有效数据交互后，必须终止并释放连接。
由于有效数据在连接后进行交互，所以各报文段无需携带目的地址。
可以确保数据的按序、无差错、无重复传输。
由于协议较为复杂，所以开销较大。

无连接的服务主要有以下特点：

在有效数据交互前，无须建立通信双方之间的连接。
每个数据报必须提供详细的目的主机地址及目的端口号。
数据可能出现时序、重复、丢失等后果。
协议简单，通信开销较小。

WebSocket 通信

2011年IETF通过了WebSocket通信协议，即REC 6455标准，随后又通过RFC 7936文件补充。同时，WebSocket也是W2C的标准，并引入HTML5.WebSocket的协议名称为ws，WebSocket的出现较好地解决了Http的以下缺点：

HTTP为无状态协议，服务器无法预知下次通信对方的身份，难以做出预先准备，这对一些应用(尤其实时通信)来讲是一种难以逾越的阻碍。
每次客户端发送HTTP请求时都需要携带较长的头部信息，这样服务器才能做出相应响应。这些重复的头部信息浪费大量贷款，并且也由于需要解析而耗费时间。
HTTP难以实现信息的主动推送，一般情况下只能采用轮询及长连链接等方法实现，这样会大量浪费服务器资源。

与HTTP类似，WebSocket也是一种基于TCP实现的网络通信协议。另外，WebSocket也是一种应用层协议。但是，相较于HTTP，WebSocket具有以下优点：

WebSocket类似于Socket通信，是一种全双工通信技术，即服务器和客户端都可以率先向对方发送信息，而HTTP只能由客户端先发送数据请求，服务器只有接收到请求后才能做出响应，因此，WebSocket具有更高的实时性。
WebSocket制定了二进制帧，因此，相较于HTTP，WebSocket能够更好地支持二进制数据
WebSocket支持用户协议扩展，即用户可以根据需要定义自己的子协议laikuozhanWebSocket。例如，用户可以通过自定义压缩协议来取得更为理想的压缩效果。
WebSocket是一种状态协议，具有更小的通信开销。一经连接，WebSocket的数据帧中用于协议控制的头部信息十分少。在不包括扩展时，服务器到客户端的数据帧中头部只有2~10字节，从而客户端到服务器的数据帧中，头部只需额外加入4字节的掩码，而HTTP每个报文都需要添加冗长的头部信息，因此，WebSocket可以较好地节省带宽资源。

WebSocket在传输有效数据之前，首先需要建立服务器与客户端之间的连接。在建立连接时，WebSocket复用HTTP协议传输报文，基本过程如下：

客户端利用HTTP大宋请求。该请求使用HTTP报文格式，在首部表示要进行协议升级，并且要升级为WebSocket协议。
服务器接收到客户端发来的协议升级请求后，通过HTTP报文格式返回状态码101表示同意协议升级。
客户端接收到返回报文后，连接成功建立。在此后的通信中，客户端和服务器之间将通过TCP开始全双工通信，通信数据的单位为数据帧。

在客户端发给服务器的数据帧中，需要额外加入4字节的数据掩码，其主要目的是提高WebSocket的通信安全。

HTTP通信

HTTP一般采用浏览器/服务器(Browser?server,B/S)架构进行通信，同样也是一个应用层协议。它基于运输层TCP协议传输数据，并采用了简洁的请求-响应方式进行交互，即客户端根据自身需求将相应的请求发送至服务器，而服务器只能根据接收的客户端请求发送响应数据。另外，HTTP协议是一种无状态协议，不会在服务器端保留客户端数据，因此HTTP的模型非常简单，便于开发、部署。

经过多年发展，HTTP演进了4个版本，分别是0.9、1.0、1.1及2.0。

1991年0.9版本发布，该版本协议极为简单，是一个单行且只有GET方法的协议，并且服务器响应完请求后立即断开TCP连接

1996年1.0版本发布，该版本协议大大扩充了HTTP各项内容，但是该版本不是官方版本。支持的方法扩充为GET、HEAD和POST共三个。同时，增加了若干术语，其中最为显著的改进是增加状态码、传输内容不再限于纯文本字符串、数据报文添加头部。

1997年，HTTP1.1作为标准版本发布。该版本支持多达7种方法，并增加了多个术语。相较于HTP1.0，有扩充多个功能，如单IP支持多个域、流水线功能、持久连接、支援缓存等。HTTP1.1是一个长期稳定版本，目前有在该版本上扩展了支持加密交互的HTTPS协议。

2015年HTTP2.0作为规范发布，该版本协议聚焦于网络资源使用效率提升及降低时延感知。另外，该版本协议并不向下兼容之前的1.x协议。

其实，已有HTTP3.0版本，但其目前只是草案状态，并未正式成为标准。该版本协议旨在成为更快、更安全、更可靠的适用于各种设备的通信协议。

HTTP通过统一资源定位器(Uniform Resource Locator,URL)指定所需资源位置，一个HTTP事务包括来自客户端的请求，以及服务器对请求的响应。双方的通信以HTTP报文的形式进行交互。从客户端发送到服务器的报文称为请求报文，而从服务器到客户端的报文称为响应报文。请求报文与响应报文的格式十分近似，他们都包括三部分。

请求行(响应报文中的状态行):提示是何种请求或响应状态。
通用信息头：零或多个紧挨着请求行/状态行的域。每个域由一对名字和数值构成，并由冒号“:”隔开。通用信息头由一个空行结束。
包体：=】
在请求报文中，包体包含客户端发送给服务器的数据，而在响应报文中，携带服务器发送给客户端的响应数据。与请求行/状态行及通用信息头不同，包体可以是任何形式的二进制数据。

HTTP基于TCP/IP协议簇进行通信。HTTP客户端在向服务器发送消息之前，使用IP地址及端口号(Socket)在客户端和服务器之间建立连接。在TCP建立连接前，需要服务器的IP地址和端口号与服务器上运行的程序关联。

利用URL获取HTTP服务器的IP地址，URL是用来定位万维网中资源的地址，因此，它包含了提供该资源的主机的IP地址，同时也包括该主机会在哪个端口上等待客户端。一般情况下，Web服务器默认使用80端口提供服务，URL中的80端口可以省略不写。如果使用其他端口，如8080端口，则URL中也不能省略端口号。

通过IP地址和端口号，客户端可以轻松地通过TCP/IP进行通信。具体步骤如下：

客户端从URL中提取服务器的主机名
客户端将服务器的主机名转换为服务器的IP地址
客户端从URL中提取端口号
客户端与Web服务器建立TCP连接
客户端向服务器发送HTTP请求信息
服务器将HTTP响应发送回浏览器
连接关闭后，浏览器将显示解析的文档

实际开发

Socket连接

Socket连接方式分为UDP和TCP两种协议，但无论是用哪种协议之前都需要导入Networkkit模块

导入模块

import { socket } from '@kit.NetworkKit';

import { socket } from '@kit.NetworkKit';
import { BusinessError } from '@kit.BasicServicesKit';

let udp: socket.UDPSocket = socket.constructUDPSocketInstance();
let bindAddr: socket.NetAddress = {
  address: '192.168.xx.xxx',
  port: 8080
}
udp.bind(bindAddr, (err: BusinessError) => {
  if (err) {
    console.log('bind fail');
    return;
  }
  console.log('bind success');
  udp.getState((err: BusinessError, data: socket.SocketStateBase) => {
    if (err) {
      console.log('getState fail');
      return;
    }
    console.log('getState success:' + JSON.stringify(data));
  })
})

import { socket } from '@kit.NetworkKit';

let tcp: socket.TCPSocket = socket.constructTCPSocketInstance();

tcp.close().then(() => {
  console.log('close success');
}).catch((err: BusinessError) => {
  console.log('close fail');
});

WebSocket连接

使用WebSocket建立服务器与客户端的双向连接，需要先通过createWebSocket方法创建WebSocket对象，然后通过connect方法连接到服务器。

当连接成功后，客户端会收到open事件的回调，之后客户端就可以通过send方法与服务器进行通信。

当服务器发信息给客户端时，客户端会收到message事件的回调。当客户端不要此连接时，可以通过调用close方法主动断开连接，之后客户端会收到close事件的回调。

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

导入模块

import { webSocket } from '@kit.NetworkKit';

webSocket.createWebSocket

创建一个WebSocket，里面包括建立连接、关闭连接、发送数据和订阅/取消订阅WebSocket连接的打开事件、接收到服务器消息事件、关闭事件和错误事件。

接口结构：

createWebSocket(): WebSocket

示例

let ws: webSocket.WebSocket = webSocket.createWebSocket();

connect

根据URL地址，建立一个WebSocket连接，使用callback方式或Promise方式作为异步方法，这里展示callback方式。

接口结构：

connect(url: string, callback: AsyncCallback<boolean>): void

示例

import { webSocket } from '@kit.NetworkKit';
import { BusinessError } from '@kit.BasicServicesKit';

let ws = webSocket.createWebSocket();
let url = "ws://";
ws.connect(url, (err: BusinessError, value: boolean) => {
  if (!err) {
    console.log("connect success");
  } else {
    console.log("connect fail, err:" + JSON.stringify(err));
  }
});

send

通过WebSocket连接发送数据，使用callback方式或Promise方式作为异步方法，这里展示callback方式。

接口结构：

send(data: string | ArrayBuffer, callback: AsyncCallback<boolean>): void

示例

import { webSocket } from '@kit.NetworkKit';
import { BusinessError } from '@kit.BasicServicesKit';

let ws = webSocket.createWebSocket();
let url = "ws://"
class OutValue {
  status: number = 0
  message: string = ""
}
ws.connect(url, (err: BusinessError, value: boolean) => {
    if (!err) {
      console.log("connect success");
    } else {
      console.log("connect fail, err:" + JSON.stringify(err))
    }
});
ws.on('open', (err: BusinessError, value: Object) => {
  console.log("on open, status:" + (value as OutValue).status + ", message:" + (value as OutValue).message);
    ws.send("Hello, server!", (err: BusinessError, value: boolean) => {
    if (!err) {
      console.log("send success");
    } else {
      console.log("send fail, err:" + JSON.stringify(err))
    }
  });
});

close

关闭WebSocket连接，使用callback方式或Promise方式作为异步方法，这里展示callback方式。

接口结构：

close(callback: AsyncCallback<boolean>): void

示例

import { webSocket } from '@kit.NetworkKit';
import { BusinessError } from '@kit.BasicServicesKit';

let ws = webSocket.createWebSocket();
ws.close((err: BusinessError) => {
  if (!err) {
    console.log("close success")
  } else {
    console.log("close fail, err is " + JSON.stringify(err))
  }
});

close(可选参数code和reason)

根据可选参数code和reason，关闭WebSocket连接，使用callback方式作为异步方法。

接口结构：

close(options: WebSocketCloseOptions, callback: AsyncCallback<boolean>): void

示例

import { webSocket } from '@kit.NetworkKit';
import { BusinessError } from '@kit.BasicServicesKit';

let ws = webSocket.createWebSocket();

let options: webSocket.WebSocketCloseOptions | undefined;
if (options != undefined) {
    options.code = 1000
    options.reason = "your reason"
}
ws.close(options, (err: BusinessError) => {
    if (!err) {
        console.log("close success")
    } else {
        console.log("close fail, err is " + JSON.stringify(err))
    }
});

HTTP数据请求

导入模块

import { http } from '@kit.NetworkKit';

完整示例

// 引入包名
import { http } from '@kit.NetworkKit';
import { BusinessError } from '@kit.BasicServicesKit';

// 每一个httpRequest对应一个HTTP请求任务，不可复用
let httpRequest = http.createHttp();
// 用于订阅HTTP响应头，此接口会比request请求先返回。可以根据业务需要订阅此消息
// 从API 8开始，使用on('headersReceive', Callback)替代on('headerReceive', AsyncCallback)。 8+
httpRequest.on('headersReceive', (header: Object) => {
  console.info('header: ' + JSON.stringify(header));
});

httpRequest.request(// 填写HTTP请求的URL地址，可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定
  "EXAMPLE_URL",
  {
    method: http.RequestMethod.POST, // 可选，默认为http.RequestMethod.GET
    // 当使用POST请求时此字段用于传递请求体内容，具体格式与服务端协商确定
    extraData: 'data to send',
    expectDataType: http.HttpDataType.STRING, // 可选，指定返回数据的类型
    usingCache: true, // 可选，默认为true
    priority: 1, // 可选，默认为1
    // 开发者根据自身业务需要添加header字段
    header: { 'Accept' : 'application/json' },
    readTimeout: 60000, // 可选，默认为60000ms
    connectTimeout: 60000, // 可选，默认为60000ms
    usingProtocol: http.HttpProtocol.HTTP1_1, // 可选，协议类型默认值由系统自动指定
    usingProxy: false, //可选，默认不使用网络代理，自API 10开始支持该属性
    caPath: '/path/to/cacert.pem', // 可选，默认使用系统预设CA证书，自API 10开始支持该属性
    clientCert: { // 可选，默认不使用客户端证书，自API 11开始支持该属性
      certPath: '/path/to/client.pem', // 默认不使用客户端证书，自API 11开始支持该属性
      keyPath: '/path/to/client.key', // 若证书包含Key信息，传入空字符串，自API 11开始支持该属性
      certType: http.CertType.PEM, // 可选，默认使用PEM，自API 11开始支持该属性
      keyPassword: "passwordToKey" // 可选，输入key文件的密码，自API 11开始支持该属性
    },
    certificatePinning: [ // 可选，支持证书锁定配置信息的动态设置，自API 12开始支持该属性
      {
        publicKeyHash: 'Pin1', // 由应用传入的证书PIN码，自API 12开始支持该属性
        hashAlgorithm: 'SHA-256' // 加密算法，当前仅支持SHA-256，自API 12开始支持该属性
      }, {
        publicKeyHash: 'Pin2', // 由应用传入的证书PIN码，自API 12开始支持该属性
        hashAlgorithm: 'SHA-256' // 加密算法，当前仅支持SHA-256，自API 12开始支持该属性
      }
    ]
    multiFormDataList: [ // 可选，仅当Header中，'content-Type'为'multipart/form-data'时生效，自API 11开始支持该属性
      {
        name: "Part1", // 数据名，自API 11开始支持该属性
        contentType: 'text/plain', // 数据类型，自API 11开始支持该属性
        data: 'Example data', // 可选，数据内容，自API 11开始支持该属性
        remoteFileName: 'example.txt' // 可选，自API 11开始支持该属性
      }, {
        name: "Part2", // 数据名，自API 11开始支持该属性
        contentType: 'text/plain', // 数据类型，自API 11开始支持该属性
        // data/app/el2/100/base/com.example.myapplication/haps/entry/files/fileName.txt
        filePath: `${getContext(this).filesDir}/fileName.txt`, // 可选，传入文件路径，自API 11开始支持该属性
        remoteFileName: 'fileName.txt' // 可选，自API 11开始支持该属性
      }
    ]
  },
  (err: BusinessError, data: http.HttpResponse) => {
    if (!err) {
      // data.result为HTTP响应内容，可根据业务需要进行解析
      console.info('Result:' + JSON.stringify(data.result));
      console.info('code:' + JSON.stringify(data.responseCode));
      console.info('type:' + JSON.stringify(data.resultType));
      // data.header为HTTP响应头，可根据业务需要进行解析
      console.info('header:' + JSON.stringify(data.header));
      console.info('cookies:' + JSON.stringify(data.cookies)); // 自API version 8开始支持cookie
      // 取消订阅HTTP响应头事件
      httpRequest.off('headersReceive');
      // 当该请求使用完毕时，开发者务必调用destroy方法主动销毁该JavaScript Object。
      httpRequest.destroy();
    } else {
      console.info('error:' + JSON.stringify(err));
      // 取消订阅HTTP响应头事件
      httpRequest.off('headersReceive');
      // 当该请求使用完毕时，开发者务必调用destroy方法主动销毁该JavaScript Object。
      httpRequest.destroy();
    }
  });

request

根据URL地址，发起HTTP网络请求，使用callback方式或Promise方式作为异步方法

接口结构：

request(url: string, callback: AsyncCallback<HttpResponse>): void

示例

import { http } from '@kit.NetworkKit';

let httpRequest = http.createHttp();
httpRequest.request("EXAMPLE_URL", (err: Error, data: http.HttpResponse) => {
  if (!err) {
    console.info('Result:' + data.result);
    console.info('code:' + data.responseCode);
    console.info('type:' + JSON.stringify(data.resultType));
    console.info('header:' + JSON.stringify(data.header));
    console.info('cookies:' + data.cookies); // 自API version 8开始支持cookie
  } else {
    console.info('error:' + JSON.stringify(err));
  }
});

request(options)

根据URL地址和相关配置项，发起HTTP网络请求，使用callback方式作为异步方法。

接口结构：

request(url: string, options: HttpRequestOptions, callback: AsyncCallback<HttpResponse>):void

示例

import { http } from '@kit.NetworkKit';

class Header {
  public contentType: string;

  constructor(contentType: string) {
    this.contentType = contentType;
  }
}

let httpRequest = http.createHttp();
let options: http.HttpRequestOptions = {
    method: http.RequestMethod.POST, // 可选，默认为http.RequestMethod.GET
    // 当使用POST请求时此字段用于传递请求体内容，具体格式与服务端协商确定
    extraData: 'data to send',
    expectDataType: http.HttpDataType.STRING, // 可选，指定返回数据的类型
    usingCache: true, // 可选，默认为true
    priority: 1, // 可选，默认为1
    // 开发者根据自身业务需要添加header字段
    header: new Header('application/json'),
    readTimeout: 60000, // 可选，默认为60000ms
    connectTimeout: 60000, // 可选，默认为60000ms
    usingProtocol: http.HttpProtocol.HTTP1_1, // 可选，协议类型默认值由系统自动指定
    usingProxy: false, //可选，默认不使用网络代理，自API 10开始支持该属性
};

httpRequest.request("EXAMPLE_URL", options, (err: Error, data: http.HttpResponse) => {
  if (!err) {
    console.info('Result:' + data.result);
    console.info('code:' + data.responseCode);
    console.info('type:' + JSON.stringify(data.resultType));
    console.info('header:' + JSON.stringify(data.header));
    console.info('cookies:' + data.cookies); // 自API version 8开始支持cookie
  } else {
    console.info('error:' + JSON.stringify(err));
  }
});

destroy

中断请求任务。

接口结构：

destroy(): void

示例

import { http } from '@kit.NetworkKit';
let httpRequest = http.createHttp();

httpRequest.destroy();

Cary_cacb

关注

8
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
网络访问(Socket/WebSocket/HTTP)

HarmonyOS为用户提供了网络连接功能，具体由网络管理模块负责。通过该模块，用户可以进行Socket网络通滚、WebSocket连接、HTTP数据请求等网络通信服务。需要注意的是，在使用网络管理模块提供的网络数据通信服务之前，用户需要根据具体的使用情况，向系统获取相应的使用权限。
复制链接

扫一扫