Install and build
Learn how to install and build Hoppscotch Community Edition.
DATA_ENCRYPTION_KEY
, which accepts a 32 character alphanumeric string. Please make sure to update your .env
file with the latest changes while setting up Hoppscotch. Configuring the environment
Before you get started with the installation, you need to configure the environment variables.
Copy the contents of the .env.example
file found in the root directory of the Hoppscotch repository to .env
and add your values for the environment variables.
#-----------------------Backend Config------------------------------#
# Prisma Config
DATABASE_URL=postgresql://username:password@url:5432/dbname # or replace with your database URL
# Auth Tokens Config
JWT_SECRET=secretcode123
TOKEN_SALT_COMPLEXITY=10
MAGIC_LINK_TOKEN_VALIDITY=3
REFRESH_TOKEN_VALIDITY=604800000 # Default validity is 7 days (604800000 ms) in ms
ACCESS_TOKEN_VALIDITY=86400000 # Default validity is 1 day (86400000 ms) in ms
SESSION_SECRET=anothersecretcode123
# Recommended to be true. Set to false if you are using http.
# Note: Some auth providers may not support http requests and may stop working when set to false.
ALLOW_SECURE_COOKIES=true
# Sensitive Data Encryption Key while storing in Database (32 character)
DATA_ENCRYPTION_KEY=********************************
# Hoppscotch App Domain Config
REDIRECT_URL=http://localhost:3000
WHITELISTED_ORIGINS=http://localhost:3170,http://localhost:3000,http://localhost:3100
VITE_ALLOWED_AUTH_PROVIDERS=GOOGLE,GITHUB,MICROSOFT,EMAIL
# Google Auth Config
GOOGLE_CLIENT_ID=*****
GOOGLE_CLIENT_SECRET=*****
GOOGLE_CALLBACK_URL=http://localhost:3170/v1/auth/google/callback
GOOGLE_SCOPE=email,profile
# Github Auth Config
GITHUB_CLIENT_ID=*****
GITHUB_CLIENT_SECRET=****
GITHUB_CALLBACK_URL=http://localhost:3170/v1/auth/github/callback
GITHUB_SCOPE=user:email
# Microsoft Auth Config
MICROSOFT_CLIENT_ID=*****
MICROSOFT_CLIENT_SECRET=*****
MICROSOFT_CALLBACK_URL=http://localhost:3170/v1/auth/microsoft/callback
MICROSOFT_SCOPE=user.read
MICROSOFT_TENANT=common
# Mailer config
MAILER_SMTP_ENABLE=true
MAILER_USE_CUSTOM_CONFIGS=false
MAILER_ADDRESS_FROM=<from@example.com>
MAILER_SMTP_URL=smtps://user@domain.com:pass@smtp.domain.com # used if custom mailer configs is false
# The following are used if custom mailer configs is true
MAILER_SMTP_HOST=smtp.domain.com
MAILER_SMTP_PORT=587
MAILER_SMTP_SECURE=true
MAILER_SMTP_USER=user@domain.com
MAILER_SMTP_PASSWORD=pass
MAILER_TLS_REJECT_UNAUTHORIZED=true
# Rate Limit Config
RATE_LIMIT_TTL=60 # In seconds
RATE_LIMIT_MAX=100 # Max requests per IP
#-----------------------Frontend Config------------------------------#
# Base URLs
VITE_BASE_URL=http://localhost:3000
VITE_SHORTCODE_BASE_URL=http://localhost:3000
VITE_ADMIN_URL=http://localhost:3100
# Backend URLs
VITE_BACKEND_GQL_URL=http://localhost:3170/graphql
VITE_BACKEND_WS_URL=wss://localhost:3170/graphql
VITE_BACKEND_API_URL=http://localhost:3170/v1
# Terms Of Service And Privacy Policy Links (Optional)
VITE_APP_TOS_LINK=https://docs.hoppscotch.io/support/terms
VITE_APP_PRIVACY_POLICY_LINK=https://docs.hoppscotch.io/support/privacy
# Set to `true` for subpath based access
ENABLE_SUBPATH_BASED_ACCESS=false
Let’s understand the major environment variables:
DATABASE_URL
: This is where you add your Postgres database URL.TOKEN_SALT_COMPLEXITY
: Defines the complexity of the SALT that is used for hashing - a higher number implies a more complex salt.MAGIC_LINK_TOKEN_VALIDITY
: Duration of the validity of the magic link being sent to sign in to Hoppscotch (in days).REFRESH_TOKEN_VALIDITY
: Validity of the refresh token for auth (in ms).ACCESS_TOKEN_VALIDITY
: Validity of the access token for auth (in ms).JWT_SECRET
,SESSION_SECRET
: Secret Keys for security purposes.ALLOW_SECURE_COOKIES
: If disabled users will be able to use Hoppscotch over HTTP connections as well. It is recommended that this be left enabled as some auth providers may not work if this value is set to true.DATA_ENCRYPTION_KEY
: A 32-character key used for encrypting sensitive data stored in the database.REDIRECT_URL
: This is a fallback URL to debug when the actual redirects fail.WHITELISTED_ORIGINS
: URLs of Hoppscotch backend, admin dashboard, and the frontend app.VITE_ALLOWED_AUTH_PROVIDERS
: Allows you to specify which auth providers you want to enable.MAILER_SMTP_ENABLE
: Enables the SMTP mailer configuration.MAILER_USE_CUSTOM_CONFIGS
: When custom mailer configurations are used.MAILER_SMTP_URL
: The SMTP URL for email delivery.MAILER_ADDRESS_FROM
: The email address that you would be using.MAILER_SMTP_HOST
: The SMTP host.MAILER_SMTP_PORT
: The port to connect to the SMTP server.MAILER_SMTP_USER
: The SMTP user or email for authentication.MAILER_SMTP_PASSWORD
: Provide the password set for the SMTP user.RATE_LIMIT_TTL
: The time it takes to refresh the maximum number of requests being received.RATE_LIMIT_MAX
: The maximum number of requests that Hoppscotch can handle underRATE_LIMIT_TTL
.VITE_BASE_URL
: This is the URL where your deployment will be accessible from.VITE_SHORTCODE_BASE_URL
: A URL to generate shortcodes for sharing, can be the same asVITE_BASE_URL
.VITE_BACKEND_GQL_URL
: The URL for GraphQL within the instance.VITE_BACKEND_WS_URL
: The URL for WebSockets within the instance.VITE_BACKEND_API_URL
: The URL for REST APIs within the instance.VITE_APP_TOS_LINK
andVITE_APP_PRIVACY_POLICY_LINK
are optional and are used to configure the links to the Terms & Conditions and Privacy Policy.
Third-party auth configs have to be obtained from the respective providers. You can choose and configure the auth providers by following the configuring OAuth guide.
Docker
Once the environment variables are configured, you may proceed to the next step of setting up the Hoppscotch instance. Currently, there are two ways to set up Hoppscotch:
- Using individual containers for the services.
- Using the AIO container.
- Before proceeding further, ensure that you have a running instance of Postgres.
Using individual containers for the services
To self-host Hoppscotch Community Edition, you will need the following services running via Docker:
- Hoppscotch frontend
- Hoppscotch backend
- Hoppscotch admin dashboard
Pull the containers from DockerHub with the following command:
docker pull hoppscotch/hoppscotch-frontend
docker pull hoppscotch/hoppscotch-backend
docker pull hoppscotch/hoppscotch-admin
After pulling the containers, start Hoppscotch by running all three services:
docker run -p 3000:3000 --env-file .env --restart unless-stopped hoppscotch/hoppscotch-frontend
docker run -p 3170:3170 --env-file .env --restart unless-stopped hoppscotch/hoppscotch-backend
docker run -p 3100:3100 --env-file .env --restart unless-stopped hoppscotch/hoppscotch-admin
- Ensure that the environment variables are configured in the
.env
file and the restart policy is mentioned.
Open admin dashboard or PORT 3100
in the browser to setup and access the Hoppscotch instance.
Using the AIO container
The All-In-One (AIO) container is a single container that provides all the services required to run Hoppscotch.
Pull the container from DockerHub with the following command:
docker pull hoppscotch/hoppscotch
After pulling the container, start Hoppscotch by running the container:
docker run -p 3000:3000 -p 3100:3100 -p 3170:3170 --env-file .env --restart unless-stopped hoppscotch/hoppscotch
- Ensure that the environment variables are configured in the
.env
file and the restart policy is mentioned.
Open admin dashboard or PORT 3100
in the browser to setup and access the Hoppscotch instance.
Subpath Based Access
To enable subpath based access the following .env
variable must be set to true, it is set to false by default.
ENABLE_SUBPATH_BASED_ACCESS=false
When set to true the following is the expected behavior:
Using individual containers for the services
When using the individual containers it is up to the users to configure a reverse proxy to allow requests made to a specific route to be rerouted to the relevant containers.
Using the AIO container
When using AIO, when subpath access is set to true the services can be accessed from the following routes
Service | Route |
---|---|
Hoppscotch App | / |
Hoppscotch Admin App | /admin |
Hoppscotch Backend | /backend |
Migrations
Once the instance of Hoppscotch is up, you need to run migrations on the database to ensure that it has the relevant tables. Depending on how Hoppscotch was set up, the method to run the migrations changes.
Using individual containers for the services
Run the following command to copy the ID of the backend container:
docker ps
Using the AIO container
Run the following command to copy the ID of the AIO container:
docker ps
Running migrations
Once the respective container ID is copied, execute the following command to open an interactive shell within the container to execute the migration command:
docker exec -it <container_id> /bin/sh
Once inside the container, run the migration using:
pnpx prisma migrate deploy
Should the user ever encounter the following error:
Database migration not found. Please check the documentation for assistance: https://docs.hoppscotch.io/documentation/self-host/community-edition/install-and-build#running-migrations
It means the user is trying to start the backend (or AIO) service before the database has all the relevant tables in it. In order to run the migration to populate the database run the following command.
docker run -it --entrypoint sh --env-file .env <container_name>
Making sure to pass in the .env
file containing the right .env
variables for the instance. On executing the aforementioned command will result in a shell being opened inside a instance of the container following which user can execute a database migration normally with
pnpx prisma migrate deploy
Once the database has been successfully run and the database populated with tables the backend containers ( or AIO container) can be started normally.
Note: If user is using docker compose
to run the services the following command can be used to open a shell inside the backend (or AIO) service.
docker compose run --entrypoint sh <Service_name>
Was this page helpful?