IOS Web App初步使用 - 基于PhoneGap框架

合集下载

IOS之UIWebView的使用(基本知识)

IOS之UIWebView的使用(基本知识)在Android开发中有WebView作为混合模式开发的桥梁，当然在IOS中也同样有一个UIWebView 组件来作为混合模式开发的桥梁，那么下面就对UIWebView的一些基本知识详解一下..刚接触IOS开发1年多，现在对于混合式移动端开发越来越流行，因为开发成本上、速度上都比传统的APP开发要好，混合式开发是传统模式与PC网页端相结合的模式。

那么提到了APP的混合模式开发，在Android开发中有WebView作为混合模式开发的桥梁，当然在IOS中也同样有一个UIWebView 组件来作为混合模式开发的桥梁，那么下面就对UIWebView的一些基本知识详解一下。

一、UIWebView的基础使用1、创建UIWebView：CGRect bouds = [[UIScreen manScreen]applicationFrame];UIWebView* webView = [[UIWebView alloc]initWithFrame:bounds];2、设置属性：webView.scalespageToFit = YES;//自动对页面进行缩放以适应屏幕webView.detectsPhoneNumbers = YES;//自动检测网页上的电话号码，单击可以拨打3、显示网页视图UIWebView：[self.view addSubview:webView];4、加载内容NSURL* url = [NSURL URLWithString:@""];//创建URL NSURLRequest* request = [NSURLRequest requestWithURL:url];//创建NSURLRequest [webView loadRequest:request];//加载也可以加载一个本地资源:NSURL* url = [NSURL fileURLWithPath:filePath];//创建URLNSURLRequest* request = [NSURLRequest requestWithURL:url];//创建NSURLRequest [webView loadRequest:request];//加载UIWebView 还支持将一个NSString对象作为源来加载。

运行你的PhoneGap构建应用程序与AdMob

运行你的PhoneGap构建应用程序与AdMob随着最近PhoneGap Build更改，我们现在可以使用所有的插件都在plugins.cordova.io上市了，以及插件也在https:///网站上市了。

这意味着，我们现在已经进入了AdMob plugins，这将允许我们集成AdMob与PhoneGap Build应用程序。

AdMob将允许在用户的移动应用程序上显示广告，显示他们并获得收入–类似于网站的AdSense是如何工作的。

这是一个非常普遍的移动应用的运行策略，游戏更是如此。

有了足够的用户就可以带来一笔显著的收入。

它还很好的配合应用程序购买，提供从应用中删除广告，如果用户想要一个免费的应用程序广告体验–这也是一个非常普遍的运行策略。

AdMob与iAd在PhoneGap应用中的对比AdMob是谷歌移动广告的解决方案，iAd是苹果移动广告的解决方案。

两者都可以使用，但是我们应该选择哪一个呢？有什么区别？实际上这两个你都可以使用，其它如果没有广告可用的可以使用一个作为后备。

然而，开发人员日前报告说，他们正在AdMob平台上接受更高的填充率和收入的点击次数。

Stack Overflow的用户Luc Wollants，关于这个话题提供意见给别人，指出：“iAd的填充率为30%左右，Admob的填充率则为95%左右。

”最好的办法是始终将两者结合使用，并有关于如何处理的一些策略，但在本教程中我们会考虑设立AdMob。

插播广告和横幅广告的区别？有两种类型的广告，你可以创建AdMob，分别是：•插播广告•横幅广告插播广告是那些弹出并占据整个屏幕的广告（令人讨厌！但有效）。

作为一个移动游戏的例子，我创建一个在每个玩家游戏结束画面时的插播广告–你一定要确保大多数情况下在用户游戏中不显示一个插播广告！横幅广告是无论什么时间都是可见的（除非你隐藏它们），通常将这些横幅广告放置在应用程序的顶部或底部的小矩形里。

设置你的AdMob账户和广告开始之前你需要创建一个Google的AdMob账户，AdMob广告帐户将需要一个Google帐户，以及一个AdSense和AdWords账户。

深入浅出PhoneGap

4 PhoneGap事件机制
4.1 注册事件监听器
4.2 PhoneGap特有事件
4.2.1 device ready
4.2.2 backb utton
4.2.4 search button
4 PhoneGap事件机制
4.2 PhoneGap特有事件
4.2.5 online和 offline
4.2.3 pause和 resume
5.1.1 PhoneGa p白名单安全机制
5.1.2 主要对象阐述
5.1.3 相关业务操作
5 PhoneGap的应用、通知、设备与网络连接API
5.2 通知API
5.2.1 主要对象阐述
A
5.2.2 相关业务操作
B
5 PhoneGap的应用、通知、设备与网络连接API
5.3 设备API

