vivo小游戏sdk对接 Laya(5分钟掌握)

vivo云测
vivo小游戏开发
视频演讲稿

laya教程-对接vivo平台(10分钟掌握)

演讲稿:

本节内容讲的是：Laya引擎对接vivo平台

讲解顺序依次是SDK对接，安装vivo发布环境，测试流程

开发环境:
LAYA版本2.5,ts语言

对接的是官方自带的2d项目

打开视频案例

我们在母板上添加了1个按钮，分数翻倍

sdk功能点：
banner广告，激励视频，插屏广告，原生广告

首先为项目增加TS广告库

导入ui资源和ui场景（原生广告需要）

打开原生广告场景做讲解

banner广告

游戏运行，和游戏结束时进行打开banner广告

GameControl.ts

onEnable() 和 stopGame() 输入以下代码

BannerAndVideo1.OpenBanner(this, null);

原生和插屏广告
stopGame()增加代码
//原生广告（模仿插屏）
BannerAndVideo1.OpenNavAd();

        //插屏广告//由于商务采用了原生替代插屏，所以并没有插屏广告可以显示// BannerAndVideo1.CreateInterstitialAd();

真机运行结果

游戏开始时清除广告组件
startGame()
//sdk
BannerAndVideo1.Clear();

激励视频，分数翻倍
gameui.ts
scoreMul2Click()
BannerAndVideo1.ShowVideo(this, this.onvideoEnd)

onvideoEnd(isok) {console.log(this);if (isok) {Platform.ShowToast('奖励X2');this._score *= 2;this.scoreLbl.changeText("分数：" + this._score);}elsePlatform.ShowToast('看完视频才有奖励');
}

进行视频演示最后结果

进行真机演示

进行广告组件的讲解

开发者文档
http://minigame.vivo.com.cn/documents/#/api/

为了能在真机能成功测试，开发者务必准备好广告ID

框架处理了什么问题？

低版本调用高版本API做了忽略处理
原生广告加载队列处理，异步加载处理等，最终封装成高层简单的API
简单来说，框架抹平了一切需要处理的常见问题

讲解游戏发布问题

发布时需要安装vivo发布环境

全局安装 nodejs-8.9.0 或以上版本

通过命令行安装
npm install -g @vivo-minigame/cli

由于默认情况是国外服务器，所以往往会安装失败

可以通过梯子，或者设置为国内服务器再进行安装

npm config set registry https://registry.npmjs.org/

安装成功后的样子

讲解游戏测试方法

真机测试：

手机需要安装小游戏调试工具
https://minigame.vivo.com.cn/documents/#/download/debugger
保证手机和电脑在同一局域网

发布用手机扫码即可，电脑上也会自动打开chrome浏览器，方便查看调试信息

对于没有真机的开发者，可以使用VIVO提供的远程真机平台

https://vcl.vivo.com.cn/#/quick/picking

LAYA对接VIVO小游戏到这里就讲解完毕

课程资料可在进Q群下载
感谢观看