正在阅读：如何在微信小程序中使用视频应用场景呢？如何在微信小程序中使用视频应用场景呢？

　　对于怎么在微信小程序使用视频应用场景?还不明白的朋友们，一起来看看小编为大家准备的这篇教程吧。

　　微信小程序框架具备丰富的wxml/wxss/jsapi以及配套的文档帮助开发者快速地搭建时下热门的视频类应用，微信小程序框架主要提供了客户端的解决方案，但构建完整的视频类应用必须要有配套的云端支持，其中最为重要的是流媒体转码集群和流媒体播放服务集群。腾讯云作为专业的云服务提供商，汇聚腾讯强大的视频处理能力，具备一站式的视频点播/直播能力，可以为视频类小程序提供专业可靠的云端视频解决方案，使得开发者可以节省实现基础视频服务能力的成本，只专注于业务需求的开发。

　　部署和运行

　　整体架构

　　1.准备域名和证书

　　2.Nginx和Node代码部署

　　3.配置HTTPS

　　4.域名解析

　　5.开通点播服务

　　6.准备云数据库MySQL

　　7.启动新片预告示例Node服务

　　8.启动新片预告Demo

　　主要功能实现

　　获取视频列表、展示评论、提交评论

　　播放视频

　　新片预告是结合腾讯云点播VOD和云数据库MySQL制作的一个微信小程序示例。在代码结构上包含如下两部分：

　　app:新片预告应用包代码，可直接在微信开发者工具中作为项目打开

　　server:搭建的Node服务端代码，作为服务器和app通信，提供CGI接口示例用于拉取云数据库上的视频列表、评论列表，将评论数据提交到云数据库

　　新片预告主要功能如下：

　　支持分页滚动加载视频列表

　　点击海报跳转至详情页播放视频

　　对视频进行评论

　　展示视频的评论列表

　　部署和运行

　　拿到了本小程序源码的朋友可以尝试自己运行起来。

　　整体架构

　　1.准备域名和证书

　　在微信小程序中，所有的网路请求受到严格限制，不满足条件的域名和协议无法请求，具体包括：

　　只允许和在MP中配置好的域名进行通信，如果还没有域名，需要注册一个。

　　网络请求必须走HTTPS协议，所以你还需要为你的域名申请一个SSL证书。

　　腾讯云提供域名注册和证书申请服务，还没有域名或者证书的可以去使用

　　域名注册好之后，可以登录微信公众平台配置通信域名了。

　　注意：需要将www.qcloud.la设置为上面申请的域名

　　2.Nginx和Node代码部署

　　小程序服务要运行，需要进行以下几步：

　　部署Nginx，Nginx的安装和部署请大家自行搜索(注意需要把SSL模块也编译进去)

　　配置Nginx反向代理到http://127.0.0.1:9994

　　Node运行环境，可以安装NodeV6.6.0

　　部署server目录的代码到服务器上，如/data/release/qcloud-applet-video

　　使用npminstall安装依赖模块

　　使用npminstallpm2-g安装pm2

　　上述环境配置比较麻烦，新片预告的服务器运行代码和配置已经打包成腾讯云CVM镜像，推荐大家直接使用。

　　镜像部署完成之后，云主机上就有运行WebSocket服务的基本环境、代码和配置了。

　　腾讯云用户可以免费领取礼包，体验腾讯云小程序解决方案。

　　镜像已包含所有小程序的服务器环境与代码，需要体验小程序的朋友无需重复部署

　　3.配置HTTPS

　　镜像中已经部署了nginx，需要在/etc/nginx/conf.d下修改配置中的域名、证书、私钥。

　　配置完成后，即可启动nginx。

　　nginx

　　复制代码

　　4.域名解析

　　我们还需要添加域名记录解析到我们的云服务器上，这样才可以使用域名进行HTTPS服务。

　　在腾讯云注册的域名，可以直接使用云解析控制台来添加主机记录，直接选择上面购买的CVM。

　　解析生效后，我们在浏览器使用域名就可以进行HTTPS访问。

　　5.开通点播服务

　　新片预告示例的播放资源是存储在腾讯云点播上的mp4文件，要使用点播服务，需要登录点播管理控制台，然后在其中完成以下操作：

　　上传视频资源，点播几乎支持所有主流的视频格式上传

　　转码成功后获取mp4或m3u8源地址

　　目前微信小程序video组件经测试支持mp4和m3u8格式，其中m3u8格式只能在手机上使用，开发者可以使用腾讯云点播控制台将视频源转码成mp4或m3u8格式，并且腾讯云点播会对播放的资源进行CDN加速。

　　6.准备云数据库MySQL

　　示例中拉取的视频和评论列表都是存储在云数据库上，要使用云数据库服务需要完成以下操作

　　购买，注意购买的云数据库需要与云服务器同在一个地域分区

　　初始化流程，本示例选用的是utf8编码

　　点击云数据库控制台操作栏的登录按钮，登录到phpMyAdmin创建数据库并在当前数据库中导入本示例中的SQL文件

　　注意：导入SQL文件中包含了点播上传的视频列表，开发者可以基于云数据库自行开发维护一个视频发布管理系统，因为此内容跟本示例暂不相关，所以不再详述。

　　7.启动新片预告示例Node服务

　　在镜像中，新片预告示例的Node服务代码已部署在目录/data/release/qcloud-applet-video下：

　　进入该目录：

　　cd/data/release/qcloud-applet-video

　　复制代码

　　在该目录下有个名为config.js的配置文件(如下所示)，按注释修改对应的MySQL配置：

　　module.exports={

　　//Node监听的端口号

　　port:'9994',

　　ROUTE_BASE_PATH:'/applet',

　　host:'填写开通MySQL时分配的内网IP',

　　user:'填写MySQL用户名',

　　password:'填写MySQL密码',

　　database:'填写上一步中创建的MySQL数据名',

　　};

　　复制代码

　　示例使用pm2管理Node进程，执行以下命令启动node服务：

　　pm2startprocess.json

　　复制代码

　　8.启动新片预告Demo

　　在微信开发者工具将新片预告应用包源码添加为项目，并把源文件config.js中的通讯域名修改成上面申请的域名。

　　然后点击调试即可打开新片预告Demo开始体验。

　　主要功能实现

　　获取视频列表、展示评论、提交评论

　　通过node的mysql模块连接mysql，进行查询，插入操作

　　以下是查询评论列表的示例代码

　　constmysql=require('mysql');

　　constconfig=require('///config');

　　letvid=this.req.query.vid;

　　if(!vid){

　　this.res.json({code:-1,msg:'failed',data:{}});

　　return;

　　}

　　//CDBMysql配置

　　letconnection=mysql.createConnection({

　　host:config.host,

　　password:config.password,

　　user:config.user,

　　database:config.database

　　});

　　//开启数据库连接

　　connection.connect((err)=>{

　　if(err){

　　this.res.json({code:-1,msg:'failed',data:{}});

　　}

　　});

　　//查询列表

　　connection.query('SELECT*fromcommentwherevid=?orderbyiddesc',[vid],(err,result)=>{

　　if(err){

　　this.res.json({code:-1,msg:'failed',data:{}});

　　return;

　　}

　　this.res.json({

　　code:0,

　　msg:'ok',

　　data:result,

　　});

　　});

　　//查询完后关闭连接

　　connection.end();

　　复制代码

　　播放视频

　　复制代码