phonegap | 易学教程

PhoneGap使用PushPlugin插件实现消息推送

阅读更多关于 PhoneGap使用PushPlugin插件实现消息推送

概括 Android 设备通过 GCM 服务来接收推送消息，而 iOS 设备这从苹果的 APN 服务获取。虽然按照负载来说这是两种不同的服务，但是证书都在从第三方接收消息的时候是需要作为一个存储和转发类型的服务。辨别接收者并传递下去。在接受端，你的应用已经注册来接收他们，并检查返回内容和相应的操作。消息的接收方式是应用代码里的注册和用户设备关于消息设定的融合。开始有一个叫 PushPlugin 的官方插件可以用来进行消息的推送，而且是 PhoneGap 支持的。此教程里就是使用这个插件，完整的项目源码在下面链接处： https://github.com/hollyschinsky/PushNotificationSampleApp 注意此代码跟处理 iOS 的消息推送是一样的。只需要通过 PhoneGap Build 创建自己的推送消息证书并测试就行了。此教程不会深入探讨创建 GCM 或者 ADP 应用的建立，可以在下面文字处了解详细内容。 · Andr 消息推送 · iOS消息推送此教程中我只会集中讲解 Android 和 GCM 服务，然后下面的是关于 iOS 的消息推送。 · iOS Push Notifications · Push Notifications Plugin Support added to PhoneGap Build Android 学前知识

实现PhoneGap应用里的消息推送

阅读更多关于实现PhoneGap应用里的消息推送

在此教程中你将学会实现 PhoneGap 应用里的消息推送，你想学会下述内容： · 消息推送的大体处理过程 · 如何使用 PhoneGap 内置支持的 PushPlugin · PushPlugin API 概括 · 如何注册自己的应用来接受推送到消息 · 如何使用简单节点设备来发送消息到注册的设备 · Android 和 iOS 之间处理消息推送的区别第二部分在幻灯片里，里面的内容可以提供更详细的信息。概括 Android 设备通过 GCM 服务来接收推送消息，而 iOS 设备这从苹果的 APN 服务获取。虽然按照负载来说这是两种不同的服务，但是证书都在从第三方接收消息的时候是需要作为一个存储和转发类型的服务。辨别接收者并传递下去。在接受端，你的应用已经注册来接收他们，并检查返回内容和相应的操作。消息的接收方式是应用代码里的注册和用户设备关于消息设定的融合。开始有一个叫 PushPlugin 的官方插件可以用来进行消息的推送，而且是 PhoneGap 支持的。此教程里就是使用这个插件，完整的项目源码在下面链接处： https://github.com/hollyschinsky/PushNotificationSampleApp 注意此代码跟处理 iOS 的消息推送是一样的。只需要通过 PhoneGap Build 创建自己的推送消息证书并测试就行了。

使用The PhoneGap Developer App实现快速调试项目

阅读更多关于使用The PhoneGap Developer App实现快速调试项目

如今，基于 PhoneGap 的混合 APP 开发技术更加成熟，优势更加凸显。移动互联网的迅猛发展，Android 和 iOS 的版本快速迭代，使 HTML5 的性能问题逐步解决。仅仅在 PhoneGap 官网上，已经有来自第三方开发者提交的数百项插件，涵盖了 APP 开发的各个方面，大大扩展了 PhoneGap 的功能体系。 PhoneGap 官方推出了新的调试工具 The PhoneGap Developer App 。这是一款由 PhoneGap 开发的APP ，安装在手机上后，可以通过 PhoneGap 内置的服务器直接加载电脑上的项目运行，无需反复编译，实现实时的调试效果。不仅仅如此，该 APP 封装了常见的十几款插件，编写代码时可以直接调用插件的 API 来实现与设备的交互。好了，现在介绍如何使用这一强大的工具。首先，请安装 PhoneGap 命令行工具： npm install phonegap -g 如果已经安装了但 PhoneGap 版本低于3.6，建议升级到高版本。根据我的测试， The PhoneGap Developer App 对低版本的 PhoneGap 支持有些问题。第二步，下载 The PhoneGap Developer App 安装到手机上，官方提供了 Android 、 iOS 和 Windows Phone 三个版本。 Android

