PhoneGap配置笔记

时间:2021-12-13 16:36:50

关于PhoneGap简介

  PhoneGap是一个用基于HTMLCSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,PalmSymbian,WP7,WP8,BadaBlackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。

配置过程:

  在安装Node之前,我们需要配置一下Java环境(针对于Android开发),直接安装JDK,最好不要只安装JRE。

  JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

  安装后,配置以下环境变量,若是默认安装jdk,那么在环境变量中的path变量加入:C:\Program Files\Java\jdk1.8.0_31\bin ,记得在加入前,查看path变量末尾是否有分号结尾。键入命令,查看是否配置成功

java -version

PhoneGap配置笔记  

  接下来继续配置Android环境,关于Android的SDK如何下载,我相信各方的程序猿都有自己的办法,实在不济,百度一下找找国内的镜像,就OK。所以跳过如何下载SDK Manager、更新SDK这几步。

PhoneGap配置笔记

  需要注意的是,这里使用ionic框架是放弃了Android4.1以下版本和IOS6以下版本。

  配置一下Android的环境变量,相同于java,Android加入platform-tools和tools两个目录的引用。配置好了之后,运行以下命令,查看配置是否成功:

adb devices

PhoneGap配置笔记

  这条命令是用来查看真机、模拟器的。我这里没有安装任何模拟器,也没有接入真机。所以这里是空的,若是有的话,会出现一个列表。

  安装Node.js,主要是需要通过使用node的npm包管理器来安装一些必要的工具,cordova、ionic等。

  下载node的安装包,直接默认安装即可。

PhoneGap配置笔记

npm install -g cordova              --安装cordova
npm install -g cordova@4.1. --安装cordova的指定版本

PhoneGap配置笔记

然后安装ionic

npm install -g ionic

PhoneGap配置笔记

安装完毕,配置过程也就完成了。

尝试创建一个基于ionic的应用:

ionic start myapp
cd myapp
ionic platform add android
ionic build android

当上面最后的一个命令执行成功,那么就已经编译好了。

这是编译Android,若是IOS,直接将上面的Android换成iOS就可以了。

连接上手机,进行真机测试,在生成的目录位置键入以下命令:

ionic run android

即可完成真机安装。

关于安装过程中的错误问题(重要):

  由于国内环境的问题,可能会导致某些安装会出现一些莫名其妙的错误。就算同一台电脑,一样的纯净的系统环境,在不同的时间去安装配置PhoneGap环境也可能会出现错误。导致错误的原因很多,而且莫名其妙。

  所以我选择配置了一个感觉比较好使的,成功率也是最高的环境。首先修改npm的源(https://cnpmjs.org/)。然后安装我这里提供的指定版本的工具。

  首先配置npm的源:

npm config set registry http://registry.cnpmjs.org //配置指向源

  看前面的文章,已经说过了如何安装指定版本的工具。

  这是我的配置版本,试过很多次,都是一次成功,大家可以按照我的这个来配置。

PhoneGap配置笔记