You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/getting-started/testing.md
+7-18Lines changed: 7 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,27 +17,16 @@ sidebar_position: 6
17
17
To test your project on mobile devices, especially for AR experiences that require camera access, you'll need to serve your development server over HTTPS. We recommend using [ngrok](https://ngrok.com/) to create a secure tunnel to your local server.
18
18
19
19
1. Go to [ngrok.com](https://ngrok.com/) and create an account. Once signed in, follow the steps on the dashboard to install ngrok.
20
-
2. Update (or verify) your project configuration. In the `config` folder, open `webpack.config.js` and look for the `devServer` object. Add (or verify) ngrok as an `allowedHost`:
21
-
```javascript
22
-
devServer: {
23
-
// ... existing config
24
-
allowedHosts: ['.ngrok-free.dev']
25
-
}
26
-
```
27
-
3. Relaunch the desktop app or exit/reopen the project to refresh the build after updating the webpack configuration
28
-
4. Open the Simulator/Preview and click the browser pop-out button
20
+
2. Click "Connect Device" in the lower left corner.
4. Open a terminal window and run the following command, replacing [port] with the port obtained from the simulator browser pop-out
37
-
```bash
38
-
ngrok http [port]
39
-
```
28
+
4. Take the URL from the output, in the form `https://xxx-xxx-xxx.ngrok-free.dev`, and paste that into the Proxy URL field.
40
29
41
-
In the output you should see an ngrok URL that uses HTTPS and forwards to your local development server. You can paste this into your browser window and test your project on a mobile device.
0 commit comments