小程序使用socket发送信息

由于最近的一个作业。然后又是想用小程序来做一个应用,所以就用到了socket,但小程序本身不能使用socket,所以就得借助别人写好的插件来用了。
这里我提供一下俩个js包。
要下载一个weapp.socket.io
链接:https://pan.baidu.com/s/1gOBvnROciMQdl50bZQ9aZg
提取码:5k4t
复制这段内容后打开百度网盘手机App,操作更方便哦

接下来
创建一个socket.io.js的一个文件

const io = require("./weapp.socket.io/lib/weapp.socket.io");  // 引入 socket.io
const App = getApp();

let wsStatus = false;
let onSocket = null;
onSocket = io("http://10.248.124.212:7001", { transports: ['websocket'] })// 连接 socket

export const connect = function (cb) { 

  if (!onSocket) {
    onSocket.on('connect', function (res) { // 监听socket 是否连接成功
      cb(true, onSocket)
      wsStatus = true
    })

    // onSocket.on('login', function (res) {
    //   console.log(res)
    // })
    
    setTimeout(function () { // 超时10秒,返回false
      if (!wsStatus) {
        cb(false, onSocket)
      }
    }, 10000)
    
  } else {
    cb(true, onSocket)
  }
}

如果没有真实的https地址,可以利用局域网的ip连接噢。这里要小心好配置。不然是连接不要的。
这样的话就可以使用socket发消息了。
这里是我的一个页面使用socket的代码


// pages/jiankong/jiankong.js
const socket = require("../../utils/socket.io");
// let time;
import {gettoken} from '../../server/home'
const qiniuUploader = require('../../server/qiniuUploader')
let tokens = ''
Page({

  /**
   * 页面的初始数据
   */
  data: {
    wss: null,
    sc:'',
    token:'VdtmXOmlDX4Xvfs5bo-6wgMagqpPliJy6paK05em:KSvTI3t2K…zY29wZSI6InRlbXdvIiwiZGVhZGxpbmUiOjE2MjI3MDk0ODF9'
  },
  onLoad: function (options) {
    **socket.connect((status,ws)=>{
      this.data.wss = ws
      if(status){
        console.log('00000')
        ws.on('res',(data)=>{
          console.log(data)
        })
      }
    })**
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    setInterval(()=>{
      this.geturl()
    },40000)
    const context = wx.createCameraContext()
    var that = this;
    let token = tokens
    context.startRecord({
      success:res=>{
       console.log('asdsadsadasdsad')
        console.log(res)
        wx.request({
          url: 'http://10.248.124.212:7001/index',
          success:res=>{
            token = res.data
          }
        })
      },
      timeoutCallback:path=>{
        console.log(path)
        var that = this;
        qiniuUploader.upload(path.tempVideoPath, (res) => {
          that.data.wss.emit('chat',{'time':Date.now(),'url':res.imageURL})
        }, (error) => {
          console.log('error: ' + error);
        }, {
            region: 'ECN',                         // 华东区
            uploadURL: 'https://up-z0.qiniup.com/',
            domain: 'http://qu46qzwiy.hd-bkt.clouddn.com' + '/',
            uptoken: token, // 由其他程序生成七牛 uptoken
          });
      },
    })
  },
  geturl(){
    const context = wx.createCameraContext()
    var that = this;
    let token = tokens
    context.startRecord({
      success:res=>{
       console.log('asdsadsadasdsad')
        console.log(res)
        wx.request({
          url: 'http://10.248.124.212:7001/index',
          success:res=>{
            token = res.data
          }
        })
      },
      timeoutCallback:path=>{
        console.log(path)
        var that = this;
        qiniuUploader.upload(path.tempVideoPath, (res) => {
          that.data.wss.emit('chat',{'time':Date.now(),'url':res.imageURL})
        }, (error) => {
          console.log('error: ' + error);
        }, {
            region: 'ECN',                         // 华东区
            uploadURL: 'https://up-z0.qiniup.com/',
            domain: 'http://qu46qzwiy.hd-bkt.clouddn.com' + '/',
            uptoken: token, // 由其他程序生成七牛 uptoken
          });
      },
    })
  },
  click(){
    
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值