A
15.1.1 标准的 Web页面调试
15.1.2 基于浏览器插件的设备模拟器
调试
B
15 PhoneGap应用调试
15.2.1 Android模拟器和实体机的调试
15.2.2 iOS模拟器和实体机的
调试
15.2 原生开发环境调试
15.3.1 使用 debug.phonegap .com进行远程调试
4.2.6 menu button
4 PhoneGap事件机制
01
4.2.7 batterycritical、batterylow 和batterystatus
02
4.2.8 startcallbutton和 endcallbutton
03
4.2.9 volumedownbutton和 volumeupbutton

phonegap支付宝移动快捷支付插件IOS版夜阑小雨,飘洒在岁月的流沙80后,phpcoder,app开发者,phonegap。

不得不说只有集成过支付宝快捷支付，才算的上集成过第三方程序！ios下面集成支付宝，不是一般的苦逼和痛苦！整整折腾了1周时间才搞懂支付宝的支付流程！而且官方的文档简直是简单的不能再简单，看完了不明所以，网上搜索到的信息也少的可怜，而且大多数是再问如何集成！好吧，吐槽完毕，看看我的集成经过！【由于支付宝官方sdk已经更新新版，同时为了支持ios8，插件也进行了升级。

】点击下面查看：->>>phonegap支付宝2.0移动快捷支付插件IOS8 ================================ios的支付宝快捷支付的时候会有2种选择，如果你的手机上没有支付宝app，那么就再你弹出提示信息的时候，选择取消就直接打开了wap支付。

如果有支付宝app，就直接再支付宝app支付，支付完成后就回调到你原来的app了。

对于如何回调到原来app，这个问题非常头大，有很多原生开发的，总会跳到起始viewController上面了。

（如果支付的页面不是事情view，就非常麻烦）还好我们的pg，只有一个viewController，这样只需要再这里接受回调！并且2中支付方式都需要做处理，不然会丢失支付信息！先看看图！第一步，配置支付宝相应信息：可以查看：phonegap -Android客户端集成支付宝快捷支付(一)设置好，获得以下信息，再集成的时候填写到PartnerConfig.h 文件里面。

#define PartnerID @”*****”//收款支付宝账号#define SellerID @”*****”//安全校验码（MD5）密钥，以数字和字母组成的32位字符#define MD5_KEY @”*******”//商户私钥，自助生成－－将私钥转成PKCS8替换一下原私钥即可#define PartnerPrivKey @” *****”//支付宝公钥默认就行#define AlipayPubKey@”MIGfMA0GCSqGSIb3DQEBAQUAA*”第二步集成插件：1.拷贝插件包里面的3个插件文件到你的pluging文件夹里面2.将alipay文件夹拖放到项目的根目录下面。

基于HTML5新特性和移动开发框架PhoneGap构建本地Android应用

渐变示例： /tiy/t.asp?f=html5_canvas_gradient
HTML5亮点特性-Web 存储
HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储
<Video> 直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。
如何工作如需在 HTML5 中显示视频，一个示例： /tiy/t.asp?f=html5_video_all
Database openDatabase( in DOMString name, in DOMString version, in DOMString displayName, in unsigned long estimatedSize, in optional DatabaseCallback creationCallback)
其他HTML5规范新特性
Web workers Web Workers 定义了一套API，能够允许脚本运行于后台，进行类似于线程化的操作。
Web 套接字 Web Socket 定义了一套API, 允许网页能够使用Web Socket 协议来和远程主机进行双工通信。 WebGL WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript 和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个 JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染 Web SQL Database 提供给开发者一个简单而强大的JavaScript数据库API，可以在一个本地 SQLite数据库中持久保存数据。

同是APP快速开发平台,Phonegap与APICloud的最大区别？

