Using local HTTPS development
Edit this page
Learn how to set up local HTTPS for Expo web apps.
When developing Expo web apps locally, you may need to use HTTPS with your local development environment for testing secure browser APIs. This guide shows you how to set up local HTTPS for Expo web apps.
Prerequisites
This guide requires the following tool installed on your machine:
mkcert
: A tool for creating development certificates. For installation instructions, see themkcert
GitHub repository.
Benefits
- Team scalability: Same setup works for everyone
- Authentication support: HTTP-Only Cookies and secure contexts
- Production parity: Match your production HTTPS environment
- Easy sharing: Consistent development URLs across the team
Set up your project
1
Create or navigate to your Expo project:
# Create a new project (if needed)
-
npx create-expo-app@latest example-app
-
cd example-app
# Or navigate to existing project
-
cd your-expo-project
2
Start your Expo development server:
-
npx expo start --web
Your app will be running on http://localhost:8081
. Keep this terminal window open.
3
Use mkcert
to generate a certificate for localhost. Run the following command in a new terminal window from your project's root directory:
-
mkcert localhost
Tip: Ensure that after installingmkcert
, you runmkcert -install
to install the local certificate authority (CA).
This will generate two signed certifcate files: localhost.pem
(certificate) and localhost-key.pem
(private key), inside your project's root directory.
4
Inside your project's root directory, run the following command to start the proxy:
-
npx local-ssl-proxy --source 443 --target 8081 --cert localhost.pem --key localhost-key.pem
Tip:local-ssl-proxy
is a tool that creates a proxy server that forwards HTTPS traffic from port 443 to your Expo dev server on port 8081.
This creates a proxy that forwards HTTPS traffic from port 443 to your Expo dev server on port 8081.
5
Open https://localhost
in your browser to access your app. Your Expo app is now running with HTTPS.