小程序直播項目开发流程

点击登录功能,创建IM个人账户 以及 创建直播间群组

第一步:需要获取用户唯一的标识openid。 获取流程如下-点击登录按钮-通过wx.getUserProfile这个Api返回的res.userinfo信息获取用户头像昵称等-再通过wx.login的api获取用户的code-使用code再到服务器换取openid,
前端代码如下:
第二步:接下来创建云函数选择web函数:将代码下载下来 然后在本地运行

 搭建完服务端node项目之后。
服务器拿着用户的code,通过微信小程序API的服务获取oppid

接下来我们需要创建IM即时通讯的个人账户了:
 需要 两个API第一个是导入单个账号  第二个是创建群组:

这个api需要的参数
这些参数在创建应用的时候都已经分配了,下面是获取参数的方法

这时候 账号管理就增加一个用户。接下来该创建直播间了。
前端封装创建直播间的方法向后端发起请求

服务端的项目: 

创建直播广场界面:思路图如下:
 

数据库需要返回用户表中所有的数据进行渲染:

将自己的数据显示在最下面

点击开启直播,进入个人直播页面。搭建个人直播页面,同时需要将自己的用户信息,以及房间信息传递过去。可以参数传递,也可以将数据挂载在全局的app上面。这里我们可以使用挂载在全局app上面的方法:
具体的思路: 当我们点击登录按钮获取到用户信息之后,我们通过app.globalData.userInfo存储用户信息,当我们接受到后端返回来的直播间相关的数据的时候通过app.globalData.liveInfo存储与直播间相关的信息,同时也能将服务器返回来的openid,进行存储起来。

### 接下来我们创建属于自己的直播间页面。在这里需要先与SDK进行链接。


接下来是每个用户进入直播间后会触发的方法,同时会收集进入直播间用户的信息。

接下来我们先处理下面输入框的事件, 当内容消息发送出去要向消息列表追加数据,同时也要进行广播告知其他人。
 

 接下来在父组件进行广播 添加消息

接下来点击爱心 点击礼物 点击关注的操作方法都雷同 不再一一进行展示了。
我们再来看一下如何查看当前停留在直播间浏览的人数:

上面是展示直播间人数列表的显示与隐藏 接下来是获取直播间人数,有腾讯云封装好的方法

 接下来将直播间人数渲染在页面中就可以了。
接下来看如何上架商品:封装上架商品的方法

将要上架的商品以及要上架给哪个直播间的id传递给后端,后端通过与腾讯云商品的API进行链接,把商品信息推送到直播间。
以上两步用来在直播间获取上架的商品。
接下来是购买商品触发的事件与广播

##### 最后是直播间的展示:
第一步 先要创建推流与拉流的地址
第二步 在创建直播间的时候将推流拉流地址 保存到服务器中
第三步 创建页面中使用推流与拉流标签 进行判断是主播还是观众

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/438516.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

有哪些好用的洗地机?家用洗地机品牌推荐

洗地机独特的一洗一吸设计带来了卓越的清洁效果。地面上的污渍、垃圾、粉尘都无法抵挡其强大的清洁力,仅需短短几秒钟,家里的地面就能焕然一新,让人感觉仿佛置身于清新宜人的环境中。这种实用性和清洁效果的结合,让洗地机成为智能…

python 基础知识点(蓝桥杯python科目个人复习计划27)

今日复习内容:基础算法中的递归 1.介绍 递归:通过自我调用来解决问题的函数递归通常把一个复杂的大问题层层转化为一个与原问题相似的规模较小的问题来解决 递归要注意:(1)递归出口;(2&#x…

机器学习算法实战案例:使用 Transformer 模型进行时间序列预测实战(升级版)

时间序列预测是一个经久不衰的主题,受自然语言处理领域的成功启发,transformer模型也在时间序列预测有了很大的发展。 本文可以作为学习使用Transformer 模型的时间序列预测的一个起点。 文章目录 机器学习算法实战案例系列答疑&技术交流数据集数据…

使用py-spy对python程序进行性能诊断学习

py-spy简介 py-spy是一个用Rust编写的轻量级Python分析工具,它能够监视正在运行的Python程序,而不需要修改代码或者重新启动程序。Py-spy可以在不影响程序运行的情况下,采集程序运行时的信息,生成火焰图(flame graph&…

springboot131企业oa管理系统

企业OA管理系统 摘要 随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了企业OA管理系统的开发全过程。通过分析企业OA管理系统管理的不足,创建了一个计算机管理企业OA管理系统的方案。文章介绍了企业OA管…

第二百九十五回

文章目录 1. 概念介绍2. 使用方法3. 示例代码4. 内容总结 我们在上一章回中分享了一个好用的Json工具,本章回中将介绍如何处理ListView中的事件冲突.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 在Flutter应用开发中,ListView组件是实…

Redis面试(三)

1.Redis报内存不足怎么处理 Redis内存不足的集中处理方式: 修改配置文件redis.cof的maxmemory参数,增加Redis的可用内存通过命令修改set maxmemory动态设置内存上限修改内存淘汰策略,及时释放内存使用Redis集群,及时进行扩容 2…

LeetCode 热题 100 | 矩阵

目录 1 73. 矩阵置零 2 54. 螺旋矩阵 3 48. 旋转图像 4 240. 搜索二维矩阵 II 菜鸟做题第二周,语言是 C 1 73. 矩阵置零 解题思路: 遍历矩阵,寻找等于 0 的元素,记录对应的行和列将被记录的行的元素全部置 0将被记录的…

VBA技术资料MF112:列出目录中的所有文件和文件夹

我给VBA的定义:VBA是个人小型自动化处理的有效工具。利用好了,可以大大提高自己的工作效率,而且可以提高数据的准确度。我的教程一共九套,分为初级、中级、高级三大部分。是对VBA的系统讲解,从简单的入门,到…

AI 绘画平台难开发,难变现?试试 Stable Diffusion API Serverless 版解决方案

作者:王佳、江昱、筱姜 Stable Diffusion 模型,已经成为 AI 行业从传统深度学习时代走向 AIGC 时代的标志性里程碑。越来越多的开发者借助 stable-diffusion-webui(以下简称 SDWebUI)能力进行 AI 绘画领域创业或者业务上新&#…

树莓派实战应用:基于人脸识别系统

引言: 随着人工智能技术的不断发展,人脸识别技术已经广泛应用于各种场景,如门禁系统、安全监控等。树莓派作为一种功能强大的迷你计算机,也可以用于搭建人脸识别检测系统。 一、项目简介 人脸识别系统是一种基于人工智能技术的身…

面向对象编程(高级)(上)

文章目录 一. 关键字:static1.1 类属性、类方法的设计思想1.2 static关键字1.3 静态变量1.3.1 语法格式1.3.2 静态变量的特点1.3.3 举例1.3.4 内存解析 1.4 静态方法1.4.1 语法格式1.4.2 静态方法的特点1.4.3 举例 1.5 练习 二. 单例(Singleton)设计模式2.1 设计模式…