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