Cordova: 仅使用HTMLJS即可制作一个Android或者iOS的App

html-css024

Cordova: 仅使用HTMLJS即可制作一个Android或者iOS的App,第1张

关于这个问题,还是看看官网是怎么说的吧:

翻译一下:

听上去蛮不错的,那么我们就开始用它来做一个app吧!

创建应用

如果按照Cordova( http://cordova.apache.org/ )官网所述,直接用npm全局安装 cordova ,并创建应用,你可能遇到以下错误:

此时不要紧张,卸载 cordova ,使用 yarn 重新安装一下,猜测可能和npm版本不兼容。

安装好 yarn 和 cordova 之后,使用cli命令 cordova create MyApp 创建project,此时你可能会遇到以下错误:

这是什么原因呢?

原来我们没有将 yarn 的bin目录加入到环境变量 path ,作为一个Windows僵尸粉,判断出这点还是不难的。执行以下命令,找到 yarn 的bin目录所在:

将 d:\Users\gy.wang\AppData\Local\Yarn\bin 此目录添加到windows环境变量 path

配置好环境,重新打开CLI窗口,我们终于可以顺利地创建 cordova 应用,cordova使用默认模板创建好一个Project。

添加Android平台

在项目根目录下,运行命令 cordova build android 来编译你的项目,你可能遇到以下错误:

原因是啥呢?当前cordova要求的Android版本比较高,需要安装 Android SDK Platform 25 才能顺利编译,怎么办? 装!

打开 Android Studio , 安装SDK

安装成功之后,执行命令 cordova build android ,这次终于成功了!

APK包成功打好,这次我们运行一下,执行命令:

这次我们会遇到 环境坑四

不急,仔细看报错信息的意思是没有可用的设备或模拟器。这个简单,打开Android Studio添加一个:

再次运行 cordova run android , 哈! 这次成功了!

什么!闪退!WTF!

运行命令 cordova run android ,将APK包安装到模拟器上结果又报错了!

离成功就差一步了,别泄气!我们慢慢查找原因~

至此,APP终于搞定了!

参考如下1)安装好armhf chroot

chroot了。除了在SDK中可以安装所需要的chroot外,也可以通过如下的命令来简单地安装自己所需要的chroot。下面以

15.04 framework为例:

$sudo click chroot -aarmhf -f ubuntu-sdk-15.04 create

可以在命令行键入如上的命令就可以创建15.04的armhf chroot。等安装完以后,就可以进行下一步的动作。开发者如果想为14.10的目标进行编译,也可以使用同样的方法来安装14.10的armhf chroot。

2)安装Cordova

在这一步,来安装Cordova环境。如果以前已经安装过的,建议使用如下的方法删除以前的安装(由于以前的安装有bug)。如果从来没有安装过的话,请忽略这一步:

$rm -rf ~/.cordova

$rm -rf ~/.cache

这是为了彻底删除以前已经在电脑中的安装。

然后,按照如下的步骤来安装Cordova:

你的导包有问题,你导的是DialogInterface.onClickListener,不是View.onClickListner。删除掉,重新导入View.onClickListner就可以了。