APP开发平台 > Blog > 用简单几行代码,快速自建一款App

一直希望自建一款App,之前在慕课网学习了2048小游戏,虽然课程给出了适应响应式的方法,但终归他还是一个web App。经过跟Android工程师讨论后发现,如果单纯拿web 程序开发App 的话,APICloud 是个不错的app开发工具,你只需要把你的 CSS,JS 文件放入相应的文件下,然后再修改config.xml 里的属性,然后云端同步,进行云端编译即可。

 

好了,废话不多说下面讲解一下APICloud使用方法:

1、登录APICloud官网进行注册,下载版本编辑器

2、下载好后,打开studio 点击 文件 --->新建 -->apicloud项目 输入项目名称 后 点击完成.如下图

3、项目建好后左侧会把整个项目的结构展示出来,如图:

4、把你项目中用到的文件结构复制粘贴到新建的 项目中即可,(当然你也可以自己创建文件夹导入相应的文件)例如cssjavascript 如图:

<meta name = "viewport" content = "width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes" />//兼容iphone <link rel = "stylesheet" type = "text/css" href = "./css/2048.css"> <script type="text/javascript" src = "script/jquery-1.9.0.min.js"></script> <script type="text/javascript" src = "script/showadmination.js"></script> <script type="text/javascript" src = "script/main2048.js"></script> <script type="text/javascript" src = "script/support.js"></script> //引用路径一定要写对,否则真机同步测试看不到效果.

5、当所有文件都按项目结构放置好后,这是你可以进行真机同步测试(建议先真机测试完后在云端同步) 选中项目 文件夹 点击右键 选择真机同步测试
PS 
可以先下载一个模拟器。


6、同步测试会有各种问题,个人认为如果你的代码在web上应用响应式没问题而真机上有各种各样的问题的话,多半是配置原因,建议登录官网仔细研读开发指南,下面把我的配置代码粘出来分享一下:


<preferencename="pageBounce"value="false"/>

<preferencename="appBackground"value="./images/bg.jpg"/>

<preferencename="windowBackground"value="./images/bg.jpg"/>

<preferencename="frameBackgroundColor"value="rgba(0,0,0,0.0)"/>

<preferencename="hScrollBarEnabled"value="true"/>

<preferencename="vScrollBarEnabled"value="false"/>

<preferencename="autoLaunch"value="true"/>

<preferencename="fullScreen"value="true"/>

<preferencename="autoUpdate"value="true"/>

<preferencename="smartUpdate"value="false"/>

<preferencename="debug"value="false"/>

<preferencename="iOS7StatusBarAppearance"value="true"/>

<permissionname="readPhoneState"/>

<permissionname="call"/>

<permissionname="sms"/>

<permissionname="camera"/>

<permissionname="record"/>

<permissionname="location"/>

<permissionname="fileSystem"/>

<permissionname="internet"/>

<permissionname="bootCompleted"/>

<permissionname="hardware"/>

<permissionname="contact"/>


7、真机同步测试没有问题后,可以云端同步到服务器上。


8、云端编译流程如图:
1)点击开发控制台-->选取项目

2)选择Android 测试版  再点击云编译

(3)编译好后会生成链接和二维码两种形式,选择下载apk 即可

 

OK,使用APICloud平台做app开发,就像我上方那样的操作,很快你也可以自建一款App出来。


  更多app资讯,请关注www.apicloud.com

  提交app定制需求,了解报价和周期:

  https://app.apicloud.com/index?uzchannel=500


高效的App定制平台,标准化、便宜、快!

提交APP定制开发需求