Integrate Asana with Pantheon using Quicksilver Hooks

Learn how to integrate Asana with Pantheon.

Contributors: Scott Massey.

Discuss in our Forum Discuss in Slack

This section provides information on how to use Quicksilver to integrate Asana with Pantheon.

Asana is a flexible project management tool that helps teams collaborate on projects. You can spin up and manage projects quickly and easily with the Asana user interface.

The sections below provide steps on how to use Quicksilver to connect your Asana to a website project on Pantheon. You can push changes that include the Asana task's unique ID to Pantheon, and the commit message will appear within the task.

Before You Begin

Be sure that you:

  • Have a Drupal or WordPress site on Pantheon

  • Install Terminus:

    curl -O https://raw.githubusercontent.com/pantheon-systems/terminus-installer/master/builds/installer.phar && php installer.phar install
  • Generate a Machine Token: Navigate to the User Dashboard, select Account, select Machine Tokens, and then authenticate Terminus:

    terminus auth:login --machine-token=‹machine-token›
  • Install the Terminus Secrets Plugin:

    curl https://github.com/pantheon-systems/terminus-secrets-plugin/archive/1.x.tar.gz -L | tar -C ~/.terminus/plugins -xvz

Create a Machine User in Asana

Create a new machine user in Asana. This user is referred to as a "machine user" because the account is used to automatically create comments out of commit messages on Pantheon using a PHP script.

  1. Select from the menu on the left, next to existing team members:

    Add a user

  2. Enter a name and email address for the machine user, which acts as the intermediary between Asana and the Pantheon Site Dashboard. Then click Send Invite.

    We suggest naming machine users relative to their function; in this example we name our new user Automation User. The email needs to be an account you have access to:

    Create an automation user

  3. Check the address used in the last step for an email from Asana. Click the Accept Invite button and follow prompts to set the machine user's password. You should be logged in as the machine user.

  4. Click on your profile in the top right, and select My Profile Settings:

    My profile settings

  5. Select Apps, then select Manage Developer Apps:

    Apps

  6. Scroll down to Personal Access Tokens, then click + Create New Personal Access Token:

    Create a token

  7. Give the token a name which denotes it's purpose and save the string generated for the next steps.

Securely Store User Credentials on Pantheon

You must provide Pantheon with the credentials for our new machine user. The credentials are securely stored in the private path of Pantheon's filesystem.

We use the filesystem private path in this section because we don't want to track sensitive data like passwords in the codebase with Git.

In the commands below, replace <site> with your site name, <user> with your Asana machine account username, and <password> with its password.

  1. Check for existing secrets using Terminus:

    SITE=<site_name>
    terminus secrets:list $SITE.dev

    If no existing keys are found, execute the following to create a new secrets.json file and upload it to Pantheon:

    $ echo '{}' > secrets.json
    $ `terminus connection:info $SITE.dev --field=sftp_command`
    sftp> put ./files/private secrets.json
    sftp> bye
    $ rm secrets.json

    Otherwise, continue to the next step.

  2. Write the machine user's token to the private secrets.json file:

    terminus secrets:set $SITE.dev asana_access_token '<API token>'

 Note

When it comes to keeping production keys secure, the best solution is to use a key management service like Lockr to automatically encrypt and secure keys on distributed platforms such as Pantheon.

Configure Quicksilver Integration

You must add Pantheon's example Quicksilver integration script for Asana to the private path of your site's codebase. The private path within the codebase is tracked in version control and is accessible by PHP, but not the web.

  1. Clone your Pantheon site repository if you haven't done so already, and then navigate to the project's root directory:

    terminus connection:info $SITE.dev --fields='Git Command' --format=string`
    cd $SITE
  2. Set the connection mode to Git:

    terminus connection:set $SITE.dev git
  3. Create a copy of Pantheon's asana_integration.php in the project's private path:

    mkdir private
    mkdir private/scripts
    curl https://raw.githubusercontent.com/pantheon-systems/quicksilver-examples/master/asana_integration/asana_integration.php --output ./private/scripts/asana_integration.php
  4. Create a pantheon.yml file if one doesn't already exist in your root directory.

  5. Add the following workflow into your pantheon.yml file to hook into the platform when code is pushed to trigger the Asana integration script:

    pantheon.yml
    #always include the api version
    api_version: 1
    
    workflows:
      sync_code:
        after:
          - type: webphp
            description: Asana Integration
            script: private/scripts/asana_integration.php

     Note

    api_version should be set once in pantheon.yml. If you have an existing pantheon.yml with this line, don't add it again.

  6. Commit and push changes to the Dev environment:

    git add .
    git commit -m "Create private/scripts/asana_integration.php and configure platform hooks"
    git push origin master

Test Asana Integration on Pantheon

  1. Copy the ID for a task you're working on. The ID is the last part of the open task's URL:

    Asana task ID

  2. Push a code change to Pantheon containing the Asana task ID in the commit message in brackets (e.g., [398734709134915]). This workflow will trigger asana_integration.php script, which will search commits for possible task IDs and comment in Asana when found.

    git commit -m "[398734709134915] Adding changes as per latest revision"
  3. Return to the issue in Asana to see a message from our machine user:

    Asana message

GitHub and Asana

If you use GitHub, you can further integrate with Unito, a free integration service. This can reduce a few steps in the development process for your team.

More Resources