`

phoneGap-Android开发环境搭建

 
阅读更多

phoneGap-Android开发环境搭建

 
一.安装
在安装PhoneGap开发环境之前，需要按顺序安装以下工具：
  java sdk，不安装的话不能正常安装Android SDK。
  安装成功检测：启动DOS窗口start-->run-->cmd，在DOS窗口中键入：java -version，如能显示版本信息说明安装正常。
  java开发工具，这我就不用多说了，推荐装classic版的。
  下下来安装完之后是一个Android SDK Manager，你需要下载以下组件，可能需要较长时间：

  这是一个Eclipse插件，作用是关联Android SDK，使你的Eclipse能够新建Android工程，安装方法如下：
  打开Eclipse中的菜单 “Help”->”InstallNewSoftware”进入软件安装界面，点击“Add”按钮，如下图设置即可下载。

  下载PhoneGap，解压缩即可，打开里面的libs>android文件夹：

其中标红的三个文件夹是我们需要用到的。

二.新建一个PhoneGap项目

1.在eclipse中新建Android Project。
2.在项目的目录下，建两个文件夹：
/libs
/assets/www
3.进入将刚刚下载并解压的PhoneGap包里Anroid目录，我们需要的资源都在这个目录下。
 将cordova-2.0.0.js这个js文件(具体名称视当时下载的版本而定)copy到/assets/www目录下,
 把cordova-2.0.0.jar文件copy到/libs目录下。
 再把xml目录（xml整个文件夹）copy到android项目的res目录下。
4.在/assets/www下建立index.html文件，内容看起来像这样： 
复制代码
<!DOCTYPE HTML>
<html>
    <head>
        <title>PhoneGap</title>
        <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>

</html>
复制代码

5.将以下权限配置的xml内容copy到AndroidManifest.xml文件中：

复制代码
<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" />
复制代码
6.将以下内容添加到AndroidManifest.xml文件的activity标签中:

android:configChanges="orientation|keyboardHidden

这是为了保证机器在横竖屏切换的时候不会重新执行Activity的onCreate方法；

7.AndroidManifest.xml最后看起来会像这样：

复制代码
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.shawn"
    android:versionCode="1"
    android:versionName="1.0">
    <supports-screens
        android:anyDensity="true"
        android:largeScreens="true"
        android:normalScreens="true"
        android:resizeable="true"
        android:smallScreens="true"
        android:xlargeScreens="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.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" />

    <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="15" />

    <application android:label="@string/app_name"
        android:icon="@drawable/ic_launcher"
        android:theme="@style/AppTheme">
        <activity
            android:name="outer"
            android:configChanges="orientation|keyboardHidden"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>
复制代码或者如下这样：
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.kenkao"
      android:versionCode="1"
      android:versionName="1.0">
      
    <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" />
    
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
        		  android:configChanges="orientation|keyboardHidden"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

 

其中<application>标签我们可以看做是我们当前的应用，而<activity>代表我们应用内的一个界面，<intent-filter>标签里我们给当前页面设置了一个权限

android.intent.action.MAIN表示是最先启动的的界面；

android.intent.category.LAUNCHER决定应用程序是否显示在程序列表里；

另外需要注意的是：

<activity
 android:name="outer"
 android:configChanges="orientation|keyboardHidden"
 android:label="@string/app_name" >

我们的<activity>标签中有这样一个类名outer，我们可以自己定义它，一会儿我们会用到这个类名。

8.在刚刚新建的Android Project中找到libs目录并在cordova-2.0.0.jar上点击右键，选择 Build Path->Add to Build Path

 

9.最后再修改下src下的Java主文件（如果没有就自己创建一个），我们要做以下几件事：
 1)添加import com.phonegap.*;
2)删掉import android.app.Activity;
3)还记得刚才的outer类么？这里将outer继承为DroidGap;
4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");
5)最后看起来就像这样：

 

复制代码
package com.example.shawn;

import android.os.Bundle;
import org.apache.cordova.*;

public class outer extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}
复制代码或者这样：

 

package com.kenkao;

import org.apache.cordova.*;
import android.os.Bundle;

public class MainActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

 

package com.example.shawn;这句话是干嘛的呢？这是java中常用的，类似于文件的姓氏，看看文件树就知道了，这是放在文件前面定位用的。



public class outer extends DroidGap;这里将outer类继承为DroidGap，同时本文件的文件名也要注意保持一致（outer.java），否则会报错。


super.loadUrl("file:///android_asset/www/index.html");这句话大家可以理解为加载一个网页，这个路径大家很熟悉，就是我们的首页。透过这句话我们也可以看到phoneGap最根本的东西，就是在原生语言与网页语言之间架一座桥。


然后就可以在模拟器下试着运行一下这个项目，成功的话会出现Hello World的界面。


 




 


ok了，至此为止，phonegap的android开发环境就搭建好了，您可以基于phonegap编写自己的android应用了！











  
  

    
      
        
      
    
      
        
      
    
    
  




  

    
    
分享到：
      
      
    

  


  

    

      
      |
      Java中的List、Set、Map
    

  

  

        
  

    
  

    
评论

    
    
    
    
  


  

    
发表评论

            
   您还没有登录,请您登录后再发表评论 

      

  

  





  

    
相关推荐

    
    
    
        
        
    
          
    
            
            
    
              
                
                
                
    
                  
    
                    
                      android+Phonegap开发环境搭建
                    
                  
    
                  
    本篇文章将详细介绍如何在Android环境下搭建PhoneGap的开发环境。  首先，我们需要安装Java Development Kit (JDK)。JDK是Android开发的基础，因为Android Studio依赖于它。请访问Oracle官方网站，下载并安装适合您...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      PhoneGap开发环境搭建
                    
                  
    
                  
    ### PhoneGap开发环境搭建  #### 一、安装与配置  为了构建PhoneGap应用程序，特别是针对Android平台的应用程序，首先需要确保一系列开发工具已正确安装在您的计算机上。这些工具包括Java SDK、Eclipse IDE、Android...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      PhoneGap-Desktop-Beta-0.1.1-win 下载
                    
                  
    
                  
    PhoneGap Desktop-App可以在不搭建andrid 环境 不配置android sdk 或者不搭建xcode环境，或者不安装 node.js npm 的情况下就可以创建phoengap应用
    
                
    
                
              
                
                
                
    
                  
    
                    
                      phonegap2.9开发环境搭建
                    
                  
    
                  
    以上就是 PhoneGap 2.9.0 的 Android 开发环境搭建步骤。需要注意的是，PhoneGap 的后续版本可能有更简便的安装方法，如使用 CLI（命令行界面）进行初始化项目。随着技术的发展，建议使用最新稳定版的 PhoneGap 以...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      phonegap-2.8.0
                    
                  
    
                  
    在实际使用时，开发者会解压这个文件，然后根据提供的文档和示例来配置开发环境，创建新项目，或者集成到现有的项目中。  在PhoneGap 2.8.0中，开发者可以使用PhoneGap CLI（命令行界面）来初始化项目、安装插件和...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      基于PhoneGap的Android应用开发
                    
                  
    
                  
    通过上述步骤，你可以成功地搭建起基于PhoneGap的Android应用开发环境。PhoneGap的强大之处在于它能够让你使用熟悉的Web技术栈来开发原生级别的移动应用，极大地提高了开发效率。此外，由于其支持多种平台，因此对于...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      在Android平台下搭建PhoneGap开发环境--用HTML5开发游戏[参考].pdf
                    
                  
    
                  
     PhoneGap的开发环境搭建需要：  1. 安装 PhoneGap：下载并安装 PhoneGap 的开发环境。 2. 创建项目：使用 PhoneGap 创建一个新的项目。 3. 编写代码：使用 HTML、CSS 和 JS 语言编写应用程序的代码。 4. 配置项目：...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      phonegap项目环境搭建
                    
                  
    
                  
    PhoneGap项目环境搭建是开发跨平台移动应用的重要步骤，它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。PhoneGap是一个开源框架，它基于Apache Cordova，并且提供了与设备硬件功能交互的能力，如...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      PhoneGap环境搭建demo
                    
                  
    
                  
    PhoneGap环境搭建是开发跨平台移动应用的第一步，这里我们将详细讲解如何进行PhoneGap的配置和安装。  1. **系统需求**：首先，你需要一个支持PhoneGap开发的计算机系统，通常要求是Windows、Mac OS或Linux。确保...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      phonegap-boilerplate-server:使用phonegap-boilerplate开发应用程序的基本服务器库
                    
                  
    
                  
    PhoneGap Boilerplate Server是这个生态系统的一部分，它作为一个基本的服务器库，帮助开发者搭建后端环境，以便于进行应用的数据交互和功能扩展。  1. **PhoneGap框架介绍**：PhoneGap允许开发者利用Web技术创建...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      phonegap开发安卓
                    
                  
    
                  
    2. **开发环境搭建**：  - 首先，你需要安装Java Development Kit (JDK) 和Android SDK，它们是开发Android应用的基础。  - 安装Android Studio，它集成了Android SDK，并提供了集成开发环境（IDE）。  - 下载并配置...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      phoneGap实现android平台登录例子
                    
                  
    
                  
    在Android平台上搭建PhoneGap环境是首要步骤。你需要安装Java Development Kit (JDK)、Android SDK、Android Studio，以及配置相关的环境变量。然后，通过PhoneGap CLI（命令行界面）或者使用IDE如Visual Studio ...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      phonegap-practice-1:用于练习 phonegap dev
                    
                  
    
                  
    1. **环境搭建**：首先，你需要在你的开发环境中安装Node.js，然后使用npm（Node Package Manager）全局安装PhoneGap。接着，根据目标平台（如iOS、Android等）安装相应的SDK和开发工具。  2. **创建项目**：使用...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      第一讲   快速搭建PhoneGap开发环境.pdf
                    
                  
    
                  
    本章节旨在引导初学者快速上手PhoneGap应用开发，并重点介绍了搭建Android开发环境所需的步骤及注意事项。通过本节的学习，您将掌握以下核心知识点：  1. **JDK下载与安装** 2. **JDK环境变量配置** 3. **Eclipse + ...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      android平台搭建PhoneGap.pdf
                    
                  
    
                  
    知识点：Eclipse是一种流行的集成开发环境（IDE），广泛应用于Java、Android、Web等开发领域。Eclipse提供了强大的开发工具和插件，可以满足不同开发者的需求。  2. JDK安装和环境变量配置：文章中提到需要安装JDK并...
    
                
    
                
              
                
                
                
    
                  
    
                    
                      Android 下搭建 基于Phonegap Web App
                    
                  
    
                  
    下面我们将详细介绍如何在Android环境中搭建PhoneGap项目。  1. **安装环境**  - **Java Development Kit (JDK)**：首先确保电脑上已安装了JDK，因为Android Studio需要Java环境。  - **Android Studio**：下载并...
    
                
    
                
              
            
    
          
    
        
    
    

  





  
    Magicbox
  













      

      
        

          

            

              

                

                
              

            

            


            

          

        

            
    

    
    
  

  



   Global site tag (gtag.js) - Google Analytics