phonegap android开发初体验

阅读更多关于 phonegap android开发初体验

最近想学习一下手机上的web app开发，朋友推荐phonegap是一个很不错的跨平台开发框架，下面是初次使用的一些总结总结。 1、开发环境配置系统要求可以具体参考：http://developer.android.com/sdk/requirements.html，下面是操作的具体步骤。 a、安装jdk，jdk是android sdk的安装基础。下载地址：http://www.oracle.com/technetwork/java/javase/downloads/java-se-jdk-7-download-432154.html。windows下推荐使用 jdk-7-windows-i586。 b、安装eclipse，需要3.4以上版本，下载地址：http://www.eclipse.org/downloads/download.php?file=/eclipse/downloads/drops/R-3.7-201106131736/eclipse-SDK-3.7-win32.zip。如果不想安装就使用eclipse classic版本。 c、安装android的SDK，下载地址：http://developer.android.com/sdk/installing.html 安装时需要记录sdk的安装目录，比如：C:\Program Files\Android

Android应用开发之使用PhoneGap实现拍照上传功能

阅读更多关于 Android应用开发之使用PhoneGap实现拍照上传功能

看这里： Android应用开发之使用PhoneGap实现拍照上传功能在之前的使用Intellij Idea 搭建PhoneGap Android开发环境以及 Android应用开发之使用PhoneGap实现位置上报功能两篇文章中，我们学习了phonegap Android环境的搭建以及phonegap获取位置信息自动上报等，本篇在之前的基础上，我们继续进行PhoneGap Android应用的开发，通过PhoneGap调用摄像头实现拍照自动上传的功能。整体的学习思路大概是这样：index.html中提供三个按钮，分别是【拍照】、【本地图片】、【拍照上传】，主要是以下三个步骤：点击【拍照】按钮，调用摄像头拍照，成功后在按钮右侧显示相应的图片；点击【本地图片】按钮，调用本地图片库，选择图片后在按钮右侧显示选择的图片；点击【拍照上传】按钮，调用摄像头拍照，成功后首先上传图片到服务器端后，上传成功后提醒，并在按钮右侧显示上传的图片。初始的html文件，大致是这样，简单的进行了布局和javascript代码的编写，如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/

Android应用开发之使用PhoneGap实现位置上报功能

阅读更多关于 Android应用开发之使用PhoneGap实现位置上报功能

看这里： Android应用开发之使用PhoneGap实现位置上报功能上一篇，使用Intellij Idea 搭建PhoneGap Android开发环境中，简单的介绍了PhoneGap Android开发环境的搭建，并且开发了Hello World的应用，本篇，我们继续学习使用PhoneGap进行开发，获取用户设备的位置信息，通过获取经纬度实现位置上报的功能，接下来，开始本篇的学习。我们在上篇module的基础上进行开发，主要是修改index.html中的内容，为了操作DOM方便，我们引入jquery.min.js，为了通过设备的经纬度获取详细的位置信息，我们使用了BaiduMap提供的API，需要注册百度开发者账号，并且创建应用，获取相应的key，这里不在赘述，详细看这里。初始的index.html如下所示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <style type="text/css"> body, html, #map { width: 100%; height: 100%; overflow: hidden; margin: 0; } <

使用Intellij Idea 搭建PhoneGap Android开发环境

阅读更多关于使用Intellij Idea 搭建PhoneGap Android开发环境

