Cordova(PhoneGap) 环境搭建与基础

Cordova(PhoneGap)

创建步骤:官方Guide

  1. 环境准备
    1. 安装 Node.js
      nodejs.org
    2. 安装 git
      git-scm.com (bin目录添加到path)
    3. 安装 cordova
      执行命令 npm install -g cordova
  2. 创建,移除项目
    1. 执行命令
      cordova create CordovaStudy xy.study.cordova CordovaStudy
      参数:
      • CordovaStudy: 指定项目的文件夹名为CordovaStudy,Cordova会自动创建该文件夹
      • xy.study.cordova: 指定项目的包名
      • CordovaStudy: 指定项目名
    2. 添加平台 (需要先配置好相应的SDK)

      cordova platform add ios

      cordova platform add android(需要先配置ANDROID_HOME)
    3. 删除平台

      cordova platform remove android

      cordova platform rm ios
  3. 运行项目(需要安装ant ANT_HOME)
    1. 构建应用
      • 执行命令:cordova build
      • 或者指定平台:cordova build android

        cordova build android
        相当于执行了cordova prepare android 和 cordova compile android

    2. 运行应用

      执行命令:cordova emulate android

      该命令重新生成该应用并在模拟器上运行

      执行命令:cordova run android

      该命令用于在真机上运行

  4. 插件的添加
    1. 插件搜索:

      执行命令:cordova plugin search bar code

      参数:bar,code 均为搜索的关键字
    2. 添加插件:

      执行命令:
      cordova plugin add org.apache.cordova.console(可以接多个插件,空格分隔)
    3. 查看已安装的插件

      执行命令:cordova plugin ls
    4. 删除插件:

      执行命令:cordova plugin remove org.apache.cordova.console (可以接多个插件,空格分隔)
  5. 多平台修改
    1. 根目录下创建文件夹merges
    2. merges下创建相应平台的文件夹,及要修改的对应的文件

      eg. merges/androids/css/overrides.css

      此文件就会覆盖掉 www/css/overrides.css
  6. 其他命令
    • 帮助: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

不同平台生成不同的代码的处理方式

  1. 项目的根目录下创建merges文件夹
  2. merges文件夹下创建要对应平台的文件夹(eg:android)
  3. 在对应平台目录(merges\android)下编写对应平台的特定内容

    eg: css , 创建css文件夹,css文件。

    该文件会在生成指定平台应用时(build),自动覆盖在www目录下(www\css)的对应文件

自定义插件:

1.创建目录结构如下:mypluginsrcandroidmyplugin.javawwwmyplugin.js plugin.xml

调试

  1. Ripple
    • 安装Ripple Emulator :
      npm install -g ripple-emulator
    • 启动Ripple :(进入cordova项目根目录)
      ripple emulate
    • 访问项目:
      启动Chrome浏览器 访问 http://localhost:4400/
  2. 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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/470003.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux 安装mysql5.7.12_Linux系统上安装mysql5.7.12

在Linux上安装mysql环境:windows7虚拟机:Oracle VMVirtualBoxLinux: ubuntukylin-14.04.1-amd64.isomysql:5.7.12一.环境准备step1:安装虚拟机step2:修改宿主机BIOS配置,详细步骤见文章:http://blog.csdn.net/lanonola/article/de…

Swift泛型Protocol对比C#泛型Interface

本篇纯属抬杠之作&#xff0c;之前我们提到了Swift的泛型Protocol使用associatedtype关键字&#xff0c;而不是使用<Type>语法的泛型参数。这其中有什么好处呢&#xff1f; 我就这个问题搜索了一些回答&#xff0c;大体上提到两点&#xff1a; <Type>语法对Protoco…

【收集】Python 微优化

1. 第二种方式可以节省寻找result的append属性的时间, 但会降低代码可读性和可维护性 # The way were used to seeing it: result.append("hello")# But this works the same: append_result result.append append_result("hello") 2. 将Python内置的方法…

java jstack 工具_java命令之jstack工具

1.总述jstack是jvm虚拟机自带的一种堆栈分析工具&#xff0c;用于打印出给定的java进程或者core file或者远程调试服务的堆栈信息等。主要分为两个功能如下&#xff1a;a.针对活着的进程做本地的或者远程的线程的dumpb.针对core文件做线程dumpjstack命令可以快捷的定位线程出现…

最长公共子序列及其引申问题

最长公共子序列是经典的动态规划问题&#xff0c;在很多书籍和文章中都有介绍&#xff0c;这里对这一经典算法进行回顾并对两个follow up questions进行总结和分析。 1. 回顾LCS&#xff08;longest common subsequence&#xff09;解法&#xff0c;求LCS长度 典型的双序列动态…

mysql导入10g数据库_oracle10g数据库导入、导出(exp/imp、expdp/impdp)

1、oracle 10g 数据导入、导出expimpexpdp建目录与赋权&#xff1a;SQL>create directory dump_dir as /u01/dmdir;SQL>grant read&#xff0c;write on directory to test;SQL>select * from dba_directories;——查看目录实例&#xff1a;1、通过DBLINK的方式&#…

JSON.parse和JSON.stringify 参数详解

JSON.parse和JSON.stringify这两个浏览器自带&#xff08;IE6/7除外&#xff09;的方法平常我们经常用到&#xff0c;但是一般都只是用到了他们的第一个参数&#xff0c;比如字符串转对象&#xff1a;JSON.parse({}) 对象转字符串&#xff1a;JSON.stringify({}) 今天特意看了…

