搭建 PhoneGap 开发环境

一、JDK 下载以及安装、配置

  参考:http://www.cnblogs.com/LO-ME/p/3530345.html

 

 

 

二、Android开发环境的搭建

  参考:http://www.cnblogs.com/LO-ME/p/3705345.html

 

 

三、下载PhoneGap文件

  下载地址:http://phonegap.com/install/             直接点击某个下载

   搭建 PhoneGap 开发环境_第1张图片

 

 

 

 

四、配置phoneGap环境

  1、新建一个Android项目

     搭建 PhoneGap 开发环境_第2张图片

 

  2、将下载的PhoneGap文件中的lib——Android——目录下的cordova-2.9.0.jar文件拷贝到创建好的Android项目的libs目录下

      搭建 PhoneGap 开发环境_第3张图片

 


 

      搭建 PhoneGap 开发环境_第4张图片

 

  3、在Android的项目的assets的目录下建立一个文件夹www

      搭建 PhoneGap 开发环境_第5张图片

 

  4、将下载的PhoneGap文件中的lib——Android——目录下的cordova.js文件拷贝到创建好的Android项目的assets目录下的www目录下

      搭建 PhoneGap 开发环境_第6张图片

 

  

  5、将下图目录中的index.html拷贝打Android项目中的assets目录先的www目录下或者自己在该目录下新建

    搭建 PhoneGap 开发环境_第7张图片

    搭建 PhoneGap 开发环境_第8张图片

 

  6、修改index.html 或者自己创建index.html如下图

    视口的完整代码是:<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

    搭建 PhoneGap 开发环境_第9张图片

 

  7、配置src下的主要的java文件

      搭建 PhoneGap 开发环境_第10张图片

 

  8、将下图目录下的xml文件夹拷贝到项目的res目录下

      搭建 PhoneGap 开发环境_第11张图片


    搭建 PhoneGap 开发环境_第12张图片

 

   9、修改项目下的AndroidManifest.xml文件   将如下代码复制到该文件中

    搭建 PhoneGap 开发环境_第13张图片

<supports-screens

android:largeScreens="true"

android:normalScreens="true"

android:smallScreens="true"

android:resizeable="true"

android:anyDensity="true"

/>

<uses-permission android:name="android.permission.CAMERA" />

<uses-permission android:name="android.permission.VIBRATE" />

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />

<uses-permission android:name="android.permission.READ_PHONE_STATE" />

<uses-permission android:name="android.permission.INTERNET" />

<uses-permission android:name="android.permission.RECEIVE_SMS" />

<uses-permission android:name="android.permission.RECORD_AUDIO" />

<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

<uses-permission android:name="android.permission.READ_CONTACTS" />

<uses-permission android:name="android.permission.WRITE_CONTACTS" />

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 
<uses-permission android:name="android.permission.GET_ACCOUNTS" />

 

    

  10、运行项目,成功

    搭建 PhoneGap 开发环境_第14张图片

 

你可能感兴趣的:(PhoneGap)