Salesforce1 Mobile App Developer Guide

Introduction
About This Book
Setting Up Your Work Environment
Salesforce1 Administration
Developing for Salesforce1
Welcome to Salesforce App Cloud Development
Designing Mobile-First User Interfaces
Extending Salesforce1 with Visualforce Pages
Adding Functionality with Visualforce Custom Actions
Integrating Your Web Applications in Salesforce1 with Force.com Canvas
About Force.com Canvas
Extending Salesforce1 with Canvas Custom Actions
Extending Salesforce1 with Canvas Apps in the Feed
Try It Out: Clone the DeliveryTrakr Web Application
Create the DeliveryTrakr Canvas App
Configure Who Can Access the DeliveryTrakr Canvas App
Configure the Heroku Environment Variables
Create a Global Action
Add the Action to the Global Publisher Layout
Test Out the DeliveryTrakr Canvas App
Tell Me More: About the Code to Create Feed Items
Calling Quick Actions from the API
Extending the User Interface with Lightning Pages
Development Guidelines and Best Practices
Learning More
PDF

Test Out the DeliveryTrakr Canvas App

Now you’ll play the part of an Acme Wireless warehouse worker processing deliveries, and we’ll test out the canvas app in the Salesforce1 app.
The DeliveryTrakr app demonstrates how a canvas app can create one of three types of posts in the feed:
  • Text post—Feed item that contains information about a delivery.
  • Link post—Feed item that contains a link to the DeliveryTrakr app.
  • Canvas post—Feed item that contains a link to another canvas app. This app is used by warehouse workers to approve or deny a delivery.
  1. On your mobile device, tap Feed from the navigation menu.
  2. In the action bar, tap Action Menu icon to access the action menu.
  3. Tap the Track Deliveries action.
    DeliveryTrakr in the action menu
    The DeliveryTrakr app appears, displaying a list of shipments.
  4. Tap one of the deliveries in the grid.
  5. Tap Text Post.
    You can also add some of your own text to the post by entering it in the What are you working on? pane.
    Text post
  6. Tap Share.
    This creates a text feed post about the shipment, and that post appears in the current user’s feed.
    Text post in the feed
  7. To test out creating a link post, tap the Track Deliveries action in the action bar.
  8. Tap one of the deliveries in the grid.
  9. Tap Link Post.
    You can also add some of your own text to the post by entering it in the What are you working on? pane.
    Link post
  10. Tap Share.
    This creates a link feed post about the shipment, and that post appears in the current user’s feed. When you click the link, it brings you to the DeliveryTrakr app running on Heroku.
    Link post in the feed
  11. To test out creating a canvas post, tap the Track Deliveries action again.
  12. Tap one of the deliveries in the grid.
  13. Tap Confirmation Post.
    You can also add some of your own text to the post by entering it in the What are you working on? pane.
  14. Tap Share.
    This creates a canvas feed post about the shipment with a link. When you click the link, it actually takes you to a canvas app where you can complete or cancel a shipment.
    Canvas app

You did it! You’ve gone through the entire process of creating a canvas app that posts a text feed item, a link feed item, and—most importantly—a canvas app in the feed.

For more information about development guidelines for canvas apps in the feed, see Canvas Apps in the Feed.