Drupal with Android Integration: Make Posts and Upload Photos - Part I - Drupal

• Download source code - 427 KB

Introduction

Drupal is a powerful and popular web CMS with many useful features and hundreds of different modules that can extend the core functionality. Android is a powerful, popular, and very fast growing mobile platform. It's the leading smartphone and tablets platform. In this article, I'll show you how to integrate Drupal with Android powered mobile devices, to authorize on site and to perform some actions. If you are interested in the development of mobile applications that can backup or store files to a website, upload photos, make posts, administer site, or perform other remote actions - this article is for you. Here, you can find guidelines and principles description of how mobile and web integration can be made. The example in this article will be a practical task: post pages and upload photos from an Android device to a Drupal website. In the example, I show how to use it with Drupal 6, but all is also applicable to Drupal 7 (only minor modifications of the Drupal module are required). This article shows how to integrate Drupal with Android OS. If you need another platform, it can be useful for you too, as it describes the principles and issues of communication.

How It Will Be Done

Our task is to perform actions on the Drupal website and we need a method to communicate with it. We will use the XML-RPC protocol for communication between Android and Drupal. It's a lightweight remote procedure call protocol, and you don't need any additional knowledge, as with SOAP. Also, it does not require interface definitions, as with SOAP.

To use it, we need a services module (http://drupal.org/project/services).

1. Services Module

This module allows to create services within Drupal modules. A service exposes a set of methods that can be called remotely by third party applications. Each method has a defined name, parameters, and return type. In our case, they will be called from the Android-powered mobile device.

The services module supports many communication protocols: REST, XMLRPC, JSON, JSON-RPC, SOAP, AMF.

In this example, we will use XMLRPC.

2. Configuring Services Module

The Services module is not included in the Drupal core. So you need to download it from here. Unpack it into your Drupal website modules subdirectory (sites/all/modules) and enable it in the modules administration page. If all is fine, you will see it in the modules admin page.

Next, you need to define the service endpoint. Open the services admin page of your site and add "android" endpoint:

Then click "Add" link:

And then, enter the endpoint's parameters: machine-readable name, server type, and endpoint path. Session authentication must be checked. If it's unchecked, all RPC calls will be executed as anonymous user. An example is shown below:

Next, open the Resources tab. And select the resources that will be available through this endpoint.

Resources are nodes, comments, files, users, etc. You need to enable user login and logout, and node create and delete. You can enable more resources. For example: to allow user registration from the mobile, to add/remove comments, etc. But it's a good practice to allow only what's really needed. (For example, if you use captcha for user registration to block bots, enabling the user.register method through services will allow them to avoid captcha).

Now, services module is configured.

3. Drupal Module

The purpose of our module is to get uploads from Android devices and attach them to pages. We call our module "photoupload". Create subdirectory photoupload in sites/all/modules directory of Drupal. Now we create photoupload.info. Set up mandatory fields:

name = Photo upload
description = Module that manages photo uploads from Android devices

core = 6.x
version = "6.x-1.0"
project = "photoupload"

Now, create module file photoupload.module. Begin with php opening tag.

<?php 

First, our module will define "upload photos" permission. Only users with this permission are allowed to upload photos.

function photoupload_perm() 
{
      return array('upload photos');
}

Next, we need to define a menu item for uploads. Call it "photoupload". Menu item is needed to handle URLs, so it will be hidden (callback). Upload is made through form, so define page callback to be drupal_get_form, page arguments as array containing name of function to create form. Access arguments is array containing permission, required for access to menu item. In this case, it will an array with "upload photos" element.

function photoupload_upload_file($form_state)
{
    // prepare the file upload form
    // set multipart/form-data encoding type
    $form = array('#attributes' => array('enctype' => 'multipart/form-data'));
    
    // image file selector
    $form['image'] = array(
        '#type' => 'file',
        '#title' => 'Upload photo',
        '#description' => t('Pick a image file to upload')
    );

    // page node identifier. The page to image be attached
    $form['nid'] = array(
        '#type' => 'textfield',
        '#title' => 'Page nid',
    );

    $form['#token'] = FALSE;
    
    // submit button
    $form['submit'] = array('#type' => 'submit', '#value' => 'Upload');
    return $form; 
}

Now, we create form for upload. It will contain image file and page node identifier elements.

function photoupload_upload_file($form_state)
{
    // prepare the file upload form
    // set multipart/form-data encoding type
    $form = array('#attributes' => array('enctype' => 'multipart/form-data'));
    
    // image file selector
    $form['image'] = array(
        '#type' => 'file',
        '#title' => 'Upload photo',
        '#description' => t('Pick a image file to upload')
    );

    // page node identifier. The page to image be attached
    $form['nid'] = array(
        '#type' => 'textfield',
        '#title' => 'Page nid',
    );

    $form['#token'] = FALSE;
    
    // submit button
    $form['submit'] = array('#type' => 'submit', '#value' => 'Upload');
    return $form; 
}

Create form submission handler.

function photoupload_upload_file_submit($form, &$form_state) 
{
    $dir = file_directory_path();
    
    // unlike form submissions, multipart form submissions are not in 
    // $form_state, but rather in $FILES, which requires more checking
    //
    if (!isset($_FILES) || empty($_FILES) || $_FILES['files']['size']['image'] == 0) {
            drupal_set_message("Your file doesn't appear to be here.");
        return ;
    }

    $name = $_FILES['files']['name']['image'];
    $size = $_FILES['files']['size']['image'];
    $type = $_FILES['files']['type']['image'];

    // get page nid
    $nid = $form_state['values']['nid'];

    // this is the actual place where we store the file
    $file = file_save_upload('image', array() , $dir);
    if ($file) {
        $filename = $dir."/".$file->filename;
    
        $import = _photoupload_attach_photo($filename, $nid);
        drupal_set_message($import);  
    }
    else {
        drupal_set_message("Something went wrong saving your file.");
    }
}

Add function to attach photo to page.

function _photoupload_attach_photo($file, $nid)
{
    global $user;

    // load node by nid
    $node = node_load($nid);

    // create file object
    $name = basename($file);
    $file_obj = new stdClass();
    $file_obj->filename = $name;
    $file_obj->filepath = $file;
    $file_obj->filemime = file_get_mimetype($name);
    $file_obj->filesize = $stats['size'];
    $file_obj->filesource = $file;
    $file_obj->status = FILE_STATUS_TEMPORARY;
    $file_obj->timestamp = time();
    $file_obj->list = 1;
    $file_obj->new = true;

    // write it
    drupal_write_record('files', $file_obj);

    file_set_status($file_obj, 1);

    // attach file to node
    $node->files[$file_obj->fid] = $file_obj;

    // and finally, save node
    node_save($node);
    return "OK";
}

And PHP closing tag.

?>

We finished with Drupal's module code.

Now, you need enable it in modules administration page.

It's all done with Drupal part. In the next part of article, I'll describe how to implement Android application.

• Drupal with Android integration: make posts and upload photos. Part II - Android