Multi-Device Testing with ngrok

​ngrok is a tool that allows you to serve local web applications over the internet in a single command. This guide walks through the setup and usage of ngrok for testing Passage across different devices. 
This guide assume you've already create an application that uses Passage. If you haven't done that yet, check out our guide for Getting Started.
Using ngrok lets you quickly see the value that Passage adds: 
You can run one of our example applications locally and see the user login experience on your laptop, iPhone, and Windows tablet - all in just a few minutes. 
Biometric authentication requires HTTPS in order to work on non-localhost domains. ngrok spins up a secure tunnel every time, so you can always use biometrics when testing in non-production environments. 
Ngrok Setup
Follow the instructions below to set up ngrok and use it to run your application. For this tutorial, we will assume you are using the React example app. If you are using a different one, just change the run commands. 
Install ngrok (https://ngrok.com/download).
Install dependencies and run your application.
1
npm install
2
npm run start
Copied!
Launch ngrok to connect it to your application.
1
ngrok http 3000
Copied!
Copy the new https ngrok.io url into your browser. You will be prompted to sign up for an account.
Create a free account on ngrok.com
Follow the instructions to sign up for a free account and copy your Auth Token.
Copy your auth token from ngrok to use in your terminal
Return to your terminal and exit ngrok (Ctrl-c). Then run the following command to associate the auth token with your account.
1
ngrok --authtoken=<your_authtoken>
Copied!
Re-run ngrok and copy the HTTTPS ngrok.io url.
1
ngrok http 3000
Copied!
In the Passage Console, change your authentication origin to the ngrok.io url.
Now visit that url in your browser and you should see your React app!
This application has HTTPS, which is required for biometric authentication to work. It also has a domain on the internet, so you can visit https://<your-domain>.ngrok.io from any device and see how biometrics authentication will work. To demonstrate the power of Passage + ngrok, you can create an account on a mobile device or log into the same account from different devices (this will require a magic link to verify you own the device).

Guides - Previous

Embedded Links

Next - Guides

Custom Registration Data

Last modified 2mo ago

Copy link

Contents

Ngrok Setup