Connect the Application Composer console with your local IDE - AWS Application Composer

Connect the Application Composer console with your local IDE

To connect the Application Composer console with your local integrated development environment (IDE), use local sync mode. This mode automatically syncs and saves data to your local machine. For more information about local sync mode, see Locally sync and save your project in the Application Composer console. For instructions on using local sync mode, see Locally sync and save your project in the Application Composer console.

Note

The Activate local sync option is not available in every browser. It is available in Google Chrome and Microsoft Edge.

Benefits of using Application Composer with your local IDE

As you design in Application Composer, your local template and project directory are automatically synced and saved.

You can use your local IDE to view changes and modify your templates. Changes that you make locally are automatically synced to Application Composer.

You can use local tools such as the AWS Serverless Application Model Command Line Interface (AWS SAM CLI) to build, test, deploy your application, and more. The following example shows how you can drag and drop resources onto Application Composer's visual canvas which, in turn, creates markup in your AWS SAM template in your local IDE.

Using Application Composer with a local IDE to sync changes.

Integrate Application Composer with your local IDE

To integrate Application Composer with your local IDE
  1. In Application Composer, create or load a project, and activate local sync by selecting the Menu button at the top-right side of the screen and choosing Activate local sync.

    Note

    The Activate local sync option is not available in every browser. It is available in Google Chrome and Microsoft Edge.

  2. In your local IDE, open the same project folder as Application Composer.

  3. Use Application Composer with your local IDE. Updates made in Application Composer will automatically sync with your local machine. Here are some examples of what you can do:

    1. Use your version control system of choice to track updates being performed by Application Composer.

      Making a change in Application Composer and viewing the git diff in your local IDE.
    2. Use the AWS SAM CLI locally to build, test, deploy your application, and more. To learn more, see Deploy your Application Composer serverless application to the AWS Cloud.

      Using sam build and sam deploy in your local IDE.