Appsmith - Developer Guide

Appsmith is an open-source low-code platform designed for building internal tools, admin panels, dashboards, and workflows. With Appsmith, you can rapidly create full-featured apps by connecting to APIs, databases, and third-party services all with minimal coding. It provides a drag-and-drop UI builder, pre-built widgets, and easy integration with REST APIs, GraphQL, and SQL queries. This guide provides step-by-step instructions to help you seamlessly integrate Appsmith into your development projects.

Prerequisites

Launching the AMI

Step 1: Find and Select 'Appsmith' AMI

1. Log in to your AWS Management Console.
2. Navigate to the 'Appsmith' product in AWS Marketplace.

Step 2: Initial Setup & Configuration

1. Click the "Continue to Subscribe" button.
2. After subscribing, you will need to accept the terms and conditions. Click on "Accept Terms" to proceed.
3. Please wait for a few minutes while the processing takes place. Once it's completed, click on "Continue to Configuration".
4. Select the "CloudFormation script to deploy appsmith" as the fulfilment option and choose your preferred region on the "Configure this software" page. Afterward, click the "Continue to Launch" button.
5. From the "Choose Action" dropdown menu in the "Launch this software" page, select "Launch CloudFormation" and click the "Launch" button.

Create CloudFormation Stack

Step 1: Create Stack

1. Ensure the "Template is ready" radio button is selected under "Prepare template".
2. Click "Next".

Step 2: Specify Stack Options

Click "Next".

Step 3: Configure Stack Options

1. Choose "Roll back all stack resources" and "Delete all newly created resources" under the "Stack failure options" section.
2. Click "Next".

Step 4: Review

1. Review and verify the details you've entered.

2. Tick the box that says, "I acknowledge that AWS CloudFormation might create IAM resources with custom names".

3. Click "Submit".

Afterward, you'll be directed to the CloudFormation stacks page.

Please wait for 5-10 minutes until the stack has been successfully created.

Update DNS

Step 1: Copy IP Address

Copy the public IP labeled "PublicIp" in the "Outputs" tab.

Step 2: Update DNS

1. Go to AWS Route 53 and navigate to "Hosted Zones".
2. From there, click on Create record.
3. Add the record name and then paste the copied "PublicIp" into the "value" textbox.

4. Click "Save".

Access Appsmith

You can setup the Appsmith application through the "DashboardUrlIp" provided in the "Outputs" tab. This will allow you to create an Admin account and all the future accounts will be created through the Admin panel.

502 Bad Gateway Error?

If you encounter a "502 Bad Gateway" error, please wait for about 5 minutes before refreshing the page.

Please wait until Appsmith is ready. This may take a few minutes.

Generate SSL Manually

After the initial setup, the custom domain is configured through the Admin Settings Custom Domain section in the Appsmith UI.

Settings > Instance Settings > Custom Domain

Click "Save and Restart".

Appsmith is now accessible via the domain.

Shutting Down Appsmith

1. Click the link labeled "Instance" in the "Resources" tab to access the EC2 instance, you will be directed to the Appsmith instance in EC2.

2. Select the Appsmith instance by marking the checkbox and click "Stop instance" from the "Instance state" dropdown. You can restart the instance at your convenience by selecting "Start instance".

Remove Appsmith

Delete the stack that has been created in the AWS Management Console under 'CloudFormation Stacks' by clicking the 'Delete' button.

Conclusion

The Meetrix Appsmith Developer Guide is your ultimate resource for seamlessly integrating Appsmith into your projects. Whether you're an experienced developer or new to internal tool building, the guide provides clear, step-by-step instructions for a smooth setup process. Appsmith is powerful and intuitive for creating custom internal applications, connecting to APIs, and integrating with databases without heavy coding overhead. With this guide, you'll be able to build modern, dynamic web applications and dashboards with confidence.

Technical Support

Reach out to Meetrix Support at aws@meetrix.io for assistance with Appsmith issues.