[Phonegap+Sencha Touch] 移动开发2、PhoneGap初步使用

2024-01-28 11:58

本文主要是介绍[Phonegap+Sencha Touch] 移动开发2、PhoneGap初步使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

下面讲的是创建一个PhoneGap项目,然后打包成apk安装包 的一般方法。与以后讲Sencha touch+PhoneGap的开发有少许不同。

1、打开cmd,把盘符转到想要创建项目的目录,比如 D:\

2、创建项目
运行命令:phonegap create hello com.pushsoft.hello Hello
第一个hello是项目文件夹名,此处就是D:\hello,在此文件夹下会生成www子目录作为主页面存入目录,包括有css,js和img资源。 其中config.xml包括了重要的资源描述和项目配置信息.
com.pushsoft.hello是包名,即命名空间,学过java的应该都知道,这个参数是可选的
第三个Hello是程序名字

3、后续操作都要在创建的项目目录下进行,执行:cd hello

4、编译
运行build命令,输入不同平台标识,生成不同平台下的相应文件。
如下以android设备为例:
D:\hello> phonegap build android
要查看详细(verbose)执行过程,可增加命令参数-V :
D:\hello> phonegap -V build android
之后可以看到D:\hello\platforms\android里出现Android项目,这个项目可以用eclipse打开。

5、安装运行
在模拟器或移动设备上测试App: D:\hello> phonegap install android
也可用参数e专门指定运行在模拟器上:D:\hello> phonegap -e install android

6、编译并运行(相当于上面build和install两步骤操作)
D:\hello> phonegap run android
也可用参数e专门指定运行在模块器上:D:\hello> phonegap -e run android

附录:如果需要为webapp提供一些调用原生api或设备的功能,比如摄像头、电池信息、访问文件、读取通讯录等,需要为phongap项目添加phonegap插件。
添加插件的方法(确保已经安装了GitHub)
cmd执行下面的命令,即可添加对应功能的插件,下面是官方完整的插件列表,我直接拷贝过来,可能会有变化:


Basic device information 基本设备信息:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

Network and battery status 网络和电池状态:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-network-information.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-battery-status.git

Accelerometer, compass, and geolocation 加速度计、指南针和地理位置:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-device-motion.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-device-orientation.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git

Camera, media capture, and media playback 摄像头、网页摄像头和多媒体播放:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-media-capture.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-media.git

Access files on device or network 访问本地或网络文件:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-file-transfer.git

Notifications via dialog box or vibration 提示框通知或震动:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-vibration.git

Contacts 通讯录:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-contacts.git

Globalization 全球化 多语言:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-globalization.git

Splash Screen 启动画面:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-splashscreen.git

In-app browser App内嵌浏览器:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

Debug console 调试控制台:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git    

下面还有几个非官方的
Barcode Scanner 二维码,支持 ios,   android
phonegap local plugin add http://github.com/wildabeast/BarcodeScanner.git

Toast 弹出消息,支持 ios,  android 和wp8
phonegap local plugin add http://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git

选择 文件对话框,只支持a ndroid
phonegap local plugin add http://github.com/don/cordova-filechooser.git

锁定屏幕方向,支持 ios,   android
phonegap local plugin add http://github.com/yoik/cordova-yoik-screenorientation.git

通知推送,支持 ios,  android,  wp8和Amazon Fire OS (这个插件的android版使用的是GCM推送,在国内基本不能用)
phonegap local plugin add http://github.com/phonegap-build/PushPlugin.git

WebIntent 安卓“意图”插件(不懂意图是啥的去学下安卓),支持 android
phonegap local plugin add http://github.com/Initsogar/cordova-webintent#webintent-android-plugin-for-cordova-3x.git

wizUtils 比较实用的一个工具类插件,可以获取安装包的版本、获取设备宽高、设置和获取粘贴板内容、重启app,支持 ios,   android
phonegap local plugin add http://github.com/Wizcorp/phonegap-plugin-wizUtils.git

preferences 存储偏好设置的插件(用来存储你的app的设置信息),支持 ios,   android
phonegap local plugin add http://github.com/dferrell/plugins-application-preferences .git

这篇关于[Phonegap+Sencha Touch] 移动开发2、PhoneGap初步使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/653568

相关文章

Java中的Cursor使用详解

《Java中的Cursor使用详解》本文介绍了Java中的Cursor接口及其在大数据集处理中的优势,包括逐行读取、分页处理、流控制、动态改变查询、并发控制和减少网络流量等,感兴趣的朋友一起看看吧... 最近看代码,有一段代码涉及到Cursor,感觉写法挺有意思的。注意是Cursor,而不是Consumer

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

Rust中的注释使用解读

《Rust中的注释使用解读》本文介绍了Rust中的行注释、块注释和文档注释的使用方法,通过示例展示了如何在实际代码中应用这些注释,以提高代码的可读性和可维护性... 目录Rust 中的注释使用指南1. 行注释示例:行注释2. 块注释示例:块注释3. 文档注释示例:文档注释4. 综合示例总结Rust 中的注释

Linux使用cut进行文本提取的操作方法

《Linux使用cut进行文本提取的操作方法》Linux中的cut命令是一个命令行实用程序,用于从文件或标准输入中提取文本行的部分,本文给大家介绍了Linux使用cut进行文本提取的操作方法,文中有详... 目录简介基础语法常用选项范围选择示例用法-f:字段选择-d:分隔符-c:字符选择-b:字节选择--c

使用Go语言开发一个命令行文件管理工具

《使用Go语言开发一个命令行文件管理工具》这篇文章主要为大家详细介绍了如何使用Go语言开发一款命令行文件管理工具,支持批量重命名,删除,创建,移动文件,需要的小伙伴可以了解下... 目录一、工具功能一览二、核心代码解析1. 主程序结构2. 批量重命名3. 批量删除4. 创建文件/目录5. 批量移动三、如何安

Python重命名文件并移动到对应文件夹

《Python重命名文件并移动到对应文件夹》在日常的文件管理和处理过程中,我们可能会遇到需要将文件整理到不同文件夹中的需求,下面我们就来看看如何使用Python实现重命名文件并移动到对应文件夹吧... 目录检查并删除空文件夹1. 基本需求2. 实现代码解析3. 代码解释4. 代码执行结果5. 总结方法补充在

springboot的调度服务与异步服务使用详解

《springboot的调度服务与异步服务使用详解》本文主要介绍了Java的ScheduledExecutorService接口和SpringBoot中如何使用调度线程池,包括核心参数、创建方式、自定... 目录1.调度服务1.1.JDK之ScheduledExecutorService1.2.spring

Java使用Tesseract-OCR实战教程

《Java使用Tesseract-OCR实战教程》本文介绍了如何在Java中使用Tesseract-OCR进行文本提取,包括Tesseract-OCR的安装、中文训练库的配置、依赖库的引入以及具体的代... 目录Java使用Tesseract-OCRTesseract-OCR安装配置中文训练库引入依赖代码实