由于最近的一个作业。然后又是想用小程序来做一个应用,所以就用到了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 () {
}
})