必威体育Betway必威体育官网
当前位置:首页 > IT技术

cordova

时间:2019-09-27 12:45:36来源:IT技术作者:seo实验室小编阅读:57次「手机版」
 

cordova

先了解Cordova

cordova的作用是提供javaScript调用移动设备的API接口,cordova只完成这一个工作,并且完成的很好。

Cordova并没有提供UI框架,因为开发人员需要使用css、HTML、JavaScript技术来开发UI界面。

其次,程序开发人员都是有自己喜欢的ui框架,如果cordova提供了自己的UI 框架,那么用的人一定也不多。

前期准备

Android Studio已经默认安装完成并且SDK下载完成

jdk1.8安装及环境变量配置,请注意是jdk1.8(https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html)

android sdk 环境变量配置,不配置后面的cordova项目将会无法编译

ANDROID_HOME :F:\Android\sdk

PATH:;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

测试 cmd - adb

用命令行的方式部署Cordova

首先下载安装Node.js,为了使用其中安装的包管理工具npm(下载上传工具)。测试是否安装成功:npm -version

成功之后再通过npm安装cordova :  npm install -g cordova

如果出现 rollbackfailedoptional 错误 

原因:网不好  处理方法:使用淘宝的npm

找到node.js的安装目录 我的是 E:\nodejs\node_modules\npm  找到 npmrc 文件修改如下:

proxy = null
registry = https://registry.npm.taobao.org
disturl = https://npm.taobao.org/dist

再重新 npm install -g cordova

参考:Node.js之rollbackFailedOptional错误处理

测试cordova是否安装成功 :cordova -version

创建APP

自己创建根目录 mycordova 切换到根目录进行如下操作:

cordova create hello com.example.hello helloWorld

添加目标平台

后续的操作都在项目目录或者项目目录的任何子目录中操作

cd hello

cordova platform add iOS --save

cordova platform add android --save

创建平台的时候会遇到卡住不动的情况

貌似是npm镜像的原因,目前没发现具体问题出在哪。

隔了一天早晨一试又行了,

两个方向去思考:

1、npm镜像

2、同一个文件下面创建app的包名和文件名

验证npm镜像、设置淘宝镜像:https://blog.csdn.net/quuqu/article/details/64121812

检查当前平台设置情况: cordova platform ls

安装构建先决条件

检测是否满足构建平台的要求: cordova requirements 

出错原因:正是文章一开头所说的 android sdk 环境变量未配置造成的。

配置以后重新 

cordova requirements  

编译项目: 

cordova build

导入到Android Studio 

打开as,导入项目platforms路径下的android文件(发现项目经过编译以后图标和原生的android项目不一样),编译后的项目结构: (升级到最新版本的AS 3.1.3)

如果没更新到3.1.3版本会提示如下:

我用的android studio版本是2.3.3的,因为用顺手了一直没更新,这里要求更新到3.0

出现 some conflicts were found in the installation area 问题 点击cancel 退出更新的解决办法:

以管理员身份打开Android Studio 点击右下角的update 或者help里面更新

参考:解決 android studio更新失败的一种情况

AS更新以后 启动模拟器会出现GPU的弹窗提醒,并且模拟器非常卡顿,解决办法:

参照:https://blog.csdn.net/geekqian/article/details/77367901

https://www.jianshu.com/p/26b4d47fa5ef

如何在Android Studio里面编辑运行?

assets    www    文件夹中写html和js

参照:Cordova入门 


学习历程:

1、Cordova开发App入门(一)创建android项目

2、cordova安装教程  

3、Node.js之rollbackFailedOptional错误处理

4、跨平台框架Cordova 命令行简介(CLI)

5、Android混合开发环境搭建(cordova)

6、android混合开发:cordova的安装使用 (最完整最清晰的一篇)

7、Cordova入门

根据W3C上的文档学习:

https://www.w3cschool.cn/cordova/cordova_BATtery_status.html

Cordova - 常用的插件汇总(附插件的安装、查询、更新、删除等命令)

相关阅读

(混合移动开发)使用cordova-broadcaster插件监听手机屏

最近在开发部门的一个APP,需要有消息推送功能,前端用轮询,一开始用了cordova-plugin-background-mode插件使其可以后台运行,但是用这

分享到:

栏目导航

推荐阅读

热门阅读