搭建phonegap开发环境，搭建安卓开发环境

时间：2021-06-01 04:33:13
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>搭建phonegap开发环境，搭建安卓开发环境</title>

<meta name="description" content="">

<meta name="keywords" content="">

</head>

<body>

<h3>本教程使用的ADT版本是：adt-bundle-windows-x86_64-20130729，phonegap的版本是：phonegap-2.9.0</h3>

<p>首先下载一个java的JDK，因为需要用到eclipse，下载一个<a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html">jdk-7u40-windows-x64.exe</a>，直接双击安装，和安装QQ软件一样</p>

<p>切记：先安装JDK才能用eclipse；下载一个安卓SDT<a href="http://developer.android.com/sdk/index.html">官网地址</a><br /><br />

    里面有一个eclipse文件夹(安卓开发的定制版：eclipse)；一个sdk文件夹；还有一个SDK Manager.exe<br /><br />

    直接进入eclipse文件夹看到一个eclipse.exe,双击安装；和安装QQ软件一样；

</p>

<p>eclipse安装好之后就需要一下安卓，步骤：在菜单项找到“help=>Install New Software..”<br />

在弹出窗里面的直接点击"Add..";在"Name"项随便输入一个英文名字“ADT_Plugin”；在"Location"项输入这个网址“https://dl-ssl.google.com/android/eclipse/”,等待下载；<br />

如果能顺利下载，那就是人品爆发了；这个时候会出现一个错误说链接不上谷歌的这个网址；<br />解决的方法：修改本地的host文件：找到C:\Windows\System32\drivers\etc里面的hosts文件打开把这个粘贴进去:74.125.237.1   dl-ssl.google.com然后重启网络或者重启电脑再重复：步骤：在菜单项找到“help=>Install New Software..”在弹出窗里面的直接点击"Add..";在"Name"项随便输入一个英文名字“ADT_Plugin”；在"Location"项输入这个网址“https://dl-ssl.google.com/android/eclipse/    Enabled”,等待下载；

这时候会下载了2个；一般勾选第一个Developer Tools就可以了，

</p>

<p>新建一个安卓工程：“File=>new=>Android Application Project”;填写一些信息（略过）</p>

<p>以上步骤都弄好了之后，就启动一个安卓模拟器；步骤：在菜单项"Window=>Android Virtual Device Manager";然后填写一些手机信息（略过了）；然后就可以看到一个手机模拟器啦；帅气的安卓系统。</p>

<p></p>

<p>搭建好安卓的环境之后，以下将是配置phonegap开发</p>

<p>首页需要新建一个命名为MyFirstApp的安卓project。</p>

<p>然后在MyFirstApp\assets目录下新建一个文件夹命名为“www”</p>

<p>下载一个最新版的phonegap；<a href="https://github.com/phonegap/phonegap/archive/2.9.0.zip">官网下载</a></p>

<p>解压:phonegap；这个lib文件夹里面的东西才是我们需要的，其他可以删；</p>

<p>将phonegap-2.9.0\lib\android里面的cordova.js复制到“MyFirstApp\assets目录下的www”</p>

<p>在www里面新建一个index.html文件，这个html一定要引入cordova.js；相对路径的.</p>

<p>然后再去复制cordova-2.9.0.jar到“MyFirstApp\libs”里面</p>

<p>还需要复制xml文件夹到“MyFirstApp\res”文件里</p>

<p>这样就把phonegap整合到安卓开发了，但是还不能高兴，还需要配置</p>

<p>先按F5刷新一下左边的“Package Explorer”</p>

<p>找到"libs"鼠标右键libs“Build Path=>Configure Build Path..”</p>

<p>在弹出窗选择第三栏“Libraries”,然后点击“Add JARs...”,选择刚刚复制的cordova-2.9.0.jar</p>

<p>修改一个java主程序文件"src=>MainActivity.java"</p>

<p>直接把下面的代码替换掉原来的</p>

<code style="width:800px;">

package com.example.myfirstapp;

//新添加import org.apache.cordova.DroidGap;

import org.apache.cordova.DroidGap;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

public class MainActivity extends DroidGap {

    @Override

    //protected void onCreate(Bundle savedInstanceState) {

    //把protected修改成public

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        //新添加：super.loadUrl("file:///android_asset/www/index.html");

        super.loadUrl("file:///android_asset/www/index.html");

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

}

</code>

<p>修改AndroidMainfest.xml文件，右键AndroidMainfest.xml选择“Open With=>Text Editor”，修改成以下</p>

<p>

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.example.myfirstapp"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="17" />

   <!--以下新增加-->

   <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" />

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

    <!--end 新增加-->

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.example.myfirstapp.MainActivity"

            android:label="@string/app_name" android:configChanges="orientation|keyboardHidden" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

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

            </intent-filter>

        </activity>

        <!--以下新增加-->

         <activity android:name="com.phonegap.DroidGap"

            android:label="@string/app_name"

            android:configChanges="orientation|keyboardHidden">

            <intent-filter> </intent-filter>

        </activity>

        <!--end 新增加-->

    </application>

</manifest>

</p>

<p>最后运行就可以看到Index.html的内容了。就可以用html编写出apk,app,webapp了</p>

</body>

</html>

相关文章