您的位置：首页 > 移动开发

亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP

2016-09-13 17:06 495 查看

参考博文：

[Phonegap+Sencha Touch] 移动开发1、准备工作

[Phonegap+Sencha Touch] 移动开发2、PhoneGap/Cordova初步使用

经过差不多1天的折腾，对Sencha Touch和phonepag算是有了初步的了解，然后就按照网上的教程开始做的自己的APP。

说到phonepag，补充一点phonepag和cordova的历史，对大家有个比较深入的理解，至少我在看到这两个东西的时候，最开始也是有点懵的。传送门：新手的第一个phonegap Android应用中关于phonegap的介绍。

第一个Hello程序

第一个程序操作其实非常简单，只有短短的3个命令，但作为一个新手来讲确实是一次考验。为什么？因为这个过程中需要等待非常长的时间，对于新手来讲，不知道是出错了，还是程序卡死了，又或者什么库不存在，或者是网络慢，等等。（反正这些心情我都有，

）。

OK，进入正题，按照上一步亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 环境安装篇把软件都装好之后，根据教程进入先创建第一个app。

根据[Phonegap+Sencha Touch] 移动开发2、PhoneGap/Cordova初步使用执行即可。命令只有phonepag为2个，cordova为3个，分别是：

#phonepag

>cd d:\
>phonegap create hello com.zwh.hello Hello
>cd hello
D:\hello> phonegap build android

#cordova

>cd d:\
>cordova create hello com.zwh.hello Hello
>cd hello
D:\hello> cordova platform add android
D:\hello> cordova build android

生成的apk文件

    需要说明的是：

    1. 我第一遍使用了phonepag命令，在create命令下等待了大约10分钟。

        在build命令下等待了大约40来分钟，放弃了，就中止了命令。原因是界面没有任何提示，一直停在这里：

    2. 而我第二遍使用cordova命令时，create命令的时间差不多，

        在执行add android的时候有下载的提示，等了大约10来分钟，还得到了一个”This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.“提示。

        在之后的build命令中，从下载gradle-2.13-all.zip开始，界面一直多有内容在闪动，至少能证明程序还在跑（好几次我都想中断了），之后安装了gradle之后，开始下载一堆jar包，过程最后build完成提示执行了43分钟，提示在”$project\platforms\android\build\outputs\apk“生成了apk文件。

        随后，我也进行简单的试验，证明这些操作只会对第一次操作有影响（删掉apk文件之后，再次执行build命令，只需要3s就生成了），因为第一次要下载大量需要的库和jar文件，而且都是通过maven库下载，速度也比较慢。

这样，我的第一个WebAPP就生成好了，尝试在电脑的模拟器上安装，成功！

然后点击运行一下，虽然只有一个界面，表示操作成功。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航