网站建设问答小编今天给大家整合了一篇有关《小程序即时通讯demo》的文章,关于小程序即时通讯demo的详细内容欢迎往下阅读,下面就由小编一一给大家介绍,一起去了解吧!
前段时间写了一个小程序即时聊天demo,仿微信,效果如下:
大家可以自行下载,按照提示运行,就能看到效果;现在只是做了要给基本版的,要做复杂功能,可以继续添加。
发送文字
发送图片(图片可点击放大)
发送拍摄照片 (图片可点击放大)
发送位置 (map组件默认在最顶层,样式控制不了,bug还在修复中...)
发送语音 (包括语音时长,可点击播放)
是基于nodejs-websocket的服务,代码如下:(最基础版)
var ws=require("nodejs-websocket")
// Scream server example: "hi" -> "HI!!!"
//创建一个server
var server=ws.createServer(function (conn) {
console.log("New connection")
conn.on("text", function (str) {
// console.log("Received "+str)
// conn.sendText(str.toUpperCase()+"!!!")
//链接成功之后,发送欢迎语
console.log("连接成功")
//欢迎语
if(str=='null'){
conn.sendText("有什么能帮到您?");
}
//输入文字
else if(str !='null' && str){
conn.sendText("文字")
}
//输入多媒体
else{
conn.sendText("多媒体文本")
}
console.log(str);
})
conn.on("close", function (code, reason) {
console.log("Connection closed")
})
}).listen(8001)
复制代码
在项目根目录下运行 npm run dev 服务就能启动了, 启动之后websorket地址为: ws://localhost:8001
直接看代码,注释都写清楚了
扫二维码与项目经理沟通
我们在微信上24小时为你服务
小蚂蚁微信号: 2067876620
目前,《小程序即时通讯demo》页面仍在完善中,后续将为您提供丰富、全面的关于《小程序即时通讯demo》的最佳回答,小编将持续从百度问答、百度百科、搜狗问答、搜狗百科、微博问答、头条百科、悟空问答、知乎热门问答以及部分合作站点渠道收集和补充完善信息。
深圳蚂蚁网络网站建设公司提供,系统定制,微信开发、小程序定制、微商城开发、网站建设、网站排名优化推广等互联网项目定制开发服务。版权声明:如发现内容存在版权问题,烦请提供相关信息发邮件至3310459304@qq.com,我们将及时沟通与处理。本站内容均来源于网络,涉及言论、版权与本站无关。