同是APP快速开发平台，Phonegap与APICloud的最大区别？
普通人了解到APP快速开发平台，都是从国外的Phonegap来的。毕竟Phonegap在这个领域中最出名的一个。近几年，国内也出现了许多APP快速开发平台，如本文要写到的APICloud。那么同样是APP快速开发平台，Phonegap和APICloud的最大区别在哪里呢？
APICloud优势
1、方案完整，简化，上手快。因为有Phonegap的基础，了解概念花了不到两个小时，做出第一个小App花了一天半。
2、IDE整合做的不错，直接连接云端，SVN代码同步，直接连接手机App Loader真机调试，Log可以通过IDE输出，比模拟器真实，直观。
3、云编译很方便，跨平台打包，直接生成二维码，我的小App做完打包，直接发二维码给朋友用。
4、手机底层硬件/组件调用API很实用目往往缺乏文档，信息需要东拼西凑来说，APICloud的文档比较集中和全面。
Phonegap与APICloud的区别
这里写太多文字也看不明白，小编直接做了张图，从各个方面将phonegap和APICloud进行对比。
Phonegap优势
PhoneGap针对不同平台的WebView做了扩展和封装，使WebView这个组件变成可访问设备本地API的强大浏览器，所以开发人员在PhoneGap框架下可通过JavaScript访问设备本地API，实现WebView与SDK API双向通信。但PhoneGap所体现的混合类型的应用还不能完全取代原生应用，在一些复杂的API调用或者涉及高性能计算的应用开发上，原生应用还是唯一的选择。除此以外的大多数场合，混合类型的应用以很小的性能牺牲为代价，带来了极大的灵活性和开发效率。用PhoneGap官方的一句话概况其特点是：“written once，run everywhere”——一次编译到处运行。

使用PhoneGap进行移动应用开发的实用指南

使用PhoneGap进行移动应用开发的实用指南移动应用开发的实用指南：使用PhoneGap移动应用开发是当今科技领域的一个重要方向，随着智能手机的普及，越来越多的人希望能够开发自己的移动应用。

PhoneGap作为一种开源框架，为开发者提供了一个便捷的工具，能够快速地构建跨平台的移动应用。

本文将向您介绍如何使用PhoneGap进行移动应用开发。

1. PhoneGap的概述PhoneGap是由Adobe公司开发和维护的一套移动应用开发框架，旨在帮助开发者利用常用的网页开发技术，如HTML5、CSS和JavaScript等，开发跨平台的移动应用。

它支持iOS、Android、Windows Phone等多个主流平台，并提供丰富的API和插件，方便开发者访问设备的硬件功能和系统资源。

2. 开始使用PhoneGap要开始使用PhoneGap，首先需要安装相应的开发工具。

对于iOS平台，您需要安装Xcode开发环境；对于Android平台，您需要安装Android SDK。

安装完成后，您可以在终端（MacOS系统）或命令行（Windows系统）下使用命令行工具创建一个新的PhoneGap项目。

3. 创建新的PhoneGap项目在命令行中，使用以下命令创建一个新的PhoneGap项目：```phonegap create myapp --id com.example.myapp --name "My App"```其中，`myapp`是您的项目名称，`com.example.myapp`是您的应用的唯一标识符（Bundle ID或包名），`My App`是您的应用名称。

4. 构建应用界面PhoneGap项目的文件结构如下：```myapp/├── www/│ ├── index.html│ ├── css/│ ├── js/│ └── img/└── platforms/```在`www`文件夹中的`index.html`文件是您应用的主页面。

iOS常用框架介绍

iOS常⽤框架介绍iOS框架介绍Cocoa TouchGameKit 实现对游戏中⼼的⽀持，让⽤户能够在线共享他们的游戏相关的信息iOS设备之间蓝⽛数据传输从iOS7开始过期局域⽹游戏iAd ⽤来在应⽤中提供⼴告条⼴告条与⽤户UI视图进⾏合并,与苹果的iAd服务⼀起⼯作，⾃动处理、加载和呈现富媒体⼴告以及应答在那些⼴告条上的点击等所有相关的⼯作。

MapKit 地图⼯具定制地图的内容和外观，⼤头针注解，线路MessageUI 在应⽤中提供编辑邮件和sms消息的⽀持撰写电⼦邮件，并将其放⼊到⽤户的发件箱排队等候发送该框架提供⼀个SMS撰写⾯板控制器。

您可以通过它在应⽤程序中直接创建并编辑SMS信息（⽆需离开应⽤程序）UIKit 提供实现图形和事件驱动的应⽤的⾄关重要的基础。

