如何三分钟内在线生成一个App?

作者: chengkai | 来源:发表于2015-05-04 22:11 被阅读21574次

过去几个月我的全部精力都在一款手机浏览器产品上，至于为什么要做这么一款产品，请参见产品页面 X浏览器，上面有所阐述。今天介绍一下我在这个产品过程中的一个副产品，对于一个懒散的程序员来说，要不就不工作，要不就高效的工作，避免机械的重复劳动。由于经常要编译构建浏览器代码，并且有时候需要在编译的时候改变程序配置参数，在这种情况下我就单独为这个浏览器产品写了一套自动构建和部署的工具用来满足每日构建和测试需求。随着H5移动应用的普及，我渐渐的发现有些H5应用的体验越来越接近原生应用，于是我在想：现在有那么多的前端开发人员，那么多的H5应用和游戏开发者,是不是可以有一个工具把这些优秀的H5应用和游戏包装成App？甚至优秀的前端开发者也可以把H5形式的App或游戏发布到应用市场？不管这是不是一个"伪命题"或者"伪需求",对于程序员最大的优势就是他可以把自己的想法实现出来。于是说干就干，就有了这么一款用来把h5打包成应用的在线工具AppBuilder。

接下来我来展示如何在三分钟之内生成一个App

打开工具首页 http://xbrowser.me/appbuilder

Paste_Image.png

点击快速生成应用,接下来就是只需要填写几个表单参数即可，这里以github上一个开源H5游戏2048 为例，生成一个经典的2048游戏应用.

Paste_Image.png

表单参数说明

应用ID : 一个唯一的id，可以由字母，数字，下划线组成，myapp,myapp123,app_test 等都是有效的appid
应用名称: 显示在手机桌面的应用名称，可以是中文或英文
应用类型: 选择应用或游戏，如果选择应用类型为游戏，内部框架会自动缓存H5游戏，对于单机的H5游戏很适合，只需要在第一次使用的时候下载资源，以后没有网络的情况下仍然可以玩。
屏幕方向: 应用或者游戏在怎样的屏幕状态下显示更加合适.
上传应用图标: 你可以选择一个你喜欢的图标作为应用的桌面图标.
应用url: 一个有效的H5应用或游戏的网址。
邮件地址: 构建完成会把最终生成的apk链接发送到这个邮件

点击按钮"开始创建应用"，任务就会提交到任务队列准备开始构建。你可以同时提交多个构建任务，任务会以队列的方式进行排队，依次进行构建。