drupal 与 app 开发

14
Drupal 与 APP 与与 2014 Drupal China Camp 2014.3.22 与与Charles

Upload: soyala

Post on 25-Jan-2016

236 views

Category:

Documents


9 download

DESCRIPTION

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 之类的中间 件 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Drupal 与 APP 开发

Drupal 与 APP 开发

2014 Drupal China Camp 2014.3.22

作者: Charles

Page 2: Drupal 与 APP 开发

现存APP开发方式介绍

1.Web App 纯 Web 前端架构,很多重要手机特性无法访问

2. Hybrid App 所谓的 Hybrid App 其实会有不同的分支。

3. Native App

Page 3: Drupal 与 APP 开发

Hybrid App三种不同的解决方案

1. 使用 PhoneGap 、 AppCan 之类的中间件

2. 使用 Adobe Air 、 RubyMotion 、 Appcelerator 或者是Xamarin 这种非官方语言的工具,打包成原生应用的方式开发。

3. 在开发原生应用的基础上,嵌入 WebView 但是整体的架构使用原生应用提供

Page 4: Drupal 与 APP 开发

Hybrid App在的优点和缺点

方案一( Web 架构为重)

方案二(编译转换方式)

方案三( Native 架构为重)

Page 5: Drupal 与 APP 开发

Hybrid App的新思想

1. 根据需求,选择工具;

2. 有针对性地解决问题;

3. 用户体验为导向 .

4. 跨平台是一个 " 幌子 " ,什么都做得到不代表什么都做得好

Page 6: Drupal 与 APP 开发

App and Drupal

jQuery Mobile Enyo JS Sencha Touch jQTouch Jo jqMobi

Page 7: Drupal 与 APP 开发

Jsonp 原理

Jsonp(JSON with Padding) 是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料。

<script type="text/javascript" src="http://www.xxx.com?jsonp=callbackFunction" ></script>

Page 8: Drupal 与 APP 开发

Drupal Service 模块配置

1) 为什么用 services ?

2 ) drupal 7 + service3.x 提供了哪几个接口形式?

3 )不会 coding, 能用 services 么?

Page 9: Drupal 与 APP 开发

Phonegap 介绍

Phonegap 是一款开源的开发框架,旨在让开发者使用 HTML 、 Javascript 、 CSS 等 Web APIs 开发跨平台的行动装置应用程式。原本由 Nitobi 公司开发,现在由 Adobe 拥有。

Page 10: Drupal 与 APP 开发

Phonegap 项目分析

原生开发成本较高 原生系统碎片化严重 充分利用现有资源

Page 11: Drupal 与 APP 开发

开发项目成员角色

产品策划 前端页面 产品测试

服务器数据输出 前台交互实现

Page 12: Drupal 与 APP 开发

PhoneGap 结合 Drupal 实例讲解 网页端调试

Drupal 端接口介绍

Phonegap 云端打包

Phonegap 本地虚拟机展示

Page 13: Drupal 与 APP 开发

总结

Phonegap 环境搭建 项目目录概述 插件安装案例 平台差异性研究

插件库不完整 国内支付工具欠缺

Phonegap环境搭建 主流功能不完整

Page 14: Drupal 与 APP 开发

谢谢大家

END