美文网首页
uni-app 创建socket链接(五)

uni-app 创建socket链接(五)

作者: 考拉程序媛 | 来源:发表于2019-07-27 16:26 被阅读0次

创建一个 WebSocket 连接。

OBJECT 参数说明:

参数名 类型 必填 说明 最低版本
url String 开发者服务器接口地址,必须是 wss 协议,且域名必须是后台配置的合法域名 *
header Object HTTP Header , header 中不能设置 Referer *
method String 默认是GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT *
protocols StringArray 子协议数组 *
success Function 接口调用成功的回调函数 *
fail Function 接口调用失败的回调函数 *
complete Function 接口调用结束的回调函数(调用成功、失败都会执行) *

示例代码:

uni.connectSocket({  url: 'wss://www.example.com/socket',  data: {    x: '',    y: ''  },  header: {    'content-type': 'application/json'  },  protocols: ['protocol1'],  method: "GET"});

uni.onSocketOpen(CALLBACK)

监听WebSocket连接打开事件。

callback 回调函数:

参数

res

属性 类型 说明 支持版本
header Object 连接成功的 HTTP 响应 Header *

示例代码:

uni.connectSocket({  url: 'wss://www.example.com/socket'});uni.onSocketOpen(function (res) {  console.log('WebSocket连接已打开!');});

uni.onSocketError(CALLBACK)

监听WebSocket错误。

示例代码:

uni.connectSocket({  url: 'wss://www.example.com/socket'});uni.onSocketOpen(function (res) {  console.log('WebSocket连接已打开!');});uni.onSocketError(function (res) {  console.log('WebSocket连接打开失败,请检查!');});

uni.sendSocketMessage(OBJECT)

通过 WebSocket 连接发送数据,需要先 uni.connectSocket,并在 uni.onSocketOpen 回调之后才能发送。

OBJECT 参数说明:

参数名 类型 必填 说明 最低版本
data String/ArrayBuffer 需要发送的内容 *
success Function 接口调用成功的回调函数 *
fail Function 接口调用失败的回调函数 *
complete Function 接口调用结束的回调函数(调用成功、失败都会执行) *

示例代码:

var socketOpen = false;var socketMsgQueue = []; uni.connectSocket({  url: 'wss://www.example.com/socket'}); uni.onSocketOpen(function (res) {  socketOpen = true;  for (var i = 0; i < socketMsgQueue.length; i++) {    sendSocketMessage(socketMsgQueue[i]);  }  socketMsgQueue = [];}); function sendSocketMessage(msg) {  if (socketOpen) {    uni.sendSocketMessage({      data: msg    });  } else {    socketMsgQueue.push(msg);  }}

uni.onSocketMessage(CALLBACK)

监听WebSocket接受到服务器的消息事件。

CALLBACK 返回参数:

参数 类型 说明
data String/ArrayBuffer 服务器返回的消息

示例代码:

uni.connectSocket({  url: 'wss://www.example.com/socket'}); uni.onSocketMessage(function (res) {  console.log('收到服务器内容:' + res.data);});

uni.closeSocket(OBJECT)

关闭 WebSocket 连接。

参数名 类型 必填 说明 最低版本
code Number 一个数字值表示关闭连接的状态号,表示连接被关闭的原因。如果这个参数没有被指定,默认的取值是1000 (表示正常连接关闭) *
reason String 一个可读的字符串,表示连接被关闭的原因。这个字符串必须是不长于123字节的UTF-8 文本(不是字符) *
success Function 接口调用成功的回调函数 *
fail Function 接口调用失败的回调函数 *
complete Function 接口调用结束的回调函数(调用成功、失败都会执行) *

uni.onSocketClose(CALLBACK)

监听WebSocket关闭。

uni.connectSocket({  url: 'wss://www.example.com/socket'}); // 注意这里有时序问题,// 如果 uni.connectSocket 还没回调 uni.onSocketOpen,而先调用 uni.closeSocket,那么就做不到关闭 WebSocket 的目的。// 必须在 WebSocket 打开期间调用 uni.closeSocket 才能关闭。uni.onSocketOpen(function () {  uni.closeSocket();}); uni.onSocketClose(function (res) {  console.log('WebSocket 已关闭!');});

返回值:

返回一个 SocketTask

</article>

相关文章

  • uni-app 创建socket链接(五)

    创建一个 WebSocket 连接。 OBJECT 参数说明: 示例代码: uni.onSocketOpen(CA...

  • 2 Socket00

    1 socket1)创建socket实例没有具体的实体2)客户端链接01 创建Socket对象02 连接建立后,通...

  • 1.GCDAsyncSocket 网络请求

    0.Socket端口号和域名 1. 新建一个类创建socket对象单利 如下图: 2.在你要建立socket链接的...

  • Python socket编程

    创建server步骤: 创建socket对象socket = socket.socket(family, type...

  • iOS socket套接字

    socket包含的API 创建及调用 创建socket 绑定 ip port 连接socket 关闭socket ...

  • Python Socket 编程

    Socket创建函数 socket.socket(socket_family, socket_type, prot...

  • python socket 编程

    Socket创建函数 socket.socket(socket_family, socket_type, prot...

  • uni-app 创建

    创建 uni-app 有两种方式 快速搭建 uni-app 使用编译器HbuilderX 创建 使用 vue-cl...

  • 使用Service

    在后台,做一些事物的处理,socket,长链接,推送的长链接等,需要用到service。创建Service:pub...

  • 【uni-app】使用5+SDK创建最简Android原生工程(

    1、使用Hbuilder X创建一个最简单的uni-app应用 创建uni-app简单工程image.png 设置...

网友评论

      本文标题:uni-app 创建socket链接(五)

      本文链接:https://www.haomeiwen.com/subject/vkuerctx.html