小程序直播項目开发流程

点击登录功能,创建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进行链接,把商品信息推送到直播间。
以上两步用来在直播间获取上架的商品。
接下来是购买商品触发的事件与广播

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【开源】基于JAVA的房屋出售出租系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 房屋销售模块2.2 房屋出租模块2.3 预定意向模块2.4 交易订单模块 三、系统展示四、核心代码4.1 查询房屋求租单4.2 查询卖家的房屋求购单4.3 出租意向预定4.4 出租单支付4.5 查询买家房屋销售交易单 五、免责说明 一、摘…

单片机学习笔记---定时器计数器(含寄存器)工作原理介绍(详解篇1)

目录 51内部定时计数器概述 定时器和计数器概念的区分 定时计数器的结构框图 定时计数器的控制字 M1和M0工作方式选择位的四种工作方式 总结 51内部定时计数器概述 先概述一下,51内部是有两个16位的定时计数器,这个16位指的是它定时计数的常数是1…

4秒读取50w行Excel数据

4秒读取50w行Excel数据 文章比较了几种常用的读取Excel的方法,最终发现rust库Calamine的速度最快,可以在4秒内读取50w行excel数据。 原文:Fastest Way to Read Excel in Python:https://hakibenita.com/fast-excel-python 我们在…

React16源码: React中处理LegacyContext相关的源码实现

LegacyContext 老的 contextAPI 也就是我们使用 childContextTypes 这种声明方式来从父节点为它的子树提供 context 内容的这么一种方式遗留的contextAPI 在 react 17 被彻底移除了,就无法使用了那么为什么要彻底移除这个contextAPI的使用方式呢?因为它…

openGauss学习笔记-209 openGauss 数据库运维-常见故障定位案例-共享内存泄露问题

文章目录 openGauss学习笔记-209 openGauss 数据库运维-常见故障定位案例-共享内存泄露问题209.1 共享内存泄露问题209.1.1 问题现象209.1.2 原因分析209.1.3 处理方法 openGauss学习笔记-209 openGauss 数据库运维-常见故障定位案例-共享内存泄露问题 209.1 共享内存泄露问题…

【Web前端实操18】粘性定位——即固定顶层内容,可以继续滚动,但是顶层内容固定,不随着一起滚动

粘性定位 1、了解 可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。粘性定位是指网页或移动应用程序中的一种特性,即当用户滚动页面时,某个元素能够保持在屏幕上特定位置不动,直到用户滚动到达一定位置或进行特定操作。这个特性可…

Qt无边框窗口拖拽和阴影

先看下效果: 说明 自定义窗口控件的无边框,窗口事件由于没有系统自带边框,无法实现拖拽拉伸等事件的处理,一种方法就是重新重写主窗口的鼠标事件,一种时通过nativeEvent事件处理。重写事件相对繁琐,我们这里推荐nativeEvent处理。注意后续我们在做win平…

2.3_8 多生产者-多消费者问题

2.3_8 多生产者-多消费者问题 实现思路 semaphore mutex1; //实现互斥访问盘子(缓冲区) semaphore apple0; //盘子中有几个苹果 semaphore orange0; //盘子中有几个橘子 semaphore plate 1; //盘子中还可以放多少个水果dad(){while(1){准备一个苹果;P(plate);P(mutex);把苹果放…

网络相关知识

关于作者:CSDN内容合伙人、技术专家, 从零开始做日活千万级APP。 专注于分享各领域原创系列文章 ,擅长java后端、移动开发、商业变现、人工智能等,希望大家多多支持。 目录 一、导读二、概览三、相关工具3.1 network profiler/ In…

休息日的思考与额外题——链表

文章目录 前言链表知识点 一、 92. 反转链表 II二、21. 合并两个有序链表总结 前言 一个本硕双非的小菜鸡,备战24年秋招,计划二刷完卡子哥的刷题计划,加油! 二刷决定精刷了,于是参加了卡子哥的刷题班,训练…

构建知识图谱:从技术到实战的完整指南

目录 一、概述二、知识图谱的基础理论定义与分类核心组成历史与发展 三、知识获取与预处理数据源选择数据清洗实体识别 四、知识表示方法知识表示模型RDFOWL属性图模型 本体构建关系提取与表示 五、知识图谱构建技术图数据库选择Neo4jArangoDB 构建流程数据预处理实体关系识别图…

详谈掼蛋两大类牌型

掼蛋中的10种牌型,总体上可以分为炸弹牌型系列和普通牌型两大类。炸弹牌型系列包括天王炸、同花顺和多头炸3大类;普通牌型系列包括单张、对子、三同张、三带二、顺子、三连对、连三张等7种牌型。 一、两类牌型的区别 炸弹牌型系列和普通牌型系列两大类有…

信创条件下的运维思考-驱动数字化转型,塑造企业未来之篇章

2024-01-14 12:59 发布于:山西省 运维信创:驱动数字化转型,塑造企业未来之篇章 随着信息技术的迅猛发展,数字化转型已成为企业生存和发展的必由之路。在数字化转型的过程中,运维作为企业IT的重要组成部分&#xff…

【安装指南】HBuilder X 下载、安装详细教程

目录 🌺1. 概述 🌻2. HBuilder X 安装包下载 🌼3. 安装详细教程 🌺1. 概述 HBuilder X 是一款由DCloud开发的基于Electron框架的集成开发环境(IDE),主要用于Web和移动应用程序的开发。以下是…

【自媒体实战】——公众号排版工具调研

公众号排版工具 壹伴 地址:https://yiban.io/ 网站 壹伴 (https://yiban.io/) 主要提供一个高效的微信编辑器,专门服务于公众号运营者。它包括了一系列工具和功能,旨在帮助用户更便捷地进行文章排版、图片编辑、素材寻找和消息回复等操作。…

web渗透测试-Server2225-(环境+解析)

1、访问目标IP,打开第1题,根据页面提示,将获取的flag提交。提交格式:flag{xxx}(提交花括号里面的字段) 给出了如上代码,很明显,flag在flag.php文件内。 REQUEST方法既可以接受GET方法,也可以接受POST方法,方便起见,我们选择GET方法。 eval函数 eval() 函数把字符串…

如何实现无公网ip远程SSH连接家中本地的树莓派

文章目录 如何通过 SSH 连接到树莓派步骤1. 在 Raspberry Pi 上启用 SSH步骤2. 查找树莓派的 IP 地址步骤3. SSH 到你的树莓派步骤 4. 在任何地点访问家中的树莓派4.1 安装 Cpolar4.2 cpolar进行token认证4.3 配置cpolar服务开机自启动4.4 查看映射到公网的隧道地址4.5 ssh公网…

防御保护第四次作业

防火墙的智能选路 就近选路 --- 我们希望在访问不同运营商的服务器是,通过对应运营商的链路。这样可以高 通信效率,避免绕路。 策略路由 -- PBR 传统的路由,仅基于数据包中的目标IP地址查找路由表。仅关心其目标,所以&#…

大模型:合成数据、安全挑战与知识注入

在如今这个快速发展的AI时代,大语言模型(LLM)的研究论文数量呈指数级增长,几乎到了人力无法一一阅读和消化的地步。然而,对这些研究成果的归纳和总结至关重要,因为它们描绘了LLM领域的未来发展轮廓。在近期…

变相体罚学生包括什么

有时候由于种种原因,一些老师可能会采用变相体罚的方式来对待学生,不仅会伤害学生的身心健康,还会影响学生的学习积极性和成绩。什么是变相体罚呢? 变相体罚是指不采用直接的身体惩罚方式,而是采用其他方式来惩罚学生…