微信小程序WebSocket实现聊天对话功能_微信小程序webscoket聊天后端java资源-CSDN下载

192 浏览量 2021-01-03 08:56:58 上传评论 1 收藏 50KB PDF 举报

资源推荐

资源详情

资源评论

微信小程序微信小程序WebSocket实现聊天对话功能实现聊天对话功能

本文实例为大家分享了微信小程序WebSocket实现聊天对话功能的具体代码，供大家参考，具体内容如下

js

var app = getApp();

var socketOpen = false;

var frameBuffer_Data, session, SocketTask;

var url = 'ws://请填写您的长链接接口地址';

var upload_url ='请填写您的图片上传接口地址'

Page({

data: {

user_input_text: '',//用户输入文字

inputValue: '',

returnValue: '',

addImg: false,

//格式示例数据，可为空

allContentList: [],

num: 0

},

// 页面加载

onLoad: function () {

this.bottom();

},

onShow: function (e) {

if (!socketOpen) {

this.webSocket()

}

},

// 页面加载完成

onReady: function () {

var that = this;

SocketTask.onOpen(res => {

socketOpen = true;

console.log('监听 WebSocket 连接打开事件。', res)

})

SocketTask.onClose(onClose => {

console.log('监听 WebSocket 连接关闭事件。', onClose)

socketOpen = false;

this.webSocket()

})

SocketTask.onError(onError => {

console.log('监听 WebSocket 错误。错误信息', onError)

socketOpen = false

})

SocketTask.onMessage(onMessage => {

console.log('监听WebSocket接受到服务器的消息事件。服务器返回的消息', JSON.parse(onMessage.data))

var onMessage_data = JSON.parse(onMessage.data)

if (onMessage_data.cmd == 1) {

that.setData({

link_list: text

})

console.log(text, text instanceof Array)

// 是否为数组

if (text instanceof Array) {

for (var i = 0; i < text.length; i++) {

text[i] }

} else {

}

that.data.allContentList.push({ is_ai: true, text: onMessage_data.body });

that.setData({

allContentList: that.data.allContentList

})

that.bottom()

}

})

},

webSocket: function () {

// 创建Socket

SocketTask = wx.connectSocket({

url: url,

data: 'data',

header: {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余5页未读，立即下载

内容反馈

weixin_38624557

粉丝: 8

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip