小程序socket域名怎么配置？

对于域名和服务器的选择上，要看微信小程序制作方是否硬性需要进行绑定开发，如果没有规定绑定开发的话可以自主选择域名和服务器，像这个在阿里云或iisp都是有相关服务的。

具体方法：

先在utils文件夹粘贴一个io的js

然后 npm install wxapp-socket-io

config文件夹下新建一个socket.js,对socket连接进行封装，如下：

const io = require('../utils/io.js')

let url = 'wss://......'

let wsStatus = false

let onSocket = null

export const connect = function(cb){

if(!onSocket){

onSocket = io(url)

onSocket.on('connect', function (res) {

cb(true,onSocket)

wsStatus = true

})

setTimeout(function(){

if(!wsStatus){

cb(false,onSocket)

}

},10000)

}else{

cb(true,onSocket)

}

}

在要引用的页面调用，全局封装订阅方法

let openSocket = require('../../config/socket')

let app = getApp()

let socket = null

Page({

data: {

zl: [[422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525], [422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525]]

},onLoad: function () {

let that = this

//socket调用

openSocket.connect(function (status, ws) {

if (status) {

socket = ws            this.subscribe('zl')//对封装好对订阅方法进行调用

socket.on('broadcast', function (msg) {//广播

console.log("broadcast")

console.log(msg)

})

} else {

alert("socket 连接失败")

}

})

},subscribe: function (type) {

if (socket) {

let eis = this.data[type]

if (eis &&eis.length >0) {

let param = {//仅供参考，根据接口自行更改

eis: eis.join(',')

}

socket.emit('subscribe', JSON.stringify(param))

}

}

}})

注：创建一个 WebSocket 连接；一个微信小程序同时只能有一个 WebSocket 连接，如果当前已存在一个 WebSocket 连接，会自动关闭该连接，并重新创建一个 WebSocket 连接。

if(!handle){MessageBox(_T("绑定端口失败或者监听失败！"))return}sockaddr fromint fromlen=15flag=TRUEwhile(flag){HANDLE handlefrom=winSocketaccept(handle,&from,&fromlen)//fromlen值小于16就能接收初始化成功。 if(!handlefrom){//MessageBox(_T("启动接受失败！"))continue}BYTE buffer[1024]int sendlen=0sendlen=::winSocketRec(handle,buffer,fromlen,MSG_PEEK)//接收语句一直无法接收数据。 if(sendlen<=0){//MessageBox(_T("接受信息失败！"))int error=0error=::WSAGetLastError()// WSAECONNRESETcontinue}sendlen=::winSocketSend(handle,buffer,fromlen)if(sendlen<=0){//MessageBox(_T("发送信息失败！"))continue}}::winSocketClose(handle)HANDLE winSocketbind(const TCHAR* szIp,unsigned short nPort,UINT connet)//根据ip和端口启动socket连接，最多连接数{LPSOCKET handle=new ENUMSOCKET()handle->skt=socket(AF_INET,SOCK_STREAM,IPPROTO_TCP)//连接socket，使用tcp发送字符流 //socket(AF_INET,SOCK_STREAM,IPPROTO_TCP)if(handle->skt==INVALID_SOCKET)//连接成功{delete handlereturn NULL}//赋值ip值至socket char ip[64]={0}#ifdef _UNICODE size_t convert=0::wcstombs_s(&convert,ip,64,szIp,63)#else_strcpy_s(ip,64,szIp,63)#endifsockaddr_in addr={0}addr.sin_addr.S_un.S_addr=::inet_addr(ip)//设置ip addr.sin_family=AF_INET//设置网络服务 addr.sin_port=nPort//设置端口//建立连接if(bind(handle->skt,(sockaddr*)&addr,sizeof(addr))==SOCKET_ERROR)//连接失败{delete handleclosesocket(handle->skt)return NULL}::listen(handle->skt,connet)//连接至网络，返回改socket

最近在做 IOT 的项目，里面有个小程序要用到 webSocket ，借这个机会，封装了一个 uniapp小程序 适用的 Socket 类，包括断线重连，心跳检测等等，具体实现如下。

直接实例化封装的 socket 类，调用 initSocket 初始化就行了，当收到消息的时候，会触发全局 $emit 事件，只需要使用 $on 监听 message 事件就行。

我这边在 globalData 里面定义了 socketObj 全局变量，在首页 onShow 生命周期里面判断当前是否已经初始化了 socket 实例，再进行 *** 作。

home.vue

断线会自动重连。

如果看了觉得有帮助的，我是@ 鹏多多11997110103 ，欢迎 点赞 关注 评论；

END

往期文章

个人主页

---