微信小程序使用Socket - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序使用Socket

发表时间:2021-4-30

发布人:葵宇科技

浏览次数:48

首先,一个小程序同时只能有一个WebSocket连接,如果当前已经存在一个WebSocket连接,会关闭当前连接,并重新建立一个连接。

其次,如果使用了appID,协议必须是 wss://...

最近团队用小程序做行情,在连接socket的时候,发现在还没有进行subscribe的情况下,就直接进行了广播,并且自动关闭了socket连接,

时间紧迫,抓耳挠腮,遂引用了socket-io(基于小程序的websocket仿写的socket-io,并非官方的socket-io,传送门),使用方法:

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

2、然后 npm install wxapp-socket-io

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

  1. const io = require('../utils/io.js')
  2. let url = 'wss://......'
  3. let wsStatus = false
  4. let onSocket = null
  5. export const connect = function(cb){
  6. if(!onSocket){
  7. onSocket = io(url)
  8. onSocket.on('connect', function (res) {
  9. cb(true,onSocket)
  10. wsStatus = true
  11. })
  12. setTimeout(function(){
  13. if(!wsStatus){
  14. cb(false,onSocket)
  15. }
  16. },10000)
  17. }else{
  18. cb(true,onSocket)
  19. }
  20. }

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

  1. let openSocket = require('../../config/socket')
  2. let app = getApp()
  3. let socket = null
  4. Page({
  5. data: {
  6. 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]]
  7. },
  8. onLoad: function () {
  9. let that = this;
  10. //socket调用
  11. openSocket.connect(function (status, ws) {
  12. if (status) {
  13. socket = ws
  14. this.subscribe('zl')//对封装好对订阅方法进行调用
  15. socket.on('broadcast', function (msg) {//广播
  16. console.log("broadcast");
  17. console.log(msg);
  18. })
  19. } else {
  20. alert("socket 连接失败")
  21. }
  22. });
  23. },
  24. subscribe: function (type) {
  25. if (socket) {
  26. let eis = this.data[type]
  27. if (eis && eis.length > 0) {
  28. let param = {//仅供参考,根据接口自行更改
  29. eis: eis.join(',')
  30. }
  31. socket.emit('subscribe', JSON.stringify(param));
  32. }
  33. }
  34. }
  35. });

相关案例查看更多