• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > H5游戏改造流应用指南

H5游戏改造流应用指南

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含h5权威指南,h5游戏研发公司,h5棋牌游戏开发,h5游戏游戏代理,h5贪玩游戏等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> 传统的H5游戏,只能在浏览器里发行,不能在应用市场发行,也无法自动在桌面留有图标。

这样的H5游戏,体验不足,留存上不去。

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

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

</div>

 

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

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

那么如果你拥有一个裸奔体验不错的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,在非流应

您可能想查找下面的文章:

  • H5游戏改造流应用指南

相关文章

  • 2017-05-31分享mui.previewimage.js图片预览的经验
  • 2017-05-31Hbuilder MUI 解决MUI轮播组件在隐藏时初始化异常的问题
  • 2017-05-31iOS平台-用Native.js如何把base64数据保存为图片
  • 2017-05-31html5视频播放自动全屏,暂停退出全屏等功能
  • 2017-05-31HBuilder mui 创建属于当前应用的相册
  • 2017-05-31HBuilder mui打开多个子页面后快速回到首页的方法
  • 2017-05-31H5+MUI+Node.js+Socket.io实现即时聊天以及发送+图片压缩
  • 2017-05-315+APP优化技巧之Webview窗口渲染
  • 2017-05-31hbuilder mui IOS 平台离线打包定位插件配置
  • 2017-05-31HBuilder 编辑器有什么故事?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HBuilder修改完代码,按ctrl+s保存,手机端不会同步刷新了
    • HBuilder开发App教程-最难搞定的是mui
    • Hbuilder MUI 页面刷新及页面传值问题
    • mui webview模式选项卡实现按需加载
    • mui开发app之多图压缩与上传
    • HBuilder MUI 基于plus.downloader的图片懒加载功能,支持本地缓存
    • HBuilder制作的APP怎么连接SQLServer数据库!
    • Hbuilder MUI 播放音频–html5+ audio模块
    • HBuilder mui 手拉手教你制作引导页
    • mui android native.js取CPU核数

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有