`

phonegap 环境搭建教程(最新版本1.3)

 
阅读更多

 

环境搭建教程(最新版本1.3)

  • 视频教程:

  • 1.配置要求

    • Eclipse 3.4+

    如果不想使用Eclipse,这里 提供了其他教程

  • 2.安装 SDK + PhoneGap

    下载安装 Eclipse Classic


    D下载安装 Android SDK


    下载安装ADT Plugin


    下载 最新的PhoneGap版本然后解压我们将会使用Android目录.

  • 3.设置新项目

    • 打开 Eclipse,在文件菜单下面点击 新建 > Android Project
    • 在项目的根目录, 创建两个目录:
      • /libs
      • /assets/www
    • 从刚才下载的PhoneGap中复制phonegap.js 到/assets/www目录
    • 从刚才下载的PhoneGap中复制phonegap.jar 到/libs目录
    • 从刚才下载的PhoneGap中复制xml文到夹到/res 目录
    • 对Eclipse的src文件夹中的主Java文件进行少量调整:(如下图)
      • 将class的继承类由Activity 改为DroidGap
      • 将 setContentView() 这一行替换为super.loadUrl("file:///android_asset/www/index.html");
      • 添加 import com.phonegap.*;
      • 移除import android.app.Activity;
    • javaSrc
    • 在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下,右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定,你需要点击F5刷新一次项目。
    • 右键单击AndroidManifest.xml并选择 Open With > Text Editor
    • 将下面的权限设置拷贝到versionName之后:(如下图)

    • <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" />
    • 在AndroidManifest添加 android:configChanges="orientation|keyboardHidden" 到activity标签(见下图)
    • 在AndroidManifest添加第二个activity到 appliction 标签下面. (见下图)
    • <activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter> </intent-filter> </activity>
      manifest
  • 4.hello word程序的编写

    N在 “/assets/www”目录中新建文件index.html ,并粘贴如下代码:

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>PhoneGap</title>
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    </head>
    <body>
    <h1>Hello World</h1>
    </body>
    </html>

    *phonegap.js 需要改为phonegap.<版本号>.js

     

  • 5A. 加载到模拟器

    • 右键单击项目节点选择 Run As 然后点击Android Application
    • Eclipse将要求你选择一个合适的AVD(模拟器),如果没有设置的话,你需要创建一个AVD。
  • 5B. 加载到设备

    • 确认设备已经勾选USB 调试选项,并已将设备连接到电脑。(设置 > 应用程序 > 开发)
    • 右键单击项目节点选择Run As 然后点击 Android Application
  • 完成!

    你可以在这里了解本指南的详细版本.


 

分享到:
评论

相关推荐

    PhoneGap环境搭建demo

    确保系统上已经安装了最新版本的Node.js,因为PhoneGap依赖于Node.js的npm(Node包管理器)来安装和管理其依赖。 2. **安装Node.js**:访问Node.js官网下载并安装适合你系统的版本。安装完成后,可以在命令行中输入...

    phonegap项目环境搭建

    访问[https://nodejs.org](https://nodejs.org) 下载并安装最新版本。 - Git:用于从GitHub获取PhoneGap和Cordova的源代码。你可以从[https://git-scm.com/downloads](https://git-scm.com/downloads)下载并安装Git...

    PhoneGap环境配置教程

    PhoneGap环境配置教程

    phonegap 环境搭建

    访问PhoneGap官方网站,下载最新版本的PhoneGap SDK。解压缩后,将其放置在你方便访问的位置。 六、在虚拟机上运行PhoneGap 1. 在Eclipse中创建一个新的Android项目。 2. 将PhoneGap库添加到项目中,通常在项目的...

    PhoneGap视频教程(10讲)

    教程名称: PhoneGap视频教程(10讲)【TI教程网】PhoneGap Android开发环境搭建视屏教程【TI教程网】PhoneGap目录结构介绍, 插件下载和安装、连接真实机器调试【TI教程网】PhoneGap视频教程第一讲【TI教程网】...

    android+Phonegap开发环境搭建

    访问Google的开发者网站,下载最新版本的Android Studio,并按照向导进行安装。 安装Android Studio后,启动它并配置Android SDK。在设置中,确保已经添加了需要的Android版本(API级别)。PhoneGap通常需要至少API...

    PhoneGap环境搭建

    PhoneGap环境的搭建是开发者入门PhoneGap的第一步,这个过程包括安装必要的软件、配置环境变量以及创建和运行第一个PhoneGap项目。 首先,我们需要准备的软件工具有: 1. Java Development Kit (JDK):Java运行环境...

    PhoneGap 视频教程+源码+课件

    不搭建andrid 环境 不配置android sdk 或者不搭建xcode环境,或者不安装 node.js npm 的情况下就可以创建phoengap应用 电脑敲代码 手机上的phonegap app实时自动更新显示 视频教程+源码+课件

    Xcode5 + phoneGap2.9搭建ios开发环境

    你可以从官方网站下载并安装最新版本的Node.js。然后,通过终端运行`npm install -g cordova`命令安装Cordova,PhoneGap实质上是Cordova的一个包装器。接着,执行`npm install -g phonegap@2.9.0`安装特定版本的...

    DREAMWEAVER CS6配置PHONEGAP环境

    DREAMWEAVER CS6配置PHONEGAP环境搭建

    PhoneGap开发环境搭建

    - **安装步骤**:直接从官方网站下载最新版本的Java SDK并按照提示完成安装过程。安装过程中请注意选择合适的路径以便后续步骤能够顺利找到Java SDK的安装位置。 ##### 2. Eclipse IDE - **概述**:Eclipse是一个...

    Eclipse+android+jdk+phonegap开发环境教程.pdf

    Eclipse+Android+JDK+PhoneGap 开发环境教程 本文将介绍如何安装基于 Android SDK 下安装 PhoneGap 框架,并详细讲解 PhoneGap 开发环境的配置过程。 一、前言 PhoneGap 是一个跨平台的移动应用开发框架,允许...

    phonegap-1.3

    这个“phonegap-1.3”是 PhoneGap 的一个早期版本,发布于2012年左右。在那个时期,PhoneGap 1.3 为开发者提供了许多基础功能,帮助他们将网页应用转化为可以在不同移动设备上运行的原生应用。 PhoneGap 1.3 版本的...

    phonegap 开发环境教程

    注意:随着 PhoneGap 的更新,版本号可能会有所不同,确保使用最新版本并参照相应版本的官方文档进行配置。同时,不要忘记定期更新 Android SDK 和 Android Studio,以保持开发环境的最新状态。

    在虚拟机下搭建phonegap的iphone开发环境版本

    - PhoneGap:下载并安装最新版本,例如PhoneGap-1.0.0.dmg。 3. **安装VMware**: - 在Windows XP上安装VMware Workstation 7.1,按照安装向导的指示进行。 4. **创建虚拟机**: - 在VMware中,选择“File”&gt;...

    phonegap2.9开发环境搭建

    PhoneGap 2.9 版本是较早的一个版本,但它的环境搭建过程对于初学者来说仍然具有指导意义。下面将详细介绍如何搭建 PhoneGap 2.9 的 Android 开发环境。 首先,你需要安装基础的开发工具。这包括 Java Development ...

    Eclipse+android+jdk+phonegap开发环境教程借鉴.pdf

    本教程主要涉及的是使用Eclipse、Android SDK、JDK和PhoneGap搭建一个完整的移动应用开发环境,特别是针对Android平台。PhoneGap是一种开源框架,它允许开发者使用HTML5、CSS3和JavaScript来创建跨平台的移动应用...

    Android开发环境搭建及配置phoneGap中文最新版本

    本文档主要讲述的是Android开发环境搭建及配置phoneGap;希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看

    Phonegap 源码 2.9 最新

    这个“PhoneGap源码 2.9 最新”压缩包包含的是PhoneGap 2.9.0版本的完整源代码,支持iOS和Android等平台的开发。 PhoneGap的核心理念是通过一个统一的API接口,让开发者可以访问到手机的原生功能,如摄像头、GPS、...

Global site tag (gtag.js) - Google Analytics