H5游戏改造流应用指南

传统的H5游戏,只能在浏览器里发行,不能在应用市场发行,也无法自动在桌面留有图标。
这样的H5游戏,体验不足,留存上不去。

流应用不是在浏览器里发行,而是在应用市场发行,在桌面天然有图标,但却也拥有即点即开的特性。
并且运行在流应用里,可以调用操作系统底层的40w api,可实现强大的功能。

下图为在360手机助手搜索传奇世界,可看到流应用的秒开按钮。

流应用为H5游戏提供了什么?
1. 更高效的发行平台和留存率提升
通过DCloud与应用市场的合作,流应用可发行到应用市场里,并基于DCloud的流式发行技术实现秒开,过去App下载、安装、启动这3步被合为一步。
并且自动在桌面留存图标,不像浏览器那样是需要用户操作后才能创建到桌面上。这切实提高了留存率。
2. 联合登陆-提升注册转化率
通过流应用提供的联合登陆机制,可直接完成注册,避免用户注册账户的麻烦,白名单合作厂商还可以直接拿到手机号。
这个机制可以切实提高注册转化率。
以传奇世界H5的运行数据为例,流应用版的角色创建率比各版平均值提升75%。
3. 原生支付控件-提升支付成功率
在流应用平台里可以直接调起支付宝原生支付控件,如果开发商有微信wap支付权限,也可以直接在流应用里使用。
通过更优秀的体验,可以提高支付成功率。
以传奇世界H5的运行数据为例,流应用版的付费率比各版平均值提升100%,付费成功率提升50%。
4. 社交分享-提升二次传播率
流应用提供的社交分享能力,可以调起原生的微信、微博、qq、短信、邮件等各种社交分享通道,方便的邀请好友和传播。
分享出去的链接别人点击后,如果手机上有流应用引擎,则会直接秒装好该游戏的流应用并进入特定界面,如果对方手机上没有流应用引擎则出现标准HTML5版本。
注:流应用引擎的装机覆盖量过亿,目前测试数据是每3个Android设备就有一个能命中。
通过流应用的分享机制,可以切实提高二次传播率。
5. 更多操作系统的原生API
事实上除了上面常用的增强API,流应用提供了原生操作系统40万API的调用能力,完全可以在流应用里随意调用原生API。
开发者可以充分发挥想象力,摇一摇、扫一扫、原生定位、读取imei、back按键控制、软键盘控制、横竖屏控制、原生音频播放、前后台切换事件...
流应用没有提供什么?
流应用没有提供canvas加速器,所以裸奔体验也不错的游戏上流应用比较合适。

综上,可以看出流应用除了提供40万原生api外,在游戏的发行、留存、注册转换、支付、二次传播等方面均进行了强化处理,提升游戏的关键运营数据表现,并且在传奇世界H5的运行中用数据证明了提升效果。

那么如果你拥有一个裸奔体验不错的H5游戏,如何改造成流应用?
基本原则是你需要新建一个流应用微端项目,把微端项目提交到流应用平台,在微端项目里打开在线的H5 URL。
1. 在http://DCloud.io下载HBuilder工具。这个工具是通用HTML5编辑器,App和web都可以开发。
2. 在HBuilder里面新建一个移动App项目,打开里面的manifest.json,配好游戏的名称、ico、splash封面图片、splash手动关闭、全屏、设置硬件加速强制打开,参考http://ask.dcloud.net.cn/article/94
3. 在index.html里跳转到目前的H5的网络URL。
4. 点菜单发行-发行流应用,根据提示操作。
5. 然后把H5游戏的现有项目也拖到HBuilder里,成为一个普通的web项目。
6. 在web项目里写js,调用流应用提供的增强api。
实现联合登陆plus.oauth、支付plus.payment、分享plus.share等功能。参考http://www.html5plus.org/doc/h5p.html。还可以在HBuilder里新建移动App时选Hello H5+模板,然后点菜单运行-真机运行这个项目来看各种api的调用示例。
还需要监听back按键,最好是游戏里界面的返回响应plus.key里的back按键,如果没精力全部做,至少游戏退出时需要监听back,一般是监听双击,按一下back时提示一个toast:再按一次退出,然后按第二次back时退出。
7. 根据流应用的UA来让这些js生效,流应用的ua里包含“StreamApp”字符串,如果要打包为apk或ipa发行,则ua包含"Html5Plus"字符串。其实不管是流应用发行还是原生包发行,只要使用DCloud的客户端引擎ua里就会有"Html5Plus"字符串,同时在流应用模型是ua多增加了“StreamApp”字符串。
8. 特别要注意一点,大多数H5游戏都有一个网络加载的首屏,即先从服务器取一个首屏等待界面,然后后台继续载资源直到游戏可以进入。
但在流应用里,这个模式不对。
流应用splash封面图是本地化的,已经配在了manifest里,此时服务器不需要再请求一个等待界面,多浪费用户流量和增加等待时间。
也就是从桌面点图标时,流应用与原生app一样是先启动本地splash封面图,然后等待游戏进入,游戏进入后再调用plus.navigator.closeSplashscreen()关闭splash图片即可。
9. 还可以在你的H5游戏里内嵌一个gostream.js,在非流应用的环境下引入,这个js可以检测手机上是否有流应用引擎,如果有则可以秒开流应用,实现wap流量转换为app流量。参考http://ask.dcloud.net.cn/article/579

以上工作中,涉及增强api调用的工作并不是强制的,不调用也可以申请上线,就是一个普通的H5页游。
但这些增强api不调用,将影响数据转换。

流应用QQ交流群,请加:471285299。


5 分享
DCloud_MUI_CHB 诺墨 Element zuopengyu2013@163.com 2602508304@qq.com

要回复文章请先登录注册