你是否想过,如果你的小程序能够实现直播购物的功能,你的销售额会有多大的提升?你是否想过,如果你的小程序能够让用户在观看直播的同时,轻松地下单购买商品,你的转化率会有多高?你是否想过,如果你的小程序能够让用户在直播中与主播和其他用户互动,你的用户粘性会有多强?
如果你对以上问题感兴趣,那么你一定需要了解小程序直播购物系统开发。小程序直播购物系统开发是指利用微信官方提供的小程序直播组件和服务端接口,来实现在小程序中集成直播互动和商品销售的功能。通过小程序直播购物系统开发,你可以为你的小程序增加一个强大的商业工具,提升你的品牌影响力和收入水平。
那么,如何进行小程序直播购物系统开发呢?本文将为你介绍以下几个方面:
小程序直播组件是微信官方提供的商家经营工具。通过调用该组件,商家可以在小程序中实现直播互动与商品销售闭环。按照下面的使用说明接入,在你的小程序中引入直播组件即可实现直播功能。
版本限制:微信客户端版本 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’)。
服务端接口包含直播间接口和商品管理接口。直播间管理接口是小程序直播提供给开发者对直播间进行批量操作的接口能力。开发者可以批量创建直播间,获取回放源视频,获取直播间列表等。商品管理接口是小程序直播提供给开发者对直播商品进行批量操作的接口能力。开发者可以对商品批量进行添加、提审、删除以及更新等操作。
以下是一些常用的直播间接口:
以下是一些常用的商品管理接口: