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。