您的位置:首页 > 移动开发 > Android开发

phoneGap+android之搭建环境

2017-01-07 00:25 239 查看
一、搭建phonegap的android环境

搭建环境的基本准备:

Java JDK   (搜索一下.......)

2 android SDK 最新版

3 Ant 打包工具 

4 eclipse 

5 ADT (ecplise 里的插件,安卓开发工具插件 )

6 下载phonegap

因为我平时进行android app开发,环境基本都搭建好了 ,只需要添加ant工具。

1.1 配置ant

 我先下载 apache-ant-1.10.0-bin.zip,然后解压到E:\apache-ant-1.10.0,最后配置环境变量%ANT_HOME%\bin。



配置Path环境变量



配置完成后在cmd命令窗输入 ant -version ,判断ant是否配置成功



1.2  下载phonegap

本应该到phonegap官网下载jar包,但应为翻墙等原因,我直接从CSDN中下载的phonegap-2.9.1.jar包。



从上图就可以看出 可以找到 cordova.js,但没有cordova.jar文件。

phonegap在2.9版本前的目录结构与2.9后的不相同,2.9前存在cordova.jar文件,但2.9后就需要自己生成了。

生成cordova.jar包

将cmd切换到路径C:\Users\Administrator\Desktop\phonegap-2.9.1\lib\android\framework
在cmd中输入 android update project -p C:\Users\Administrator\Desktop\phonegap-2.9.1\lib\android\framework

然后再输入 ant jar ,最后出现 build successfully就说明jar包生成成功
在C:\Users\Administrator\Desktop\phonegap-2.9.1\lib\android\framework中会生成一个cordova-2.9.1.jar文件



二、创建phonegap的android工程

 2.1 打开eclipse => 新建android工程 






2.2  在 assets 文件下,新建文件夹 www , 将 cordova.js 文件 粘贴到www文件夹下;

2.3  将cordova-2.9.1.jar 复制粘贴到 libs文件夹下 , 并右击 => Build Path => 点击 add build path

2.4 将C:\Users\Administrator\Desktop\phonegap-2.9.1\lib\android\framework\res\xml文件夹全部拷贝到项目目录下的res文件夹里



2.5 在/assets/www下建立index.html文件,并链接上cordova.js文件



<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="cordova.js"></script>
</head>
<body>
phonegap配置成功了
</body>
</html>

2.6  打开AndroidManifest.xml 将下面内容复制到Application 标签上面即可

<supports-screens
android:anyDensity="true"
android:largeScreens="true"
android:normalScreens="true"
android:resizeable="true"
android:xlargeScreens="true"
android:smallScreens="true" />

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<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.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.RECORD_VIDEO" />
<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" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />


2.7 在application中的activity中配置configChanges



android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"

<activity
android:name="com.phonegap.MainActivity"
android:configChanges="orientation|screenSize|keyboard|keyboardHidden|locale"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>

2.8 配置MainActivity

这里 activity必须继承DroidGap,oncreate方法改为public,加载页面使用用 super.loadUrl(Config.getStartUrl());

public class MainActivity extends DroidGap {

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

super.init();
// Set by <content src="index.html" /> in config.xml
super.loadUrl(Config.getStartUrl());
//super.loadUrl("file:///android_asset/www/index.html");

}

}
最后右键单击项目节点选择Run As,点击Android
Application,即可安装此APP。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: