微信小程序直播如何开发?只需两步,引入直播组件和调用服务端接口

微信小程序直播如何开发如果你想在微信小程序中实现直播功能,你可能会遇到以下问题:

  • 如何获取直播房间列表和直播状态?
  • 如何跳转到直播间或在小程序内嵌入直播?
  • 如何发起预约或订阅直播?
  • 如何管理直播间和商品?

这些问题看起来很复杂,但其实有一个简单的解决方案:使用微信官方提供的小程序直播组件和服务端接口。

小程序直播组件和服务端接口是微信官方提供的商家经营工具,可以帮助你在小程序中实现直播互动和商品销售闭环。你只需要按照以下步骤,就可以在你的小程序中引入直播组件并调用相关接口,实现直播功能。

引入直播组件

要引入直播组件,你需要在你的项目根目录的 app.json 文件中配置 live-player-plugin 代码包,并填写该组件的版本号和提供者 appid。你可以在微信开放文档中查看该组件的最新版本号和提供者 appid。

你可以选择在主包或分包内引入该组件,具体的配置方法如下:

(1) 主包引入

"plugins": {  "live-player-plugin": {    "version": "1.3.0", // 注意填写该直播组件最新版本号    "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid  } }

复制

(2) 分包引入

"subpackages": [  {    "plugins": {      "live-player-plugin": {        "version": "1.3.0", // 注意填写该直播组件最新版本号        "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid      }    }  } ]

复制

使用直播组件

引入了直播组件后,你就可以使用它提供的一系列接口和功能,包括:

  • 获取视频号或小程序直播房间列表和状态
  • 跳转到视频号或小程序直播间或在小程序内嵌入直播
  • 发起预约或订阅视频号或小程序直播
  • 获取用户 openid 参数和分享卡片链接参数
  • 关闭小窗模式

具体的使用方法如下:

(1) 获取视频号或小程序直播房间列表和状态

你可以通过 wx.getChannelsLiveInfo 接口获取视频号或小程序直播房间的信息,包括房间 id、状态、主题、头像昵称等。你需要传入视频号 id(finderUserName 参数)或小程序 id(appId 参数),以及起止时间(startTime 和 endTime 参数)来获取指定时间段内的全部直播信息。其中正在直播或最近一场的直播信息会直接在出参中返回,其余直播信息会在 otherInfos 中以列表形式返回。

(2) 跳转到视频号或小程序直播间或在小程序内嵌入直播

你可以通过 wx.openChannelsLive 接口跳转到视频号或小程序的直播间,也可以通过 channel-live 组件在小程序中展示视频号或小程序的直播封面。你需要传入视频号 id(finderUserName 参数)或小程序 id(appId 参数),以及房间 id(feedId 参数)来跳转到指定的直播间。不同的直播状态,跳转至视频号或小程序的承接页有所不同,具体如下:

  • 直播未开始:上一场直播的结束页
  • 直播中:直播页面
  • 直播已结束(无回放):直播结束页
  • 直播已结束(有回放):回放页面

(3) 发起预约或订阅视频号或小程序直播

你可以通过 wx.getChannelsLiveNoticeInfo 接口获取视频号或小程序直播的预告信息,包括预告 id(noticeId 参数)。你需要传入视频号 id(finderUserName 参数)或小程序 id(appId 参数)来获取指定的预告信息。若当前没有可预约的直播预告,将返回失败。

获取预告信息后,你可以通过 wx.reserveChannelsLive 接口唤起预约弹窗,用户可以进行预约操作。成功唤起弹窗即为接口调用成功,通过 state 可以获取用户具体操作行为,具体如下:

  • state = 1,正在直播中,用户点击“取消”拒绝前往直播
  • state = 2,正在直播中,用户点击“允许”前往直播
  • state = 3,预告已取消
  • state = 4,直播已结束
  • state = 5,用户此前未预约,在弹窗中未预约直播直接收起弹窗
  • state = 6,用户此前未预约,在弹窗中预约了直播
  • state = 7,用户此前已预约,在弹窗中取消了预约
  • state = 8,用户此前已预约,直接收起弹窗
  • state = 9,弹窗唤起前用户直接取消
  • state = 10,直播预约已过期

(4) 获取用户 openid 参数和分享卡片链接参数

你可以通过 wx.getOpenid 接口获取用户 openid 参数,在直播组件版本 1.3.0 及以上版本支持。你需要传入视频号 id(finderUserName 参数)或小程序 id(appId 参数)来获取指定的 openid 参数。

你可以通过 wx.getShareParams 接口获取分享卡片链接参数,在直播组件版本 1.3.0 及以上版本支持。你需要传入视频号 id(finderUserName 参数)或小程序 id(appId 参数),以及房间 id(feedId 参数)来获取指定的分享卡片链接参数。你可以根据这些参数建立用户、直播间、商品之间的映射关系。

(5) 关闭小窗模式

你可以通过 close_picture_in_picture_mode 参数设置是否关闭小窗模式,在直播组件版本 1.3.0 及以上版本支持。你需要传入视频号 id(finderUserName 参数)或小程序 id(appId 参数),以及房间 id(feedId 参数)来设置指定的小窗模式。

调用服务端接口

除了使用直播组件外,你还可以调用服务端接口来管理你的小程序直播间和商品。服务端接口包括:

  • 创建直播间
  • 获取直播房间列表
  • 获取回放源视频
  • 往指定直播间导入已入库商品
  • 商品添加并提审
  • 撤回商品审核
  • 重新提交商品审核
  • 删除商品
  • 更新商品
  • 获取商品状态
  • 获取商品列表

具体的调用方法和参数说明,请参考微信开放文档中的服务端接口章节。

注意事项

在使用小程序直播组件和服务端接口时,你还需要注意以下事项:

  • 需要用户触发跳转或预约操作,不能无节制地调用接口。
  • 需要遵守微信小程序平台运营规范和接口调用频率规范。
  • 需要保证小程序与视频号或小程序的主体相同或为关联主体。
  • 需要保证微信客户端版本和基础库版本不低于要求。
  • 需要在真机上进行调试,开发者工具暂不支持此能力。

微信小程序直播如何开发?答案是:使用微信官方提供的小程序直播组件和服务端接口。这样,你就可以在你的小程序中实现直播互动和商品销售闭环。这样,你就可以在你的小程序中实现直播互动和商品销售闭环,提高用户的参与度和转化率,增加你的收入和品牌影响力。

2023-08-19 09:10:41
飞飞杨
精选文章  ·
红数科技www.hongshu18.com是一家专业从事小程序开发、APP开发、物联网开发、软件开发的公司,致力于为客户提供高效、便捷、智能的解决方案。我们的产品涵盖了各个领域,如教育、医疗、金融、娱乐、社交等,满足了不同用户的需求和喜好。欢迎和我们联系,共同打造您的梦想产品。
增加用户粘性:良好的交互设计和用户界面,让用户感到舒适和愉悦,从而增加用户的使用频率和时长,提高用户的忠诚度和满意度。
扩大用户规模:强大的推广能力和社交属性,用户可以通过分享、邀请、评论等方式传播你的服务,吸引更多新用户,扩大用户的规模和影响力。
提高用户收益:优秀的功能和性能,用户可以通过你的服务获得更多的价值和利益,从而增加用户的消费意愿和支付能力,提高用户的收益和回报。
红数科技高端定制化
      声明:红数科技产品、服务、问答、文章如需转载请注明原创来源。本站部分产品、问答、文章和图片来源网络编辑,如存在版权问题请及时沟通处理。内容观点仅代表作者本人,不代表红数科技立场。请在线咨询获取最新产品、服务、价格、时间
热门 文章
热门问答

最新产品

红数科技教育培训小程序是一款针对教育培训机构的专业解...
婚庆小程序是一款专业的婚庆服务平台,可以帮助您打造属...
红数科技小程序开发服务是一项由深圳市红数科技信息有限...
社区电商小程序是一款专业的社区电商解决方案,可以帮助...
健身运动小程序是一款专业的健身服务平台,可以帮助您实...
直播带货小程序由红数科技提供,拥有多年的小程序开发经...

最新问答

微信答题小程序是一种可以让用户或...
uniapp微信小程序商城系统是...
很多人想要在微信上制作一个自己的...
餐饮门店小程序开发是指利用微信、...
餐饮微信小程序是一种基于微信平台...
如果你想在微信上开设自己的电商店...

重点业务

企业官网建设

专业定制设计

企业网络推广

保障方向和效果

小程序定制开发

高质量,高性能

APP物联网软件开发

美观易用,功能强大

商业计划书代写

知识深厚,策划分析

网络营销方案策划

策略设计,精准效果

多一份方案参考,会有惊喜
联系红数科技,免费获得专属《项目方案》及报价
您的需求,是我们前进最大的动力