---
schema_version: "1"
id: 42bfac74abef304087b30f4c1e5a0521b0fa29ed5d210ef83898771f08e6b2af
title: Heroku Quick Start
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/canvas_app_previewer_heroku.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.canvas_app_previewer_heroku.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 9092904374c01dc1870acff1bb04626ee0a24eaef8f3ae40a8bc16b3e616613f
description: The Heroku Quick Start button gets you started by creating an app in Heroku and creating a corresponding canvas app in Salesforce.
products:
  - Salesforce Platform
release: "264"
---
# Heroku Quick Start

The Heroku Quick Start button gets you started by creating an app in Heroku and creating a corresponding canvas app in Salesforce.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: both Salesforce Classic and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, <strong>Professional Edition (with API and Lightning Platform Canvas enabled)</strong>, and <strong>Developer</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d36626e81">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e81 ">To see the previewer:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e81 ">
              <p>Customize Application</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Modify All
                Data</p>
            </td>

          </tr>
        </tbody>
      </table>

The Heroku Quick Start fields include the following:

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:50.505050505050505%">
          <col style="width:49.494949494949495%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d36626e119">Field</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d36626e122">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Template</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">Heroku template used to create the Heroku app.</td>

          </tr>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Canvas App Name</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">Name of the canvas app. Maximum length is 30 characters.</td>

          </tr>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Heroku App Name</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">Name of the Heroku app. The name must begin with a letter and can
              only contain lowercase letters, numbers, and dashes. This name
              becomes part of the URL for the app. Maximum length is 30
              characters.</td>

          </tr>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Canvas App Description</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">Description of the canvas app. This description appears when you
              edit the canvas app in Salesforce. Maximum length is 200
              characters.</td>

          </tr>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Auth Type</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">
              <p>How the quick start authenticates with Heroku to create the
                canvas app.</p>
              <ul>
                <li><samp class="parmname">Username/Password</samp>—Uses the
                  Heroku username and password</li>
                <li><samp class="parmname">API Key</samp>—Uses the Heroku API
                  key</li>
              </ul>
            </td>

          </tr>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Heroku Username</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">
              <p>
                <span>Username for the account used to log in to Heroku. The Heroku
                  app is created under this user’s credentials.</span>
              </p>
              <p style="margin-bottom:0;">This field has a maximum length of 30 characters. If your Heroku
                username is longer than 30 characters, you’ll need to
                enter the API key associated with your Heroku account in the
                <samp class="parmname">Heroku API Key</samp> field.
              </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Heroku Password</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">Password for the account used to log in to Heroku.</td>

          </tr>
          <tr class="">
            <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e119 ">
              <samp class="parmname">Heroku API Key</samp>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d36626e122 ">Instead of using the username and password for the Heroku
              account, you can use the API key associated with that account. You
              can find this value on the Heroku <samp class="parmname">My Account</samp>
              page.</td>

          </tr>
        </tbody>
      </table>

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_code-264-0-0-production-enus/789bc523-706b-4ae4-8fe9-be6322e38b6b/images/icon_note.png)

Note The Heroku username and password are not stored anywhere, but used only during the app creation process on a secure connection.