怎么用java实现打字功能_怎么用JAVA编写一个打字游戏

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼这个帖子是一年前发的&#xff0c;当时对Java也不是很懂&#xff0c;我看大家都对这个感兴趣&#xff0c;我把代码改了一下&#xff0c;发布出来&#xff0c;其实还有很多的地方还没有完善...&#xff0c;这个只能算一个Demo&#…

从pg_hba.conf文件谈谈postgresql的连接认证

最近一直在弄postgresql的东西&#xff0c;搭建postgresql数据库集群环境什么的。操作数据库少不得要从远程主机访问数据库环境&#xff0c;例如数据库管理员的远程管理数据库&#xff0c;远程的客户存取数据库文件。 而在postgresql中配置文件pg_hba.conf就是用来设置访问认证…

pythonfor循环列表排序_Python Day4950(for循环语句整理)

班长的图Python for循环可以遍历任何序列的项目&#xff0c;如一个列表或者一个字符串。一、Python 循环遍历列表元素1.for i in list():2.for i in enumerate(list):2.for i in range(len(list)):for i in list():for i in enumerate(list):for i in range(len(list)):二、Pyt…

Java异常处理深入理解_关于java异常处理机制的深入理解.doc

关于java异常处理机制的深入理解.doc 关于JAVA异常处理机制的深入理解1引子TRYCATCHFINALLY恐怕是大家再熟悉不过的语句了&#xff0c;而且感觉用起来也是很简单&#xff0c;逻辑上似乎也是很容易理解。不过&#xff0c;我亲自体验的“教训”告诉我&#xff0c;这个东西可不是想…

14款经典的MySQL客户端软件

1. EMS MySQL Manager强大的mysql管理工具&#xff0c;允许用户通过图形界面创建或编辑数据库对象&#xff0c;并提供通过sql语句管理用户和权限&#xff0c;通过图形界面建立sql语句&#xff0c;自动生成html格式的数据库文档&#xff0c;导入/导出数据&#xff0c;查看/编辑b…

java 设计一个动物类_Java课程设计(动物换位)

【实例简介】是一个关于Java课程设计的一个游戏&#xff0c;这是一个动物换位的游戏&#xff0c;是在前人的基础上改进的。不好请见谅&#xff01;【实例截图】【核心代码】112df6fb-1189-4bc0-a501-6dd5839cb8dc└── 【Java课程设计】├── Java课程设计.doc└── 动物换位…

(机器学习/计算机视觉/深度学习)代码

PRML 一书的 matlab implementation&#xff08;官网&#xff1a;http://prml.github.io/&#xff09;一位计算机视觉学术牛人的 Github&#xff08;C code&#xff09;&#xff08;可作为自己的敲门砖&#xff0c;.sln 项目&#xff0c;也即 vs 平台下完成&#xff09;0. 图像…

处理字符集中的算式问题

最近遇到一个编程题.题目是这样的:  接收一个字符型的算式,如"12*34",按顺序,每遇到一个数字,则进行运算至该数字的结果.比如传入的是"12*34",那么结果是1,3,7,11. 有的地方表达可能不一样,我的理解记下来的题目就是这样.回来后写了下,用java语言处理的.…

java 格式化 布尔型_这么久才知道Java中的format很强大!

Java中允许我们对指定的对象进行某种格式化&#xff0c;从而得到我们想要的格式化样式。Format首先介绍java.text包中的FormatForamt是一个抽象基类&#xff0c;其具体子类必须实现format(Object obj, StringBuffer toAppendTo, FieldPosition pos)和parseObject(String source…

【腾讯优测干货分享】从压测工具谈并发、压力、吞吐量

本文来自于腾讯bugly开发者社区&#xff0c;非经作者同意&#xff0c;请勿转载&#xff0c;原文地址&#xff1a;http://dev.qq.com/topic/580d914e07b7fc1c26a0cf7c 前言 随着部门业务的拓展&#xff0c;我们有了很多性能测试的机会&#xff0c;但在实战中&#xff0c;慢慢发现…

java 提高性能的 容器库_容器隔离性带来的问题--容器化Java应用比虚机启动速度慢...

引发的问题同等配置下&#xff0c;虚机中的java 服务的启动速度&#xff0c;要比容器快很多(将近两倍)实测数据在同是1c1g的虚机和容器中&#xff0c;虚机启动时间大概在1min20s&#xff0c;容器启动时间大概在2min40s。排查思路怀疑网络最开始怀疑是网络问题&#xff0c;因为业…

MySQL5.6 PERFORMANCE_SCHEMA 说明

背景&#xff1a; MySQL 5.5开始新增一个数据库&#xff1a;PERFORMANCE_SCHEMA&#xff0c;主要用于收集数据库服务器性能参数。并且库里表的存储引擎均为PERFORMANCE_SCHEMA&#xff0c;而用户是不能创建存储引擎为PERFORMANCE_SCHEMA的表。MySQL5.5默认是关闭的&#xff0c;…

php api查询开发,PHP开发API接口(注册、登录、查询用户信息)的实例代码

本节主要内容&#xff1a;php开发API接口的实现代码一、PHP API接口的服务端部分复制代码 代码示例:/*** PHP开发API接口 服务端* edit: www.jbxue.com*/require conn.php;header(Content-Type:text/html;charsetutf-8);$action $_GET[action];switch ($action) {//注册会员ca…