标签 drupal 下的文章

一直都是一个忠实的Drupal用户，不过最近这大半年因为公司太忙，所以也完全没有时间来关注Drupal的发展，不过今天因为一个项目的原因，得用一下Drupal，所以上官网看了一下，官网直接来了一条消息（也不知道是不是已经发出来很久了）——Drupal 8就要到来了，立马去看了一下，已经到了Alpha 7了，真快啊，赶紧下载下来瞧瞧。

QQ20131230-4.png

还记得很久以前测试的时候，Drupal 8 还一大堆的问题，现在居然可以直接使用了（我是一直都是使用最新版本软件的人，从来不会考虑什么兼容问题的）。

有史以来最强大的开源内容管理系统 Drupal，有史以来最简单的应用开发框架 Phonegap（或者称之为 Cordova），当这两者相遇，就有了这强大的 DrupalGap。

首先，我是一名忠实的Drupal用户，虽然Drupal很多时候让我很苦恼，但是我从来没有打算放弃过它，因为它在别的东西都解决不了问题的时候，总能帮我更快的解决，而PhoneGap（开源版本为 Cordova）我才用没到一年，但是已经感觉到，在一般的应用中，它能给我们带来更快的开发效率，虽然运行效率是差了一点点，不如原生态的，但是，对于一般的小项目，在这开发效率与运行效率之间，它能取得一个很好的平衡，这就已经完全满足我的要求了，最主要的是，HTML5+CSS3太强大了，现在的总是是我需要Drupal来做后端，Phonegap来实现前端，它们之间怎么联系？这就用到了一个杂交体 DrupalGap。

需要完成的项目介绍

写本文的原因是最近要做一个手机端项目，项目的需求其实很简单：

  • 用户可以通过App查看湖南省所有高速公路广告牌（包括其状态，价格，位置，地图展示等）
  • 管理者有一个很方便使用的后台管理这些广告牌资源
  • 管理者可以通过登陆手机端来发布新的广告牌

其实解决方案很多，完全用不着用Drupal这么个东西，只是，为了统一整个公司的技术结构，总前想后的还是用了Drupal，这个项目的服务器端（包括管理程序）地址为：http://zhuoyue.projects.ofsz.com，你可以通过这个网址下载该应用。

安装 DrupalGap 模块

DrupalGap本身只是一个Drupal模块，该模块要求你的Drupal系统中已经安装了以下模块：

配置开发环境

PhoneGap 应用本身可以简单的认为是一个HTML5+CSS3+JavaScript实现的手机版网站，所以在电脑上开发PhoneGap应用的最合适的开发环境就是浏览器，当然，最好的选择肯定就是Chrome 莫属了，除了Chrome自身提供的各种各样的开发扩展工具外，PhoneGap还提供了一个强大的Chrome插件—— Emulate，通过该插件，我们可以在浏览器中模拟出移动终端，安装完该插件之后，我们可以开发部署DrupalGap的第二部分了—— Mobile Application Development Kit。

下载 Mobile Application Development Kit ，将其解压并移动至你的Drupal站点根目录下，然后将其文件夹名称改为 mobile（除 app 与 drupalgap 外的任何名称都可以），现在，整个开发环境已经部署完了，但是在正式开发前，我们还需要对 Mobile Application Development Kit 进行一些简单的设置。

修改 Mobile Application Development Kit 配置

进入 Mobile Application Development Kit 中的 app 目录，将 default.settings.js 文件复制一个复本并命名为 settings.js ，打开 settings.js 文件，找到下面这一行：

drupalgap.settings.site_path = ''; // e.g. http://www.example.com

将其修改成为您的Drupal站点的路径，比如我在卓越广告这个项目中的开发站点地址是：http://zhuoyue.projects.ofsz.com，填写进去即可：

drupalgap.settings.site_path = 'http://zhuoyue.projects.ofsz.com'; // e.g. http://www.example.com

然后将 ripple.index.html 中的内容覆盖至 index.html 中，将 Phonegap的示例配置文件 config.xml 保存在应用的根目录中，在本例中我们的应用根目录是 mobile ，我们还需要为应用制作一个图标，保存为 icon.png 文件至 mobile 目录中。下面已经可以通过下面链接访问到你的应用了：

比如我的示例是：

[phonegap] : http://www.phonegap.com
[cordova] : http://cordova.apache.org
[drupalgap] : http://drupalgap.org

[ctools] : http://drupal.org/project/ctools
[libraries] : http://drupal.org/project/libraries
[oauth] : http://drupal.org/project/oauth
[services] : http://drupal.org/project/services
[views] : http://drupal.org/project/views
[views_datasource] : http://drupal.org/project/views_datasource