看这里：使用Intellij Idea 搭建PhoneGap Android开发环境最近几天在学习使用phonegap进行android应用的开发，首先当然是phonegap android开发环境的搭建，网上的资料比较乱， cordova和phonegap也有点分不清，个人参考了很多资料，也试验了很多次，一直在摸索，总算小有心得，这里简单的整理一下，使用Intellij Idea 搭建PhoneGap Android开发环境。首先需要理清楚phonegap和cordova的关系，以下内容引自百度百科：本篇使用的是Phonegap 2.9.0搭建，官方最新的版本是2.9.1， Cordova 提供的最新版本为4.0.0，使用还是有差异的，使用的开发工具是Intellij，默认集成了Android的插件，只需要简单的配置下SDK就可以了，关于Eclipse Android开发环境的搭建，请咨询度娘，这里不再赘述。使用Intellij Idea，通过File-->New Module，创建一个Android Application Module，如下图所示：选择Next，在这里定义你的应用名称Hello PhoneGap和包名com.phonegap.hello，以及程序的入口MainActivity，如下所示：继续选择Next，进入设置页面，设置程序的路径

phonegap + framework7 how to programmtacally set starting page?

阅读更多关于 phonegap + framework7 how to programmtacally set starting page?

I have application which on start lets you pick - if are you contributor or user. After that I want always load the starting page for a contributor or the user. I know you can set <content src="index.html" /> to do it once on start, but how can I do it dynamically? @proofzy answer is right, but you could still do it using only DOM7 instead of Jquery Inside your JS file: //to save data if user pick contributor or user button after first start. $$("#contributor").on('click', function(){ localStorage.setItem("whois", "contributor"); }); //And call this same script but for user: $$("#user").on(

phonegap桌面开发工具视频教程-不搭建环境就可以开发phonegap app

阅读更多关于 phonegap桌面开发工具视频教程-不搭建环境就可以开发phonegap app

不搭建andrid 环境不配置android sdk 或者不搭建xcode环境，或者不安装 node.js npm 的情况下就可以创建phoengap应用电脑敲代码手机上的phonegap app实时自动更新显示 Phonegap桌面开发工具 Phonegap Desktop-App与手机客户端调试工具PhoneGap Developer App 免费视频教程下载地址： http://bbs.phonegap100.com/thread-1315-1-1.html 1.PhoneGap Desktop-App: 简单的说它就是一个安装在win或者mac上的一款软件 PhoneGap Desktop-App 可以在不搭建andrid 环境不配置android sdk 或者不搭建xcode环境，或者不安装 node.js npm 的情况下就可以创建phoengap应用下载地址： http://phonegap.com/blog/2014/12/11/phonegap-desktop-app-beta/ 论坛下载地址： http://bbs.phonegap100.com/thread-1313-1-1.html 2. PhoneGap Developer App: 简单的说它是一款可以安装在啊 android wp ios上面的 app应用

HTML5来了，7个混合式移动开发框架

阅读更多关于 HTML5来了，7个混合式移动开发框架

在这个时间开始学习移动开发真是最好不过了，每个人应该都有一些移动应用的创意，而且你并不需要任何的原生应用编程经验，你只需要一些HTML的相关知识，懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢，我只能告诉你应该有一些主见，首先HTML5会越来越好，移动端的硬件也会越来越强，怎么说呢，你仔细看一看你手机上的应用吧，很多应用已经悄悄的使用混合式开发了，如果像你说的它们很慢，你发现它们了吗？目前已经有很多的框架可以帮助你开发跨平台的移动应用，在这篇文章中，我们只介绍最牛的7个。 IONIC IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过 SASS 构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。即将发布的 AngularJS 2.0 将会专注于移动开发，相信IONIC一定会取得不错的成就。 IONIC的开发团队将尽快开发出一种通过 IONIC creator 提供开发者快速创建IONIC应用的方式。我们将很快就会看到一个支持拖拉功能的可视化开发工具，几分钟内开发一个app将不再只是吹xx。如果对IONIC感兴趣，可以看一看本站的IONIC教程。 Mobile Angular UI

订阅 phonegap