您的位置:首页 > 移动开发 > 微信开发

微信小程序利用云开发实现聊天室功能

2020-03-01 03:07 531 查看

相比传统的websoket,提供一种简单的利用腾讯云环境的开发思路

1.配置云开发环境,新建小程序项目的时候后端服务选择云开发,如下图

进入项目后创建云开发环境并将cloudfunctions文件绑定在该环境下(参考https://www.geek-share.com/detail/2753619596.html),具体配置步骤见该链接,

https://www.jianshu.com/p/5df4d51125e3,说的已经很详细了,唯一注意的就是如果电脑没有node环境,需要前往http://nodejs.cn/download/下载,安装好后,在终端中定位到微信小程序目录,输入npm install --save wx-server-sdk@latest完成环境配置

2.修改文档中的代码,并将该模块整合到原项目中

demo中涉及到聊天室的代码为components的chatroom(核心)和pages中的chat,在原有界面的基础上,我加入了一个点击数字触发拨打电话的函数,

[code]    callPhone: function (event) {
console.log("拨打电话")
wx.makePhoneCall({
phoneNumber: event.target.id
})
}

将原demo中底部的样式进行了修改,最终效果如下

  • 点赞
  • 收藏
  • 分享
  • 文章举报
Robin_思源 发布了3 篇原创文章 · 获赞 2 · 访问量 128 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