Cordova(PhoneGap) 环境搭建与基础
Cordova(PhoneGap)
创建步骤:官方Guide
- 环境准备
- 安装 Node.js
nodejs.org - 安装 git
git-scm.com (bin目录添加到path) - 安装 cordova
执行命令npm install -g cordova
- 安装 Node.js
- 创建,移除项目
- 执行命令
cordova create CordovaStudy xy.study.cordova CordovaStudy
参数:- CordovaStudy: 指定项目的文件夹名为CordovaStudy,Cordova会自动创建该文件夹
- xy.study.cordova: 指定项目的包名
- CordovaStudy: 指定项目名
- 添加平台 (需要先配置好相应的SDK)
cordova platform add ios
cordova platform add android
(需要先配置ANDROID_HOME) - 删除平台
cordova platform remove android
cordova platform rm ios
- 执行命令
- 运行项目(需要安装ant ANT_HOME)
- 构建应用
- 执行命令:
cordova build
或者指定平台:
cordova build android
cordova build android
相当于执行了cordova prepare android 和 cordova compile android
- 执行命令:
运行应用
执行命令:
cordova emulate android
该命令重新生成该应用并在模拟器上运行
执行命令:
cordova run android
该命令用于在真机上运行
- 构建应用
- 插件的添加
- 插件搜索:
执行命令:
cordova plugin search bar code
参数:bar,code 均为搜索的关键字
- 添加插件:
执行命令:
cordova plugin add org.apache.cordova.console
(可以接多个插件,空格分隔) - 查看已安装的插件
执行命令:
cordova plugin ls
- 删除插件:
执行命令:
cordova plugin remove org.apache.cordova.console
(可以接多个插件,空格分隔)
- 插件搜索:
- 多平台修改
- 根目录下创建文件夹merges
- merges下创建相应平台的文件夹,及要修改的对应的文件
eg. merges/androids/css/overrides.css
此文件就会覆盖掉 www/css/overrides.css
- 其他命令
- 帮助:
cordova help
- 更新:
Cordova:npm update -g cordova
- 信息:
npm info cordova
- 安装指定版本:
npm install -g cordova@3.1.0-0.2.0
- 帮助:
常用插件:
设备API:
cordova plugin add org.apache.cordova.device(可以接多个插件,空格分隔)網路連接和電池事件:
cordova plugin add org.apache.cordova.network-information
cordova plugin add org.apache.cordova.battery-status加速度計、 指南針、 和地理定位:
cordova plugin add org.apache.cordova.device-motion
cordova plugin add org.apache.cordova.device-orientation
cordova plugin add org.apache.cordova.geolocation相機、 媒體重播和捕獲:
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.media-capture
cordova plugin add org.apache.cordova.media訪問設備或網路 (檔 API) 上的檔:
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer通過對話方塊或振動發出通知:
cordova plugin add org.apache.cordova.dialogs
cordova plugin add org.apache.cordova.vibration連絡人:
cordova plugin add org.apache.cordova.contacts全球化:
cordova plugin add org.apache.cordova.globalization閃屏:
cordova plugin add org.apache.cordova.splashscreen打開新的瀏覽器視窗
cordova plugin add org.apache.cordova.inappbrowser調試主控台:
cordova plugin add org.apache.cordova.console
不同平台生成不同的代码的处理方式
- 项目的根目录下创建merges文件夹
- merges文件夹下创建要对应平台的文件夹(eg:android)
- 在对应平台目录(merges\android)下编写对应平台的特定内容
eg: css , 创建css文件夹,css文件。
该文件会在生成指定平台应用时(build),自动覆盖在www目录下(www\css)的对应文件
自定义插件:
1.创建目录结构如下:mypluginsrcandroidmyplugin.javawwwmyplugin.js plugin.xml
调试
- Ripple
- 安装Ripple Emulator :
npm install -g ripple-emulator
- 启动Ripple :(进入cordova项目根目录)
ripple emulate
- 访问项目:
启动Chrome浏览器 访问 http://localhost:4400/
- 安装Ripple Emulator :
- Weinre
安装 Weinre :
npm -g install weinre
端口设置:
--httpPort 调试服务器运行的端口,默认的 8080,如果这个端口有在用,可以改为其它端口;
--boundHost 调试服务器绑定的 IP 地址,也可以是域名,默认是 localhost启动
weinre访问项目:(默认)
http://localhost:8080/
示例项目
github - CordovaStudy
转载于:https://www.cnblogs.com/final-elysion/p/5980852.html
Cordova(PhoneGap) 环境搭建与基础相关推荐
- 亲测好用!机器学习环境搭建及基础
写在这里的初衷,一是备忘,二是希望得到高人指点,三是希望能遇到志同道合的朋友. 机器学习环境搭建及基础 https://www.cnblogs.com/mlan/p/8616032.html 以上是自 ...
- 1.ROS环境搭建与基础工作
1.ROS环境搭建与基础工作 0.安装ROS 1.ROS体验 2.vscode配置环境 3.ROS系统相关指令 0.安装ROS 1.添加源 sudo sh -c '. /etc/lsb-release ...
- Ionic+Cordova开发环境搭建
Ionic+Cordova的组合是一个跨平台的移动开发框架,属于HybirdApp开发模式.其中Ionic是一个前端框架,集成了AngularJs在里面,有很好很漂亮的UI控件.Cordova本身就是 ...
- Elastic Stack核心技术实战01--Elasticsearch环境搭建与基础入门
相信大家对于ELK并不陌生吧,大家在工作中一定都接触过Elasticsearch这个搜索引擎,ELK技术栈就是Elasticsearch和Logstash以及Kibana三个组件共同组成的,但是随着后 ...
- Linux环境搭建和基础指令介绍
目录: 一:环境搭建 二:基础指令介绍 三:Linux权限 一:环境搭建 搭建linux环境主要用到俩个工具,一个是Linux镜像,一个是远程终端软件. Linux镜像选择: 1.实惠选择:安装一个虚 ...
- 6.Cordova 的环境搭建
Cordova概述 一.定义 Cordova 是使用HTML,CSS和JavaScript构建混合移动应用程序的平台 二.官网地址 地址:https://cordova.apache.org/ 三.环 ...
- 前端开发从零开始学Lua-开发环境搭建及基础语法介绍(对照JS)
Lua介绍 Lua 是一种轻量小巧的脚本语言,用标准C语言编写并以源代码形式开放, 其设计目的是为了嵌入应用程序中,从而为应用程序提供灵活的扩展和定制功能. Lua 是巴西里约热内卢天主教大学(Pon ...
- android phonegap 服务器ip配置,android + phoneGap 环境搭建
PhoneGap是一个开发跨平台的html5本地化程序的平台,通过它可以把网页变为各种平台上的应用程序 1.下载phoneGap 现在phoneGap已经捐给了apache, 地址应该是: 它是通过n ...
- Qt开发Activex笔记(一):环境搭建、基础开发流程和演示Demo
若该文为原创文章,转载请注明原文出处 本文章博客地址:https://blog.csdn.net/qq21497936/article/details/113773009 长期持续带来更多项目与技术分 ...
最新文章
- ConstraintLayout 实现水平方向 权重 效果
- python 打包 .app 运行 控制台窗口_Python打包工具
- Linux下二进制文件安装MySQL
- 直播预告|灵动MM32 MCU助力全国大学生智能汽车竞赛——基础培训第二讲
- walletconnect
- php返回json的结果
- 前端面试题目汇总摘录(JS 基础篇)
- (计算机组成原理)第三章存储系统-第七节2:页式/段式虚拟存储器
- 小虾的sql server 2000 成长之路
- python输出的格式_将Python输出格式化为行
- 微信开发-点击链接自己主动加入关注
- 中国家庭追踪调查(CFPS)数据及问卷(2010-2018年)
- 给网站添加SSL安全证书
- firefox的about:config说明及配置
- BZOJ 2752 [HAOI2012]高速公路(road):线段树【维护区间内子串和】
- 计算机科学与技术专业图书,《计算机科学与技术专业毕业论文选》—甲虎网一站式图书批发平台...
- 计算机仿真题液相色谱,毛细管电泳分离过程计算机仿真研究.pdf
- 浏览ASP时遇到以下错误: Microsoft VBScript 运行时错误 错误 '800A01AD' ActiveX 部件不能创建对象:'NetBox.HttpServer'
- python输入日期选择日期_python输入日期输出星座?
- 攻防世界-PWN-new_easypwn
热门文章
- Java Collections Framework - Java集合框架List,Map,Set等全面介绍之概要篇
- 同步滚动两个DataGrid
- vue如何实现单页缓存方案分析
- “docker-app”实用工具分享,大大提高 Compose 文件复用率
- Nodejs从小工到专家系列(一)
- PXE装机+kickstart无人值守安装
- ehcache memcache redis 三大缓存男高音
- 我喜欢这样的老大[10-24]
- linux命令编译C语言程序
- mysql宏参数_C语言带参数的宏定义