文档章节

cordova使用笔记

别人说我名字很长
 别人说我名字很长
发布于 2016/06/01 20:28
字数 1022
阅读 64
收藏 0

前言

前后使用cordova开发了几个项目了,之前完全没有接触过Hybrid App的开发,好在有搜索引擎,只是碎片化学习耗费的时间太多,是时候把学到的知识和经验总结一下。

开发环境

  • 安装Java JDK   (百度java jdk下载) ,安装后设置环境变量
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk/Contents/Home
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
export export PATH=$PATH:$JAVA_HOME/bin
  • 安装Android Studio (http://www.android-studio.org/) 安装后需要设置android sdk的本地路径,然后下载你要的android sdk版本,android sdk自带adt
export ANDROID_HOME=/Users/your_home/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
export PATH=$PATH:/Users/your_home/java/apache-ant-1.10.3/bin
  • 完整的环境变量设置
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_191.jdk/Contents/Home
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
export ANDROID_HOME=~/Library/Android/sdk
export PATH=$PATH:$JAVA_HOME/bin:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:~/java/apache-ant-1.10.3/bin

cordova cli 命令概要

Help:显示可用CLI命令的信息。
Create:创建Cordova项目并关联项目文件夹和文件。
Plateform:管理Cordova项目使用的移动平台。
Plugin:管理Cordova插件的安装和卸载。
Prepare:从Cordova项目的www文件夹复制web应用内容到项目移动平台项目文件夹中。
Compile:把web应用打包成Cordova应用。
Build:先执行Prepare命令然后打包web应用。
Emulate:在一个或多个移动设备平台的设备模拟器中运行Cordova应用。
Run:在一个或多个移动设备中运行Cordova应用。
Serve:启动一个服务器加载web内容以便于用浏览器访问。

命令实例

  • 安装cordova

npm install -g cordova

  • 创建项目

cordova create beihaoyun_app com.mycordova.app hello

  • 添加android平台

cordova platform add android@6.3.0

  • 查看已经添加的平台

cordova platform ls

  • 删除平台

cordova platform remove android

  • 从Cordova项目的www文件夹复制web应用内容到项目移动平台项目文件夹中。

cordova prepare android

  • 清理项目

cordova clean

  • 安装微信插件

cordova plugin add cordova-plugin-wechat --variable wechatappid=xxxxxxxx

最新版的2.3.0源码有问题,找到xu.li.cordova.wechat.Wechat的第281行,把getAppId改成getSavedAppId方法,第598行,getAppId()静态方法改为非static方法

安装2.1.0版本的wechat cordova plugin add cordova-plugin-wechat@2.1.0 --variable wechatappid=xxxxx

  • 查看已安装的插件

cordova plugin ls

  • 删除插件

cordova plugin remove cordova-plugin-wechat

  • 编译项目

cordova build android --verbose

  • 运行项目 (连接手机会在真机上运行)

cordova run android --verbose

  • sign - 生成数字签名文件

android studio 菜单 build -> Generate Signed APK -> 生成签名文件 -> Finish 生成APK

第一次使用的时候点击面板上的create new新建一个Key.store,密码一定要记住

使用面板生成的apk无法快速调试,有些插件我们希望电脑链接真机时,点击 Run 按钮就可以使用自定义签名文件、编译、打包。这就需要配置Android Studio运行自定义签名。

菜单 Build -> Edit Build Types -> Build Types -> Signing Config 选择一个签名配置 -> ok

常见错误解决

  • Error: spawn EACCES。一般是权限问题,修改gradlew权限即可

chmod 777 your_project/platforms/android/gradlew

  • 编译不通过时,命令后面加上 --verbose可以查看详细信息

cordova build android --verbose

  • 遇到奇葩问题时候,可能是缓存问题,清理下项目

cordova clean

  • 或者重新添加平台

cordova platform remove andorid --save

cordova platform add android --save

  • 将html代码放到 your_project/www 目录下,然后使用prepare命令拷贝到平台中去,使用run或build命令前会自动执行prepare命令。

cordova prepare android

参考资料

https://blog.csdn.net/gubenpeiyuan/article/details/50812149

https://www.cnblogs.com/hisheng/p/6133284.html

© 著作权归作者所有

上一篇: 单例模式
下一篇: 动态引入js文件
别人说我名字很长
粉丝 58
博文 265
码字总数 113918
作品 0
济南
程序员
私信 提问
cordova 常用命令、插件

安装 cordova: npm install -g cordova 创建应用程序 cordova create hello com.example.hello HelloWorld 添加平台 cordova platform add android cordova platform add ios 完成后运行以下......

Jack088
2015/03/24
13.2K
2
windows phone使用cordova(phoneGap)开发(笔记)

使用cordova开发windows phone应用程序,先安装windows phone SDK。7或者8 下载cordova包:http://cordova.apache.org/ 解压,执行一下 createTemplates.bat 将生成的cordovaXXX.zip压缩包放...

喔喔兒
2014/04/13
185
0
cordova百度地图定位插件安装失败

cordova plugin add cordova-plugin-baidumaplocation失败: D:\hello>cordova plugin add cordova-plugin-baidumaplocation Fetching plugin "cordova-plugin-baidumaplocation" via npm Er......

雪凌寒霜
2017/07/27
131
0
Cordova 和 Ionic 的区别

Cordova Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去访问每个...

华山猛男
2018/11/07
179
0
Apache Cordova开发环境搭建(二)VS Code

原文:Apache Cordova开发环境搭建(二)VS Code 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011127019/article/details/56335719 Apache Cordova开发环境...

杰克.陈
2018/10/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

视频如何加水印?

很多视频制作者的视频都被他人盗用过,为了防止自己的劳动成果被他人窃取,给视频加水印对于视频制作者来说,是一件非常重要的事情。那么下面分享一个手机给视频加水印的方法,一起来看看吧!...

白米稀饭2019
23分钟前
3
0
004-Envelop-基于Blockstack的文件传输dapp

本篇文章主要介绍基于Blockstack的文件传输工具; ####A-链接地址 官网地址:https://envelop.app/ Github地址:https://github.com/envelop-app ####B-特性: 1: Share private files easil...

Riverzhou
25分钟前
5
0
SpringCloud——声明式调用Feign

Feign声明式调用 一、Feign简介 使用Ribbon和RestTemplate消费服务的时候,有一个最麻烦的点在于,每次都要拼接URL,组织参数,所以有了Feign声明式调用,Feign的首要目标是将Java HTTP客户端...

devils_os
31分钟前
5
0
《JAVA核心知识》学习笔记 (22. 数据结构)

22.1.1. 栈(stack) 栈( stack)是限制插入和删除只能在一个位置上进行的表,该位置是表的末端,叫做栈顶 (top)。它是后进先出(LIFO)的。对栈的基本操作只有 push(进栈)和 pop(出栈...

Shingfi
36分钟前
5
0
你对AJAX认知有多少(1)?

AJAX(一) AJAX技术对于前段或者后端工程师来说,都是必不可缺的 那我们这几期都来细细品味一下AJAX的相关知识,直接上干货喽~ 1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识) 什么...

理性思考
44分钟前
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部