PhoneGap-PhoneGap入门

最新推荐文章于 2024-11-11 17:38:48 发布
最新推荐文章于 2024-11-11 17:38:48 发布
阅读量320 收藏
点赞数
分类专栏： PhoneGap 文章标签： phonegap android eclipse jdk build application
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phs12104/article/details/7450834
版权
基于PhoneGap.0.9.4源码下载：http://vdisk.weibo.com/s/18SV2
基于PhoneGap.1.2.0源码下载：http://vdisk.weibo.com/s/18UdL
两者区别：测试发现，1.2.0必须于/res/xml下导入phonegap.xml和plugins.xml，否则super.loadUrl("file:///android_asset/www/index.html")代码段无法正常运行。当然，正常开发中，0.9.4也是需要导入的，但在本实例中，并不会报错。

------------------------------------------------------------------------------------------

使用PhoneGap来创建移动App应用：

打开项目的www目录(android是在项目的assets/www目录下)，编辑index.html，在body中键入helloworld(你也可以加上js和css文件在这个目录下面)，保存，然后你就可以首先部署到模拟器上看看。

也许你会说，这不就是网页嘛!是的，这就是网页，不过通过PhoneGap，这样的网页应用就有能力访问设备的所有功能：文件系统，GPS，相机，重力加速度计，电话簿等，当然不同的设备支持的功能会有所不同(目前PhoneGap还不能支持完所有的功能，具体看各个设备支持的特性列表)。另外要想呈现和移动应用一样的外观，你还需要选择一种HTML 5 Mobile UIFramework库，这样的Framework库已经很多了: Sencha Touch, JQTouch, JMobile, XUI,The-M-Project,Dojo Mobile, dhtmlxTouch, wink, jo, webapp.net…

PhoneGap Build

除了在本地编译应用之外，您还可以使用Phonegap提供的云端Build工具进行应用编译。那就是：PhonegatBuild，通过它，您只需要将用HTML 5写好的应用上传到PhoneGap的云端服务器，它即可以帮你编译不同平台平的应用。

Part of the phonegap build status screen for an app, showing downloads and errors

