Create the DeliveryTrakr Canvas App

In this step, we’ll expose the DeliveryTrakr Web application as a canvas app.
You’ll need user permissions “Customize Application” and “Modify All Data” to create a canvas app.
  1. In the Salesforce application, from Setup, click Create | Apps.
  2. In the Connected Apps related list, click New.
  3. In the Connected App Name field, enter DeliveryTrakr.
  4. In the Contact Email field, enter your email address.
  5. In the API (Enable OAuth Settings) section, select Enable OAuth Settings.
  6. In the Callback URL field, paste the URL of the Heroku app you just created and change the protocol to HTTPS. For example, your final URL might look something like https://deep-samurai-7923.herokuapp.com.
  7. In the Selected OAuth Scopes field, select Full access and click Add.
    As a best practice, you’ll want to keep the OAuth scopes as limited as needed for your canvas app functionality.
    Canvas app OAuth settings
  8. In the Canvas App Settings section, select Force.com Canvas.
  9. In the Canvas App URL field, enter the same URL you entered in the Callback URL field with /canvas.jsp appended to it. For example, the URL might look like https://deep-samurai-7923.herokuapp.com/canvas.jsp.
  10. In the Access Method drop-down list, select Signed Request (POST).
  11. In the Locations field, select Chatter Feed and Publisher and click Add.
    We selected these values because the canvas app appears in the publisher as well as in the feed.
    Canvas app settings
  12. Click Save. After the canvas app is saved, the detail page appears.

We added the canvas app, and now we’ll specify who can access it.