一、 开发流程

l  下载所需的Drupal模块。

l  启用所需模块。

l  配置模块。

l  创建views。

l  创建appcan项目。

l  编写新闻列表页面代码。

l  创建新闻详情页面并编写代码。

l  预览结果。

l  打包发行。

二、 下载所需的Drupal模块

l  services：http://drupal.org/project/services

l  libraries：http://drupal.org/project/libraries

l  views：http://drupal.org/project/views

l  views datasource：http://drupal.org/project/views_datasource

l  ctools：http://drupal.org/project/ctools

l  spyc：http://code.google.com/p/spyc/ 下载以后放在“servers/rest_server/lib/spyc.php”

三、 启用所需模块

l  Services

l  REST Server

l  Views

l  Views JSON

l  Views UI

l  Chaos tools

四、 配置模块

添加Services：

l  结构->服务，点击“添加”

l  ◦ 名称：myservice

l  ◦ Server：REST

l  ◦ Path to endpoint：myservice

l  ◦ Authentication：选中“Session authentication”

 

l  点击“保存”

l  编辑新创建的Service，也就是myervice，点击“编辑源”。

l  选中全部“Resource”，比如“comment, file, node ,system …”

l  点击“Server”选项卡，在Response formatters里选择“json”，在Request parsing里选择“application/x-www-form-urlencoded”

 

 

 

 

 

五、 创建Views

创建Views

l  结构->Views，点击“Add new view”（添加视图）

l  View name（视图名称）输入article

l  内容类型选择“文章”

l  选择“创建一个页面”

l  点击“Continue & edit”（继续编辑）

l  为视图添加一个“内容：Nid（Nid）的字段

l  在“格式”里，选择“JSON data document”

l  为视图添加一个页面

l  在“Page Setting”（页面设置）里设置页面的路径为 article-list

l  点击“保存”

 

 

六、 创建appcan项目

​到appcan官网下载IDE。

 

七、 编写新闻列表页面代码

在js目录下新建custom.js文件，文件内容如下：

 

 

在index_content.html文件中引入该js文件。插入listview控件并删除JavaScript代码段（这部分内容已经写入了custom.js文件中）。

 

八、 新建新闻详情页面并编写代码

创建appcan页面，文件名为“display”。

在display_content.html文件中加入相应的JavaScript代码。

 

九、 预览结果

 

十、 打包发行

具体打包发行方法参见appcan开发文档。