`
annaanna01
  • 浏览: 1785 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Phonegap/cordova 5 中文入门教程

阅读更多
phonegap是一个跨平台的移动app开发框架,但是对于新手来说,遇到这么个陌生的东西,最麻烦的就是环境搭建,环境搭建成功,说明你已经学会了50%的phonegap开发了。这里主要先说android 环境搭建,ios是非常之简单

1.下载和安装Cordova框架
现在cordova是利用nodeJS进行管理,所以需要先下载nodeJS。其中,就包含了npm管理器。下载地址:
https://nodejs.org/
在命令行窗口确认安装完成,输入命令,查看nodejs版本
npm –version
2.在windows上安装Cordova
在命令行窗口输入:
npm install -g cordova
安装完后输入命令检查是否安装成功
cordova -v
3.安装android开发环境要求的jdk
自己到sun.com 下载java的开发环境,现在是最新版1.8,很简单,双击exe安装
4. 安装ADT,要编译android应用,需要adt sdk编译器,这个是google的,可能需要fanqiang
下载ADT,地址:
http://developer.android.com/sdk/

安装完后 启动Android SDK Manager,下载android sdk和工具

上面主要的难点和问题是android sdk的安装,因为被墙的原因,安装可能需要耗点时间和精力。安装完后就可以使用cordova了。
5.创建第一个phonegap/cordova 项目
创建cordova项目,第一个demo是目录,第二个是应用包名,第三个参数是应用名称
cordova create demo com.baidu.demo demo
工程创建完后添加android支持
Cordova platform add android
第一次创建项目需要联网下载模板,可能需要点时间,等待完成后输入编译命令
Cordova run android
如果android手机连接到了电脑,应用会被安装到手机,可以在手机上查看效果了,如果手机未连接到电脑或者未正常驱动,则可以单独编译然后手动安装
Cordova build android
Build后apk会产生,放在项目的platform/android/builds/下面
Phonegap cordova开发交流群475496285
分享到:
评论

相关推荐

    phonegap/cordova 案例android版本

    在这个“phonegap/cordova案例android版本”中,我们将深入探讨这两个工具如何协同工作,以及如何在Android平台上创建一个简单的应用。 PhoneGap是由Adobe维护的一个开放源代码项目,它基于Cordova,并提供了额外的...

    phonegap cordova简明环境配置入门文档

    Apache Cordova是PhoneGap的核心引擎,也就是我们通常所说的PhoneGap。PhoneGap/Cordova通过利用WebView(在iOS上是UIWebView或WKWebView,在Android上是WebView)来加载一个本地的Web视图,并通过一些原生插件来...

    phonegap Cordova开发demo

    "HelloCordovaWebView"这个名字通常代表一个基本的入门项目,用于演示如何在Cordova环境中加载和展示H5页面。这个示例可能包括一个简单的HTML文件,该文件在Cordova的WebView组件中加载,WebView是一个能在原生应用...

    Cordova使用图文教程

    ### Cordova使用图文教程知识点详解 #### 一、Cordova简介 Cordova(原名PhoneGap)是一个开源移动开发框架,允许开发者使用HTML、CSS和JavaScript等Web技术来...希望本教程能够帮助初学者快速入门Cordova开发流程。

    PHONEGAP入门经典源码

    1. **官方文档**:PhoneGap官方提供的详细教程和API文档是学习的最佳起点(https://cordova.apache.org/docs/)。 2. **在线课程**:许多在线教育平台如Udemy、Coursera有专门的PhoneGap课程,系统讲解从安装环境到...

    phonegap入门经典源码

    PhoneGap入门经典源码是针对初学者的一份宝贵资源,旨在深入浅出地介绍PhoneGap这一跨平台移动应用开发框架的基础知识。PhoneGap允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用,覆盖iOS、Android、...

    Cordova 3.x入门

    PhoneGap与Cordova实际上是同一个项目,只是品牌名称不同,PhoneGap是Adobe公司对其产品的商业命名。 在本书中,作者rensanning将带领读者入门Cordova 3.x,涵盖了基础知识点、实用插件、源码分析和实例开发等方面...

    使用Eclipse ADT构建PhoneGap入门程序

    - 下载最新版的PhoneGap/Cordova:访问官方网站下载适合你的平台的PhoneGap或Cordova ZIP文件。 - 将下载的PhoneGap文件解压,并将其复制到Android项目的"assets"目录下。 - 在"res/xml"目录下创建一个名为"config....

    android之PhoneGap入门实例

    PhoneGap是一款开源的移动应用开发框架,它允许开发者使用HTML5、CSS3和JavaScript来构建跨平台的原生移动应用程序。PhoneGap的核心理念是通过Web技术实现与移动设备硬件的交互,让开发者能够利用熟悉的Web开发技能...

    phonegap源码+示例

    这个资源包含PhoneGap的源代码,版本为Cordova2.9,以及相关的示例程序,这为我们深入理解PhoneGap的工作原理和开发流程提供了宝贵的材料。 Cordova2.9是PhoneGap的一个重要版本,它在那时提供了对多种移动操作系统...

    Cordova 3.x 入门 - 目录

    Cordova 3.x入门教程是针对移动应用开发的框架,它允许开发者使用Web技术(HTML5、CSS3、JavaScript)来构建跨平台的移动应用程序。Cordova的核心理念是将Web应用封装在原生的移动应用壳中,使得Web应用能够访问设备...

    Phonegap-ApiMobile-Example:在这个用于Android的应用程序中,有一小部分带Phonegap的Cordova api示例

    PhoneGap的核心是Apache Cordova,一个允许JavaScript访问设备APIs的平台,如摄像头、联系人列表、GPS等。这个名为"Phonegap-ApiMobile-Example"的项目是一个专门为Android平台设计的应用程序示例,旨在展示如何使用...

    phonegap-3-sample-wooshi:比斯米拉

    PhoneGap 使用 Pushwoosh 构建入门应用程序 一个 Hello World 应用程序,用于开始使用集成了 Pushwoosh 推送通知的 PhoneGap Build(iOS、Android)。 用法 运行应用程序 /www/index.html 运行测试 /www/spec.html...

    card-reader-phonegap:Cordova 插件,适用于 3.5 毫米耳机插Kong迷你磁性移动读卡器

    读卡器-phonegap Cordova 插件,适用于 3.5 毫米耳机插Kong迷你磁性移动读卡器 入门 安装插件并使用以下方法“cardReaderStart”启动读卡器: function cardReaderStart ( cardReadSuccess , cardReadFailure ) {...

    PhoneGap例子

    PhoneGap是一种跨平台的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript...对于希望进入移动应用开发领域的开发者来说,PhoneGap是一个很好的起点,因为它降低了入门门槛,同时又能充分利用Web开发者的技能。

    Cordova入门应用实例

    Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的... 结合式实际业务的例子,打开项目直接就可用,初学者的入门必备源码!

    PhoneGap安装及使用教程

    在这个文件中,你需要引入 `cordova-x.x.x.js` 文件,以便利用 PhoneGap 的功能。例如: ```html <!DOCTYPE HTML> <title></title> <script type="text/javascript" charset="utf-8" src="cordova-x.x.x....

    wikitude-ionic-3-starter-app:此入门应用程序是让您以Wikitude和Ionic 3进行自己的增强现实项目的最快方法

    它使用Phonegap / Cordova Wikitude插件(7.1)的版本,并且基于Ionic 3(3.19.0) 。 它包含Wikitude示例项目(浮动在相对位置的地球的3D模型)中的两个示例AR世界(1个地理世界-默认,一个图像识别世界)。 通过...

Global site tag (gtag.js) - Google Analytics