保利威观直播看页SDK 官方VUE开源项目 polyv-web-live-watch-sdk

一、安装：node、npm 

二、下载源码

polyv-web-live-watch-sdk: 保利威直播观看 SDK

官方文档：保利威帮助中心

三、本地测试：进入项目根目录

查看是否安装必要的环境

npm ci #安装依赖，如果 CI 失败，请试一下 npm ci --no-cache --registry=https://registry.npmmirror.com/
npm run dev #启动项目

执行完成后，就可以在浏览器打开 http://localhost:15020/index.html?channelId={channelId} 来访问页面

四、上传到服务器：静态构建和部署

如果只需要简单上传代码到服务器后就能完成部署，那可以执行以下命令

npm run build-static

• 执行完成后，源码会构建输出到 dist-static 文件夹中，只要将该文件夹上传到服务器即完成部署
• 如果需要本地预览，可以启动一个 HTTP 服务器来访问 dist-static 文件夹

4.1 TP框架项目：dist-static 文件夹中上传到public的weblivewatch文件夹下：

浏览：

https://test.xxx.com/weblivewatch/?channelId=53000083

同时必须加上用户权限认证，不然谁都可以看了

4.2 只需要在保利威后台中设置就可以了

项目就会自动要验证，如果设置了不见拦截，清空浏览器缓存，或者换一个完全没有打开网址的浏览器，又或者把浏览器用无痕模式来浏览

五、用户权限认证处理

5.1 控制器(user_play_auth)方法：假设在保利威后台中填写www.xxx.com/api/user_play_auth

  public function user_play_auth()
  {
    return json(\app\services\LiveModel::UserLiveWatchAuth(input('param.'))); 
  }

UserLiveWatchAuth()返回数组参数： 官方教程：保利威帮助中心