功能包括：基本的应⽤管理和基础设施，包括应⽤的主循环；⽤户接⼝管理，包括对storyboards和nib⽂件的⽀持；⼀个⽤来封装⽤户UI内容的视图控制器模式；标准系统视图和控制对象；提供处理触摸和运动事件的⽀持；⽀持包括与iCloud集成功能的⽂档模式；图形和窗⼝⽀持，包括⽀持外部显⽰器；多任务⽀持；打印⽀持；定制标准UIKit控制的外观；⽀持⽂本和web内容；剪切、复制、粘贴的⽀持；⽀持动画UI；通过url语义和框架接⼝与系统提供的其它应⽤集成的能⼒；对有障碍⽤户的可存取性的⽀持；⽀持ApplePush Notification服务；本地通知调度和提交；pdf 创建；⽀持定制像系统键盘⾏为⼀样的⽤户输⼊视图；⽀持创建与系统键盘交互的定制的⽂本视图；⽀持通过email,Twitter, Facebook和其它服务共享内容。

也⽀持⼀些设备特定功能的集成，例如1、内建的摄像机；2、⽤户的图⽚库；3、设备名和模式信息；4、电池状态信息；5、接近传感器信息；6、来⾃附件⽿机的远程控制信息内部各类简介Media LayerCoreImage 提供⾮破坏的⽅式(原先的图像不被改变)操作视频和静态图像提供⼀组强⼤的内建过滤器，在触摸弹起、纠正图⽚以及⾯部和特征检测等许多⽅⾯使⽤（coreImage只是对图像进⾏处理，不是视图绘制和渲染，区别CG，GL等）图⽚滤镜ImageIO 提供输⼊和输出图像数据和图像元数据的接⼝。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

IOS Web App初步使用- 基于PhoneGap框架PhoneGap是一个使用HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry等智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。

PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如iPhone的iPhone SDK，Android的Android SDK等。

PhoneGap的优点：1、兼容性。

完全做到了written once, run everywhere。

2、标准化。

PhoneGap用W3C标准，特别标准，Web App直接一字不改就能运行。

尤其是和JQ Mobile结合在一起使用，实在是威力无穷啊。

3、配合使用JavaScript+HTML5，潜力巨大。

当然目前PhoneGap缺陷还是蛮多的，比如运行速度慢，UI反应延时——这是个致命伤。

不过嘛，这种问题是会随着技术的进步而消失的。

它的优势是无以伦比的：开发成本低（包括跨平台）。

当然，Native App永远会有一席之地，比如高端游戏。

一、开发准备1、首先需要一台运行苹果系统的电脑，装好Xcode，如果需要真机调试，还需要开发者证书。

2、去/下载最新版的PhoneGap，目前是1.3版本。

3、把下载完的zip文件解压缩，双击运行里面的一个dmg镜像，进行安装。

4、打开Xcode，新建工程，就会看到PhoneGap-based Applicaton，就是它了。

二、注意事项1、用PhoneGap-based Applicaton向导生成工程以后，按command+B，生成一下。

打开工程文件所在的目录，就会看见一个www的目录，拖拽到Xcode中，选择引用即可。

强调一下，必须选择引用方式，这样www目录在Xcode中是蓝色的。

www目录下放的就是web端的一些文件（html/css/js/image）。

2、在PhoneGap中，如果需要访问外部链接是需要授权的，在phonegap.plist 文件中可以看到，有一个ExternalHosts数组，里面可以配置。

顺便说一下，Plugins 下可以清楚的看到，可以使用iOS的本地核心组件，例如相机，联系人等等。

三、例子说明例子很简单，在向导生成的基础上，加上了模拟Path应用程序的左下角的快捷菜单功能，并且通过PhoneGap框架调用iOS的Camera模块。

先来看看截图吧：基于PhoneGap框架的开发非常适合有web开发经验的开发者，因为里面基本上都是Html/CSS/js。

比如快捷菜单的功能，在html文件中代码如下：<footer class="op-footer"><a href="javascript:photo();toggle_menu();"><img id="path_photo" class="path_icon" src="image/icon/1.png" /></a><a href="javascript:toggle_menu();"><img id="path_people" class="path_icon" src="image/icon/2.png" /></a><a href="javascript:toggle_menu();"><img id="path_place" class="path_icon" src="image/icon/3.png" /></a><a href="javascript:toggle_menu();"><img id="path_music"class="path_icon" src="image/icon/4.png" /></a><a href="javascript:toggle_menu();"><img id="path_thought" class="path_icon" src="image/icon/5.png" /></a><a href="javascript:toggle_menu();"><img id="path_sleep" class="path_icon" src="image/icon/6.png" /></a><a href="javascript:toggle_menu();"><img src="image/path_menu@2x.png" width="40" id="path_button"/></a> </footer>CSS中的op-footer让按钮在左下角，toggle_menu函数用于扩展和收缩菜单，photo函数调用系统拍照功能。