在 Visual Studio 中利用 Cordova 开发安卓 APP-配置与运行

作者:vkvi 来源:ITPOW(原创) 日期:2017-3-31

Cordova 开发的安卓不是原生安卓,它是基于 HTML、JS 以及 Cordova 框架实现的 Web APP,然后再套一个原生的壳,就完事了。由于是 Web APP,所以如果套苹果的壳,就可以在苹果中运行了。微信的小程序的灵感也许就是来源于此。

Cordova 的前身是 PhoneGap,当时只是在 iOS 上,做一个壳,把网页放进去,后来增加了 API 的支持,能够实现一些 HTML、纯 JS 做不到的事。后来 Adobe 收购 PhoneGap,再后来又捐给了 Apache 基金会,并命名为 Cordova。

本连载是利用 Visual Studio 2017 进行的 Cordova 开发安卓 APP。

Visual Studio 2017 下载

地址:http://www.visualstudio.com/

Visual Studio 2017 Cordova 安装

在安装 Visual Studio 2017 时,选中“使用 JavaScript 的移动开发”。

Cordova 安装

新建一个 Cordova 项目

打开 Visual Studio 2017,在 JavaScript -> 移动应用中新建一个 Cordova 应用。也可选择 TypeScript 语言,TypeScript 是微软开发的,在面向对象上比 JavaScript 更强大,详请可参见:https://www.tslang.cn/

新建 Cordova 项目

运行

Ctrl + F5 即可运行,但往往不会那么顺利,继续往下看。

错误:无法为应用获取启动的浏览器进程。没有为此解决方案配置选中要生成的项目。

在菜单中:生成 -> 配置管理器,给要生成的项目打钩。

在菜单中:生成 -> 配置管理器,给要生成的项目打钩。

Android SDK 路径

我在编译时老是提示 Android SDK 的问题,后来我发现我机子上有两个地方安装了 Android SDK,一个是 Android Studio 的,一个应该是 Visual Studio 安装的。理论上来说相互不会冲突,但是事实又是另外一回事,所以我干脆强制指定了一个 Visual Studio 安装的那个 Android SDK。

在菜单中:工具 -> 选项 -> 用于 Apache Cordova 的工具 -> 环境变量替代。

Cordova 环境变量

安装安装安装

首次运行项目时,有很多很多东西要安装,特别是第一个——gradle 非常慢,建议把电脑放那,去洗个澡再回来。

gradle

可以用浏览器模拟

它是用 Chrome 打开的。

Cordova 运行效果

 

相关文章