如何让微信小程序链接websocket

Question

如题所述

Answer 1

微信小程序官方提供了基础的websocket API接口，可以和自己的websocket服务器进行通信。虽然有了接口，但websocket服务器需要自己搭建，这并不是一件容易的事情。

可以试试我们的GoEasy，一款第三方的websocket框架服务，很好的支持微信小程序。

使用GoEasy，你无需搭建websocket服务器，通过GoEasy提供的接口，你可以很方便、快捷的将信息发送到任何你的客户端。

具体的使用方法在下面：

登录自己的微信公众平台

进入微信公众平台|小程序 -> 设置 -> 开发设置 -> 服务器域名 选项的 socket合法域名项
添加 goeasy的地址： wx-hangzhou.goeasy.io

获取 GoEasy SDK

下载 https://cdn.goeasy.io/download/goeasy-1.0.11.js


import GoEasy from './goeasy-1.0.11';

初始化 GoEasy 对象

// 在onLaunch方法里初始化全局GoEasy对象this.globalData.goEasy = new GoEasy({
host: "hangzhou.goeasy.io", //应用所在的区域地址: 【hangzhou.goeasy.io | singapore.goeasy.io】
appkey: "my_appkey", //替换为您的应用appkey
onConnected: function() {
console.log('连接成功！')
},
onDisconnected: function() {
console.log('连接断开！')
},
onConnectFailed: function(error) {
console.log('连接失败或错误！')
}});



小程序端接收消息

getApp().globalData.goEasy.subscribe({
channel: "my_channel", //替换为您自己的channel
onMessage: function (message) {
console.log("Channel:" + message.channel + " content:" + message.content);
}});


小程序端发送消息：

getApp().globalData.goEasy.publish({
channel: "my_channel", //替换为您自己的channel
message: "Hello, GoEasy!" //替换为您想要发送的消息内容});

以上便是在微信小程序中使用websocket的步骤，这里提供一份教程和demo，希望对你有所帮助：网页链接

Answer 2

HTTP(HyperTextTransferProtocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后Web服务器返回响应(response)，连接就被关闭了，在服务器端不保留连接的有关信息.HTTP遵循请求(Request)/应答(Response)模型。Web浏览器向Web服务器发送请求，Web服务器处理请求并返回适当的应答。所有HTTP连接都被构造成一套请求和应答。在 小程序进行网络通信，只能和指定的域名进行通信， 小程序包括四种类型的网络请求。/api是无法调用的，必须加上后面/。使用wx.request可以发起一个http请求，一个 小程序被限制为同时只有5个网络请求。上面的代码会发送一个httpget请求，然后打印出返回的结果。其中的参数也比较容易理解。url服务器的url地址data请求的参数可以采用Stringdata:"xxx=xxx&xxx=xxx"的形式或者Objectdata:{"userId":1}的形式header设置请求的headersuccess接口成功的回调fail接口失败的回调另外还有两个参数没有在代码里:methodhttp的方法,默认为GET请求complete调用接口结束之后的回调，无论成功或者失败该接口都会被调用上传文件上传文件的api为wx.uploadFile，该api会发起一个httppost请求，其中的Content-type为multipart/form-data。服务器端需要按照该Content-type类型接收文件,其中的url，header，success，fail以及complete和普通的http请求是一样的。这里有区别的参数是:name文件对应的key，服务器端需要通过name参数获取文件formDatahttp请求中可以使用的其他参数下载文件的api为wx.downloadFile,该api会发起一个httpget请求，并在下载成功之后返回文件的临时路径其中的url,header,fail,complete和wx.uploadFile的参数使用是一致的，其中有区别的参数是:type:下载资源的类型，用于客户端自动识别，可以使用的参数image/audio/videosuccess：下载成功之后的回调，以tempFilePath的参数返回文件的临时目录：res={tempFilePath:'文件路径'}下载成功后的是临时文件，只会在程序本次运行期间可以使用，如果需要持久的保存，需要调用方法wx.saveFile主动持久化文件使用wx.saveFile保存临时文件到本地，提供给小程序下次启动时使用，其中的参数：tempFilePath需要被保存文件的路径success保存成功的回调，返回保存成功的路径，使用res.savedFilePath可以获取保存成功的路径fail失败的回调complete结束的回调在 小程序开发:MINA中已经提到了在app.js中设置networkTimeout可以设置四种类型网络访问的超时时间：这里设置的超时时间对应着四种类型的网络请求。

Answer 3

这个提示就是:端口冲突.朝这个方向去找问题.至于具体的解决办法，不好意思，我只懂程序.