直播下半场：如何利用小程序电商直播？

如今，在数字时代的浪潮下，通过在直播中展示产品、与观众互动，以及实时解答疑问，可以为顾客带来全新的购物体验。不容忽视的是，直播电商的红利正在慢慢消散。导致这一变化的根本原因，在于选品的逻辑改变了，不再以低价为卖点，一昧追求快速变现，而是以慢直播、慢种草、长线收割来徐徐图之。并且时至今日，直播电商贩卖的已不仅是商品，更是差异化的内容。

在直播行业如火如荼的当下，越来越多的企业选择发展自己的直播平台，或者希望在原有的app中上架音视频、直播功能。开发一个直播功能难易程度如何呢？

直播难：要想把直播从零开始做出来，技术难度还是很高的，因为直播中运用到的技术难点非常之多，视频/音频处理，图形处理，视频/音频压缩，CDN分发，即时通讯等技术，每一项技术都非常专业。

直播易：好在当下各个领域的大牛，已经封装好了许多牛逼的框架，我们只需要用别人写好的框架，就能快速的搭建一个直播app，也就是传说中的站在大牛肩膀上编程。

如何才能简单便利的搭建一个直播平台呢？以下用开发者在 FinClip 小程序中实现视频通话及互动直播等功能举例：

准备开发环境

1、请确保本地已安装微信开发者工具

2、请确保有一个支持 live-pusher 和 live-player 组件的微信公众平台账号。只有特定行业的认证企业账号才可使用这两个组件。详情查看FinClip文档中心：https://www.finclip.com/mop/document/develop/component/media.html#live-pusher

3、请确保在微信公众平台账号的开发设置中，给予以下域名请求权限：

• https://miniapp.agoraio.cn
• https://uni-webcollector.agora.io
• wss://miniapp.agoraio.cn

4、若使用的是1.1.2 BETA后的版本，则需要额外添加以下域名

• https://miniapp-1.agoraio.cn
• https://miniapp-2.agoraio.cn
• https://miniapp-3.agoraio.cn
• https://miniapp-4.agoraio.cn

运行示例程序

• 在 FinClip 与 Agora.io 注册账号，并创建自己的测试项目，获取 App ID。如需获取 Token 或 Channel Key，请启用 App Certificate

• 下载本页示例程序

• 打开 utils 文件夹，在 config.js 文件中填入获取到的 App ID：

   const APPID = 'abcdefg'
  

• 下载 Agora Miniapp SDK，并将 SDK 重新命名为 “mini-app-sdk-production.js"

• 将更名后的 "mini-app-sdk-production.js" 文件保存在本示例程序的 lib 文件夹下

• 启动微信开发者工具并导入该示例程序

• 输入频道名，加入频道。邀请你的朋友加入同一个频道，就可以开始视频互通了。

声网的 Native SDK 可以直接与小程序互通。

关于 Token/Dynamic Key

如果启用了 App Certificate，还需要在服务端生成 Token 或 Dynamic Key 用于鉴权。将生成的 Token 或 Dynamic Key 填入如下方法中：

//...

    client.join(<your key/access token here>, channel, uid, () => {

    //...

关于如何生成 Token 或 Dynamic Key 详见 Token 或 Dynamic Key。