小程序直播购物系统开发:从零到一,教你打造自己的小程序直播购物系统

小程序直播购物系统开发你是否想过,如果你的小程序能够实现直播购物的功能,你的销售额会有多大的提升?你是否想过,如果你的小程序能够让用户在观看直播的同时,轻松地下单购买商品,你的转化率会有多高?你是否想过,如果你的小程序能够让用户在直播中与主播和其他用户互动,你的用户粘性会有多强?

如果你对以上问题感兴趣,那么你一定需要了解小程序直播购物系统开发。小程序直播购物系统开发是指利用微信官方提供的小程序直播组件和服务端接口,来实现在小程序中集成直播互动和商品销售的功能。通过小程序直播购物系统开发,你可以为你的小程序增加一个强大的商业工具,提升你的品牌影响力和收入水平。

那么,如何进行小程序直播购物系统开发呢?本文将为你介绍以下几个方面:

  • 小程序直播组件:如何引入和使用微信官方提供的直播组件,实现直播间的展示和功能。
  • 服务端接口:如何调用微信官方提供的服务端接口,实现直播间和商品的管理。
  • 写作规则:如何遵守一些写作规则,提高文章的质量和效果。

小程序直播组件

小程序直播组件是微信官方提供的商家经营工具。通过调用该组件,商家可以在小程序中实现直播互动与商品销售闭环。按照下面的使用说明接入,在你的小程序中引入直播组件即可实现直播功能。

如何引入

版本限制:微信客户端版本 7.0.7 及以上(基础库版本2.9.x及以上支持同层渲染)可以观看直播及使用直播间的功能,低版本刚进入直播间时会提示用户升级微信客户端版本(低版本只能观看直播,无法使用直播间的功能)。

支持在主包或分包内引入【直播组件】 live-player-plugin 代码包(注:直播组件不计入代码包体积),项目根目录的 app.json 引用,示例代码如下:

(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      }    }  } ]

复制

如何使用

按第1步的方法把组件代码包配置引入后,即可直接通过链接地址跳转到直播组件页面(即为进直播间页面)链接地址需要带上直播房间 id;房间 id 可通过下面 获取直播房间列表 API 获取。

示例代码如下:

(1) 使用 navigator 组件跳转进入直播间

// index.js let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取 let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) this.setData({  roomId,  customParams })

复制

<!-- index.wxml --> <navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}"></navigator> // 其中wx2b03c6e691cd7370是直播组件appid不能修改

复制

(2) 使用 navigateTo 方法跳转进入直播间

// index.js let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取 let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) wx.navigateTo({  url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}` }) // 其中wx2b03c6e691cd7370是直播组件appid不能修改

复制

通过该链接可跳转到直播组件页面(当前页面入口仅开放‘live-player-plugin’)。

服务端接口

服务端接口包含直播间接口和商品管理接口。直播间管理接口是小程序直播提供给开发者对直播间进行批量操作的接口能力。开发者可以批量创建直播间,获取回放源视频,获取直播间列表等。商品管理接口是小程序直播提供给开发者对直播商品进行批量操作的接口能力。开发者可以对商品批量进行添加、提审、删除以及更新等操作。

直播间接口

以下是一些常用的直播间接口:

  • 创建直播间:该接口可直接创建直播间,创建成功后直播间将在直播间列表展示。
  • 获取直播房间列表:该接口可获取直播房间列表,包括房间 id、主题、封面图片、主播昵称等信息。
  • 获取回放源视频:该接口可在直播结束后拿到回放源视频,包括视频 url、过期时间等信息。
  • 往指定直播间导入已入库商品:调用此接口往指定直播间导入已入库的商品,导入成功后商品将在该房间的商品列表展示。

商品管理接口

以下是一些常用的商品管理接口:

  • 商品添加并提审:调用此接口上传并提审需要直播的商品信息,审核通过后商品录入【小程序直播】商品库。
  • 撤回商品审核:调用此接口,可撤回直播商品的提审申请,消耗的提审次数不返还。
  • 重新提交商品审核:调用此接口可以对已撤回提审的商品再次发起提审申请。
  • 删除商品:调用此接口,可删除【小程序直播】商品库中的商品,删除后直播间上架的该商品也将被同步删除,不可恢复。
  • 更新商品:调用此接口可以更新商品信息,审核通过的商品仅允许更新价格类型与价格,审核中的商品不允许更新,未审核的商品允许更新所有字段。
  • 获取商品状态:调用此接口可获取商品的信息与审核状态。该接口返回的数据包括商品 id、名称、价格、图片、审核状态、审核结果等。你可以通过该接口查询你提交的商品是否审核通过,以及审核未通过的原因。你也可以通过该接口查看你已经入库的商品的详细信息,方便你进行管理和更新。
更新时间: 2023-08-18 09:10:03
阅读量:
      声明:红数科技产品、服务、问答、文章如需转载请注明原创来源。本站部分产品、问答、文章和图片来源网络编辑,如存在版权问题请及时沟通处理。内容观点仅代表作者本人,不代表红数科技立场。请在线咨询获取最新产品、服务、价格、时间
免费咨询!真诚解答!帮你突破瓶颈!
请联系红数科技,我们将在技术角度免费解答和建议
协助您完善需求,明确方向,不走弯路