---
schema_version: "1"
id: 28edbeefe7a8edc675b7f61b2989f41bc7cb4d49c70891d9d129890d14c61ef7
title: Update the Canvas App
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/canvas-framework/guides/platform-connect/quick-start/quick-start-update-canvas-app-heroku.md
canonical_url: https://developer.salesforce.com/docs/platform/canvas-framework/guide/quick-start-update-canvas-app-heroku.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: bac6f3d84a3399ca1d21b2892f65e6ef486b5629e948aee30779f5bdf0d5feeb
products:
  - Canvas Developer Guide
  - Platform Developer Content
---

# Update the Canvas App

In this step, you update the canvas app to run the “hello world” app that’s now running on Heroku.

1.  In Salesforce, from Setup, enter `External Client Apps` in the `Quick Find` box, then select **External Client App Manager**. Then, click **Edit Settings** on the dropdown menu next to the Hello World app.

    If you created a connected app instead, find your app on the **App Manager** setup page. Click **Edit** on the dropdown menu next to the Hello World app.

2.  In the `Logo Image URL` field, enter https://_appName_.herokuapp.com/images/salesforce.png. This is the default Salesforce “No Software” image. This image appears on the installation screen and on the detail screen for the app. The _appName_ is the name of Heroku app that you just created.

3.  In the `Icon URL` field, enter https://_appName_.herokuapp.com/examples/hello-world/logo.png. This is the default Salesforce “No Software” image.

    This is the image that appears next to the app name on the Chatter tab or in the Canvas App Previewer. If you leave this field blank, a default cloud image appears next to the app name. The _appName_ is the name of Heroku app that you just created.

4.  In the **OAuth Settings** section, update `Callback URL` to https://_appName_.herokuapp.com/sdk/callback.html. The _appName_ is the name of Heroku app that you just created.

5.  In the **Canvas App Settings** section, update `Canvas App URL` to https://_appName_.herokuapp.com/examples/hello-world/index.jsp. The _appName_ is the name of Heroku app that you just created.

6.  Click `Save`. After the canvas app is saved, the detail page appears.

7.  In Salesforce, from Setup, enter `Canvas App Previewer` in the `Quick Find` box, then select **Canvas App Previewer**. You can use the Canvas App Previewer to test out your canvas app before repackaging it.

8.  Click the Hello World link on the left.

    The app should appear and you’ll see the message `Hello User.FullName`. The canvas app works in this context because when you click the app name in the previewer, the signed request is sent to the endpoint https://_appName_.herokuapp.com/examples/hello-world/index.jsp.


In this example, we’re using the same canvas app that we just created, but updating it to point to the “hello world” Web app running on Heroku. Therefore, the consumer secret that we previously added to our “hello world” app doesn’t need to be updated.

If you want to create a new canvas app in Salesforce that displays the “hello world” app running on Heroku, then go to [Use an External Client App](https://developer.salesforce.com/docs/platform/canvas-framework/guide/quick-start-create-canvas-app-eca.md) to create the new app, update the consumer secret in the app, and then deploy the changes to Heroku.

**See Also**  


-   [Quick Start—Advanced](https://developer.salesforce.com/docs/platform/canvas-framework/guide/quick-start-intro.md)
-   [Deploy the Web App to Heroku](https://developer.salesforce.com/docs/platform/canvas-framework/guide/quick-start-upload-app-to-heroku.md)
-   [Package the Connected App for Canvas](https://developer.salesforce.com/docs/platform/canvas-framework/guide/quick-start-package-canvas-app.md)