PhoneGap Build 当前PhoneGapBuild依然处于beta状态，你需要申请，等到通过方可使用。另外推荐一个Chrome的插件，RippleEmulator(http://ripple.tinyhippos.com/)可以在Chrome浏览器上测试你的应用，支持PhoneGap。



-------------------------------------------------------------------------------------------

PhoneGap官方网站上有详细的入门示例教程，这里，我针对使用PhoneGap进行Android移动应用的开发对其官网的GetStarted进行一些介绍、补充。

Step1、选择你想要进行开发的移动平台，点击Android图标

Step2、需要安装的软件-Eclipse3.4以上版本

Step3、安装SDK+PhoneGap

(1)安装Eclipse3.4，我安装使用的为3.6版本中文语言包(如果你使用的是英文原版，下面的一些操作请自行和我的中文描述对应)，ADT Plugin要求使用3.5.1以上版本 。如果你对Eclipse不了解，不知道使用哪种版本的，建议下载EclipseClassic版本。Eclipse为绿色版软件，下载后解压到任意位置均可使用。

(2)下载安装JDK (java SDK)。android SDK 依赖于JDK，所以必须先安装JDK 。JDK1.6官方下载。JDK 安装好以后，需要配置系统环境变量。配置系统环境变量.

(3)下载安装Android SDK(android官方下载地址不可直接访问，华军有当前最新版本的SDK下载，访问这里)。同JDK设置环境变量一样，需要设置ADK的环境变量为(以我安装ADK的路径为例) M:\Program Files\Android\android-sdk\platform-tools

(4)下载安装 ADT Plugin 是一款Eclipse的插件，用于快速开发Android应用。

(5)下载最新版本的PhoneGap

以上所有都安装好以后，再进行下一步

Step4

◆打开Eclipse，选择文件->新建->其他->AndroidProject

并建立一个专案本文以 [helloinside]为名称，分别输入专案的属性为

Application name：helloinside

Package name：com.phonegap.helloinside

Create Activity：app

打开Eclipse

这一步如果遇到No target available ，是因为ADK环境没配置好首选项—>android—>选择android-sdk的路径，然后点击应用即可。(需要重新启动Eclipse)

注：目前PhoneGap 0.9.3用Android 2.3以上版本会出错，所以Build Target请选 Android2.2以下的版本。

◆在新建项目的根目录下，创建两个目录

  1. /libs 
  2.  
  3. /assets/www 

◆解压PhoneGap文件夹，复制phonegap.js文件到/assets/www目录下，复制phonegap.jar文件到libs目录下

◆需要对Eclipse下项目的App.java文件(src文件夹内)进行一些配置(如图所示)

修改类的继承 将Activity 修改为 DroidGap

将setContentView()这一行修改为super.loadUrl("file:///android_asset/www/index.html");

添加 import com.phonegap.*;

有可能在这里会遇到一个错误，显示Eclipse找不到phonegap-0.9.2.jar ，右键点击/libs文件夹，BuildPaths(构建路径)/ > Configure Build Paths(配置构建路径)在library(库)栏向工程中添加phonegap-0.9.4.jar ，可能需要按一次F5刷新。

◆右键点击AndroidManifest.xml文件，选择Open With > TextEditor(打开方式->文本编辑器)

如图所示

◆粘贴下面的授权信息至版本名称后面(如图所示)

  1. <supports-screens 
  2. android:largeScreens="true" 
  3. android:normalScreens="true" 
  4. android:smallScreens="true" 
  5. android:resizeable="true" 
  6. android:anyDensity="true" 
  7. /> 
  8. <uses-permission android:name="android.permission.CAMERA" /> 
  9. <uses-permission android:name="android.permission.VIBRATE" /> 
  10. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> 
  11. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> 
  12. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /> 
  13. <uses-permission android:name="android.permission.READ_PHONE_STATE" /> 
  14. <uses-permission android:name="android.permission.INTERNET" /> 
  15. <uses-permission android:name="android.permission.RECEIVE_SMS" /> 
  16. <uses-permission android:name="android.permission.RECORD_AUDIO" /> 
  17. <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /> 
  18. <uses-permission android:name="android.permission.READ_CONTACTS" /> 
  19. <uses-permission android:name="android.permission.WRITE_CONTACTS" /> 
  20. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 
  21. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 

如上图所示

◆向activity标记中添加android:configChanges="orientation|keyboardHidden”(如上图所示)

Step5

◆新建一个index.html文件至/assets/www目录下

◆粘贴下面的代码至index.html文件中

  1. <!DOCTYPE HTML> 
  2. <html> 
  3. <head> 
  4. <title>PhoneGap</title> 
  5. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  6. </head> 
  7. <body> 
  8. <h1>Hello World!</h1> 
  9. </body> 
  10. </html> 

Step6

◆右键点击项目，选择 运行方式-> Android Application

◆Eclipse可能会询问你选择一个AVD(Android运行的虚拟设备)，如果没有，你可以创建一个(建议选择2.2版本)

注意：运行时初始启动较慢，需要耐心等待几分钟。

如果你看到了下面这张图，恭喜你，hello world运行成功!

hello world

Step7

◆确保你的设备上开启了USBdebug模式，并且通过USB线将它连接到电脑上(你的设备：设置->应用->开发)

◆右键点击项目，选择 运行方式-> Android Application

OK ! 如果不出意外的话，你的第一个Android版应用 HelloWorld!就已经大功告成了。接下来，你可以参阅PhoneGap wiki 学习更多的应用开发知识。


phs12104
关注
专栏目录
phonegap-978-1-7852-8609-4:PhoneGap 入门 [视频]
05-30
这个【标题】"phonegap-978-1-7852-8609-4:PhoneGap 入门 [视频]" 指的是一份关于 PhoneGap 入门的视频教程，可能是为了帮助初学者快速掌握 PhoneGap 开发的基本概念和实践技巧。【描述】中的内容简洁明了，重复了...
phonegap-1:演示应用程序显示了 phonegap 的基础知识
07-13
总结一下，"phonegap-1"项目是学习PhoneGap入门的一个好起点。通过分析它的源代码，开发者可以了解如何使用JavaScript和HTML5创建跨平台的移动应用，如何利用PhoneGap提供的API访问设备功能，以及如何管理项目的结构...
Toast-PhoneGap-Plugin 安装与使用指南
gitblog_00796的博客
08-23 317
Toast-PhoneGap-Plugin 安装与使用指南 Toast-PhoneGap-Plugin:beers: A Toast popup plugin for your fancy Cordova app项目地址:https://gitcode.com/gh_mirrors/to/Toast-PhoneGap-Plugin 1. 项目目录结构及介绍 Toast-PhoneGap-Plug...
phonegap入门-- Camera 摄像头
十年饮冰，难凉热血
05-29 1347
今天看了一下phonegap 的Camera摄像头章节入门知识，从官网ApI上看了例子，然后分析了一下： 配置可以看一下官网的API：http://www.phonegap100.com/doc/cordova_camera_camera.md.html#Camera 通过看官网API，下面总结一下相关方法和属性参数： Camera Api简单介绍 Camera选择使用摄像头拍
PhoneGap--001 入门 安装
weixin_30338743的博客
10-23 61
PhoneGap 百度百科 PhoneGap 中文网 3.0 安装使用 今天也配置好phonegap3.0 android开发环境了，操作系统是win7，就楼主文章做些补充。 我是按phonegap官网文档配置的，有些注意事项如下： 第一步要安装jre/jdk，到sun网站上，下载jdk，我下的版本是jdk-7u25 ，然后安装。 安装完以后，注意要在环境变量中添加，一个是path...
PhoneGap 入门指南（四）
龙哥盟
08-18 523
PhoneGap 插件是 PhoneGap 功能的扩展。它访问手机上的一项功能。插件功能可能只能访问手机的本机功能，也可能提供访问云服务的功能。JavaScript 文件本地语言文件插件的 JavaScript 文件是 PhoneGap 应用和 PhoneGap 插件之间的接口。JavaScript 文件使用 JavaScript 函数来访问插件的功能。PhoneGap 框架使用本地语言文件来与电话交互以访问本地功能。作为插件用户，我们需要将本机代码放入我们的项目结构中。
phonegap入门 -- Camera 摄像头
SalmonellaVaccine的专栏
08-13 738
http://blog.csdn.net/mengxiangyue/article/details/8796254
react-native与phonegap入门-曾亮-专题视频课程
曾亮的博客
09-04 237
web 全栈18-掌握react-native与phonegap开发
PhoneGap入门
liangyun929的专栏
09-02 438
phonegap入门
phonegap入门--2 Device
孟祥月的专栏
04-10 3921
最近一个是工作比较忙,一个是自己有点懒了,几乎没有写博客，今天有点时间更新一下博客。 上次写phonegap简单的写了一下android环境的搭建，在写完了上篇文章之后，phonegap马上就更新到了2.5.0，所以这次写博客也是用的这个版本。 在开发的过程中，我们为了在不同平台上使用相同的代码，所以有时候需要更具平台去写一些不能通用的代码，这时候我们就可以使用phonegap提供的devic
mac phonegap入门 －STEP1－CLI－ 安装phonegap
chuihu2738的博客
09-21 92
http://docs.phonegap.com/getting-started/1-install-phonegap/cli/ 必要的条件 node.js- 一个 JavaScript 运行环境，用来编译javascript代码 git- 用来CLI下载资源的工具，它被...
phonegap-3-sample-wooshi:比斯米拉
06-25
PhoneGap 使用 Pushwoosh 构建入门应用程序 一个 Hello World 应用程序，用于开始使用集成了 Pushwoosh 推送通知的 PhoneGap Build（iOS、Android）。 用法 运行应用程序 /www/index.html 运行测试 /www/spec.html...
ngcordova-phonegap-build:ngCordova 入门 - 将应用程序提交给 Phonegap Build 服务的存储库
06-13
通过 ngCordova 与 PhoneGap Build 结合，我们可以利用 AngularJS 的强大功能和 PhoneGap Build 的便捷性来快速开发移动应用。 首先，让我们深入了解 ngCordova。ngCordova 是 AngularJS 和 Cordova 之间的桥梁，它...
phonegap-2.1.0
09-28
在 "phonegap-phonegap-26d211b" 文件中，很可能包含了 PhoneGap 的源代码、构建脚本、文档以及必要的示例项目，帮助开发者快速入门并开始构建自己的 PhoneGap 应用。这个版本可能针对 Android SDK 的某个特定版本...
《Apache Cordova/PhoneGap 使用技巧分享》
weixin_47266126的博客
10-30 539
随着移动技术的不断发展，Cordova 也在不断更新和完善，开发者可以持续关注其发展动态，不断提升自己的开发技能。在移动应用开发的领域中，Apache Cordova（也被称为 PhoneGap）是一个强大的工具，它允许开发者使用 HTML、CSS 和 JavaScript 等 Web 技术来构建跨平台的移动应用。Cordova 通过将 Web 应用封装在一个本地容器中，然后利用各个移动平台的原生插件来访问设备的硬件功能，如摄像头、GPS、加速度计等。可以在 Cordova 的官方插件库中查找更多的插件。
安卓主板_基于联发科MTK MT8788平台平板电脑方案_安卓核心板开发板定制
最新发布
yangyang__z的博客
11-11 257
我们的产品应用涉及智能手持终端，POS机，广告机，机器人，智能家居，工业控制，车载导航，安防监控，移动医疗，环境监测，培训教育及物联网等相关领域。公司现有研发人员60多人，硕士以上学历占30%，核心人员都是在移动通讯技术领域有着多年研发经验的资深人士，能够提供从工业设计（ID）,结构设计（MD）,硬件设计（HW）,软件设计（SW）,生产制造（Manufacturing）,测试（TE）,品质保障（QA）的全套解决方案。语音编解码器(FR，HR，EFR，AMR FR，AMR HR和宽带AMR)
【北京迅为】itop-3588开发板摄像头使用手册Android12 双摄方案
Chihiro_S的专栏
11-08 910
【北京迅为】itop-3588开发板摄像头使用手册Android12 双路摄像头方案
安卓市场如何做APP的分发、推广？
2401_88539912的博客
11-08 830
然后再加上小米lookalike算法，然后他会为这批用户投放，然后他也有点击根据点击用户的一个画像，再跟用户去进行一个算法的融合，然后再针对这批用户，不断的一个循环曝光，你会发现，整个会越来越精准，我们的投放的广告，目标人群越来越细，我们选了750万的一个人群数量去做，到后来只会针对750万里面可能是我们用户的那150万去曝光，因为他这个效果是没有任何人为干扰，他就是一个黑科技去算的，最后做出来，我们整个作为效果是非常准的。包括一些宣传，主打是整个品牌度，拍照、有声有色，帅气，年轻化。
Android 编译系统
xuanyulevel6的博客
11-11 584
Android.mk是以前Android项目中常用的构建脚本文件，Android.bp是用来替换Android.mk的配置文件，它使用Blueprint框架来解析。Blueprint是生成、解析Android.bp的工具，是Soong的一部分。Soong则是专为Android编译而设计的工具，Blueprint只是解析文件的形式，而Soong则解释内容的含义，最终转换成Ninja文件。Android.bp文件用类似JSON的简洁声明来描述需要构建的模块。基础了解请看Android.bp你真的了解吗在性能上。
PhoneGap入门教程2012
" Beginning PhoneGap 2012 英文文档" 《Beginning PhoneGap 2012》是一本专为跨平台移动应用开发者编写的指南，旨在帮助读者理解和掌握使用PhoneGap进行多平台应用程序开发的技术。这本书面向的读者群体是那些希望...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值