140 likes | 460 Views
Drupal 与 APP 开发. 2014 Drupal China Camp 2014.3.22. 作者 : Charles. 现存 APP 开发方式介绍. 1.Web App 纯 Web 前端架构,很多重要手机特性无法访问 2. Hybrid App 所谓的 Hybrid App 其实会有不同的分支。 3. Native App. Hybrid App 三种不同的解决方案. 1. 使用 PhoneGap 、 AppCan 之类的中间 件
E N D
Drupal与APP开发 2014 Drupal China Camp 2014.3.22 作者:Charles
现存APP开发方式介绍 • 1.Web App • 纯Web前端架构,很多重要手机特性无法访问 • 2. Hybrid App • 所谓的Hybrid App其实会有不同的分支。 • 3. Native App
Hybrid App三种不同的解决方案 • 1.使用PhoneGap、AppCan之类的中间件 • 2.使用Adobe Air、RubyMotion、Appcelerator或者是Xamarin这种非官方语言的工具,打包成原生应用的方式开发。 • 3.在开发原生应用的基础上,嵌入WebView但是整体的架构使用原生应用提供
Hybrid App在的优点和缺点 • 方案一(Web架构为重) • 方案二(编译转换方式) • 方案三(Native架构为重)
Hybrid App的新思想 1.根据需求,选择工具; 2.有针对性地解决问题; 3.用户体验为导向. 4.跨平台是一个"幌子",什么都做得到不代表什么都做得好
App and Drupal • jQuery Mobile • Enyo JS • Sencha Touch • jQTouch • Jo • jqMobi
Jsonp原理 • Jsonp(JSON with Padding)是资料格式 json的一种“使用模式”,可以让网页从别的网域获取资料。 • <script type="text/javascript" src="http://www.xxx.com?jsonp=callbackFunction" ></script>
Drupal Service 模块配置 • 1) 为什么用services ? • 2)drupal 7 + service3.x提供了哪几个接口形式? • 3)不会coding,能用 services么?
Phonegap介绍 • Phonegap是一款开源的开发框架,旨在让开发者使用HTML、Javascript、CSS等Web APIs开发跨平台的行动装置应用程式。原本由Nitobi公司开发,现在由Adobe拥有。
Phonegap项目分析 • 原生开发成本较高 • 原生系统碎片化严重 • 充分利用现有资源
开发项目成员角色 • 产品策划 • 前端页面 • 产品测试 • 服务器数据输出 • 前台交互实现
PhoneGap结合Drupal实例讲解 • 网页端调试 • Drupal端接口介绍 • Phonegap云端打包 • Phonegap本地虚拟机展示
总结 Phonegap环境搭建 主流功能不完整 • Phonegap环境搭建 • 项目目录概述 • 插件安装案例 • 平台差异性研究 • 插件库不完整 • 国内支付工具欠缺
END 谢谢大家