PhoneGap 案例

最新推荐文章于 2018-08-14 15:07:47 发布
最新推荐文章于 2018-08-14 15:07:47 发布
阅读量1.1k 收藏
点赞数
分类专栏： 嵌入式 PHP
PHP 同时被 2 个专栏收录
417 篇文章 0 订阅
订阅专栏
嵌入式
89 篇文章 0 订阅
订阅专栏

  • 1. 配置要求

    • Eclipse 3.4+

    这里提供一个不需要Eclipse的Terminal版本教程

  • 2. 安装 SDK + PhoneGap

    下载安装Eclipse Classic


    下载安装 Android SDK


    下载安装 ADT Plugin


    下载 最新的PhoneGap版本然后解压其中，下面就是安卓目录的配置过程了.

  • 3. 配置新的项目

    • 打开 Eclipse,在文件菜单下面点击 New > Android Project
    • 在项目的根目录, 创建两个目录:
      • /libs
      • /assets/www
    • 从刚才下载的PhoneGap中复制phonegap.js 到/assets/www目录
    • 从刚才下载的PhoneGap中复制phonegap.jar 到/libs目录
    • 从刚才下载的PhoneGap中复制xml文到夹到/res 目录
    • M对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" />
    • Add android:configChanges="orientation|keyboardHidden" to the activity tag in AndroidManifest. (view image below)
    • Add a second activity under you appliction tag in AndroidManifest. (view image below)
      <activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter> </intent-filter> </activity>
      manifest

  • 4. Hello World

    在 “/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>

  • 5A. 部署到模拟器

    • 右键单击项目节点选择Run As 然后点击 Android Application
    • Eclipse将要求你选择一个合适的AVD，如果没有设置的话，你需要创建一个AVD。

  • 5B. 部署到设备

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

  • 完成!

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

bjash
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
phonegap 环境搭建
03-12
配置成功的环境搭建过程，对于入门者是一个很好的指导，本作者是同事实际配好后，整理的文档，希望对你有用
phonegap项目环境搭建
08-21
phonegap项目环境搭建，PhoneGap的环境搭建及helloworld的实现
PhoneGap 之环境搭建
跬步
07-21 487
PhoneGap 环境搭建步骤： 1. install node.js
phonegap安装 环境搭建与配置详解( 完整版 提供下载地址)
热门推荐
提升心智
02-23 13万+
phonegap 安装 环境搭建 完整版   刚刚接触 phonegap 因为配环境遇到各种各样问题.花了一下午时间才完成,所以写一个篇文章希望能给大家节约点时间.       本文主讲windows系统下的phonegap的环境搭建 ,以android视角为主.ios用户可参考;   首先介绍搭建环境的基本准备: 1 java JDK   (搜索一下.......) 2 android SDK 最新
PhoneGAP实例源码
12-13
PhoneGAP实例源码，含汇率换算器、万圣节摇摇乐及指南针实例
ionic+phonegap 案例源码
07-29
一个ionic+phonegap框架的webapp实例源码
phonegap完整例子!
07-15
一个完整的phonegap与android的例子。用在pad上，包含一些自定义插件。
phonegap移动开发简单案例
04-03
phonegap移动开发简单案例
PhoneGap例子
12-30
PhoneGap使用的例子，具体是cordova的使用例子，里面有自己的插件，然后调用自己的插件从而调用本地的native方法
phonegap开发环境搭建
lian772882的博客
08-14 3882
phoneGap是一个开源的框架，让开发者使用web技术开发跨平台的mobile app，实现调用智能手机的核心本地功能（指南针、加速度传感器。。。）。是一个平台，以插件的形式提供了丰富的js api（application interface）,开发者编写js调用phoneGap提供的api实现对于底层和原生组件的调用 phoneGap的核心特点： 兼容性：兼容各个平台 标准化：w3c标准 ...
搭建PhoneGap开发环境以及新建项目
10-12 1237
PhoneGap作为新一代的跨平台开发工具受到越来越多的人的喜爱，是一个使用js，css以及html等语言作为开发语言的。使用使用phoneGap开发出来的项目可以编译打包到不同的运行平台，比如android、ios等。下面我就介绍一下使用PhoneGap开发android项目的开发环境搭建以及新建一个简单的项目。 PhongGap环境搭建
phonegap cordova 环境搭建及安装
baidu_33295233的博客
05-14 3384
因为学校有项目需要快速开发出来所以选择了phonegap＋html5的结构来搞，第一步就是搭建phonegap环境。 phone gap说白了就是一个封装器，可以创建出​自动创建出安卓工程或ios的，你只需要把写好的html文件拖入，然后就可以打包成apk了。言归正传，来说环境搭建，当然前提是电脑里有jdk了。 第一步，百度搜索nodes，官网下载下来，下recommended for
Phonegap环境搭建
u011579204的专栏
05-21 507
Phonegap环境搭建 1、jdk环境变量： java的环境： 安装完JDK后配置环境变量 在 计算机→属性→高级系统设置→高级→环境变量 系统变量→新建 JAVAHOME 变量 。 变量值填写jdk的安装目录（本人是 D:\AndroidDev\javajdk) 系统变量→寻找 Path 变量→编辑 在变量值最后输入 %JAVAHOME%\bin;%JAVAHOME%\jre\bin;
Cordova phonegap开发环境搭建
03-14 156
1.下载并安装Android Studio, 2.下载并安装nodejs 3.通过nodejs来安装cordova（npm install -g cordova） 4.使用cordova来创建phonegap、cordova项目（输入命令 “cordova create spreader com.sun.androidapp MySpreader” ，建立工程文件。其中sprea...
使用PhoneGap开发简单案例
懒人鱼
01-28 3320
PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的
Phonegap3.4 环境搭建及新建项目
weixin_34290000的博客
04-12 80
一、环境准备 1、到这里安装Node.js。 2、到这里下载Adroid ADT Bundle for Windows，下载后解压，我的放在：F:\MobileDev\adt-bundle-windows-x86-20131030。打开eclipse，安装最新的Android API， 及Tools，下图我能安装的都安装过了。 3、配置环境变量Path和JAVA_HOME，我已经配置好...
PhoneGap 环境的搭建
爱上飘雪的六月
01-20 615
第一步：下载 下载地址：http://phonegap.com/download/ 第二步：运行create 使用终端打开create 第三步：打开终端，新建窗口 将上图中红线部分复制下来，并在创建新的项目（红框部分为新创建iPhone项目） 第四步：完成 完成后如下图： 运行结果： 祝你成功！！
PhoneGap安装 环境搭建及配置
石头
08-17 647
Phonegap :         是一款开源的开发框架，旨在让开发者使用HTML、Javascript、CSS等Web APIs开发跨平台的移动应用程序。 它需要特定平台提供的附加软件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5及以上版本配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点，因为虽然基本代码是一
html5之phonegap环境搭建、创建项目（一）
浅浅思量
11-17 821
最近在学习 html5，搭建phonegap环境，在此做下记录。1、jdk安装，配置环境变量系统变量→新建 CLASSPATH 变量 变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一点） 系统变量→Path 变量→编辑 在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;安装完成后，检查
PhoneGap安装及使用教程
09-11
PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点，因为虽然基本代码是一样的，但是你仍然需要为每个平台分别编译应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值