深圳蚂蚁网络网站建设问答平台

您好,欢迎来到深圳蚂蚁网络问答平台!
致力于提供建站技巧、常见问题等知识问答服务

小程序即时通讯demo

分类:小程序开发 | 浏览: 202次
2021-01-07 14:11:05
回答内容
满意回答
2021-01-07 14:11:05

  网站建设问答小编今天给大家整合了一篇有关《小程序即时通讯demo》的文章,关于小程序即时通讯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


  直接看代码,注释都写清楚了


小程序即时通讯demo

扫二维码与项目经理沟通

我们在微信上24小时为你服务

小蚂蚁微信号: 2067876620


  目前,《小程序即时通讯demo》页面仍在完善中,后续将为您提供丰富、全面的关于《小程序即时通讯demo》的最佳回答,小编将持续从百度问答百度百科搜狗问答搜狗百科微博问答头条百科悟空问答知乎热门问答以及部分合作站点渠道收集和补充完善信息。


  深圳蚂蚁网络网站建设公司提供,系统定制,微信开发、小程序定制、微商城开发、网站建设、网站排名优化推广等互联网项目定制开发服务。版权声明:如发现内容存在版权问题,烦请提供相关信息发邮件至3310459304@qq.com,我们将及时沟通与处理。本站内容均来源于网络,涉及言论、版权与本站无关。

友情链接 友情链接
返回首页
在线咨询
关注微信公众号 微信二维码
咨询热线

18565361016

返回顶部