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

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

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

进入项目后创建云开发环境并将cloudfunctions文件绑定在该环境下(参考https://blog.csdn.net/qq_39635610/article/details/84256636),具体配置步骤见该链接,

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

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

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

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

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

  • 2
    点赞
  • 39
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值