devx: Allow to run local dev EC on mobile in same wifi #3973
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,19 @@ | ||
| -----BEGIN CERTIFICATE----- | ||
| MIIDGjCCAgKgAwIBAgIUOlA2wgQUGZkKqNDvvifFWEsJfvYwDQYJKoZIhvcNAQEL | ||
| BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNjA1MTgwOTM0 | ||
| MzFaFw0yODA3MjYwOTM0MzFaMB4xHDAaBgNVBAMME0VsZW1lbnQgQ2FsbCBEZXYg | ||
| Q0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQCcImv3pStfIUo7PbOO | ||
| XRVUXuDlApBOrg2dCnvZQ1Jfaf4MftGHj/pURkF4eoBuyH4k4+NLzWD0VcU1cM74 | ||
| RnxowJt4AceCGe5RK/rqal5fapXc2vYMM8P6xaQR86gkxohpufsLgTnSweh74yqN | ||
| B5WHUnCX00/X0bh1ho2BMUvGM9+dI4MdgKdaQDgWK4zg9hwp2Z6Yq7SkJ/D8+sGW | ||
| WGpn3osDakL8HTBqop+YVJgF40db50yFurfcfQ0gjVtT4JW8ejO9j8PS/S2oQ/s5 | ||
| mA1B470XhLtT5qTjGm2bp3WpYkTi5widps8PDzBp5eNr0HrvJqcw7BGpbvBlLa+3 | ||
| 7dhLAgMBAAGjUDBOMB0GA1UdDgQWBBRDfyRM4yKUqW6vu/2KUSXGb8vswDAfBgNV | ||
| HSMEGDAWgBRDfyRM4yKUqW6vu/2KUSXGb8vswDAMBgNVHRMEBTADAQH/MA0GCSqG | ||
| SIb3DQEBCwUAA4IBAQBoAhD4W4Yi/VJ2pTKrzhstn1UF1rgQnRddnn97v5BaEV/X | ||
| uuBXbSO+/ewjQUupRjePZFp9FFe9co1OiduKcDExlvPU1eIqkWAwDWjMDpI+Lw5q | ||
| KI5yHzplmMrT/7jn9Tepl9atrIcfDeFkP1dGtdRPyU6ARJEEWJSKeH9ftmImAsbM | ||
| ykXAqSyRl8+bPx1ISG4cNihOxFd38VPDHIW53umaRBgRcN4GcvloKBGrVtRFNM// | ||
| H+md8HmNQMP+e7FamETxs28DxjsdpygxjiFNY/T2eD67dH50ZxC3qCxEG6TJsoAg | ||
| TYJafnqEcGDfiWQyNZRBypuaRsRmmTR27hCPVgi8 | ||
| -----END CERTIFICATE----- |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,28 +1,28 @@ | ||
| -----BEGIN PRIVATE KEY----- | ||
| MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCcImv3pStfIUo7 | ||
| PbOOXRVUXuDlApBOrg2dCnvZQ1Jfaf4MftGHj/pURkF4eoBuyH4k4+NLzWD0VcU1 | ||
| cM74RnxowJt4AceCGe5RK/rqal5fapXc2vYMM8P6xaQR86gkxohpufsLgTnSweh7 | ||
| 4yqNB5WHUnCX00/X0bh1ho2BMUvGM9+dI4MdgKdaQDgWK4zg9hwp2Z6Yq7SkJ/D8 | ||
| +sGWWGpn3osDakL8HTBqop+YVJgF40db50yFurfcfQ0gjVtT4JW8ejO9j8PS/S2o | ||
| Q/s5mA1B470XhLtT5qTjGm2bp3WpYkTi5widps8PDzBp5eNr0HrvJqcw7BGpbvBl | ||
| La+37dhLAgMBAAECggEAEsS4gc5jBk50I+bo3KYn2DqHgj/qpOqbTFNkS9uh3UJa | ||
| fZoJCeiuyM6hNCBVq/uB3mFeg1Au5XAiAqiK2KFwdw8gIS7lkqgXU76brO4YZhPj | ||
| 6+aOSS03079KV7YYckNDRqJKoTlpgAI7Nhk6ljVhLiEk07tdD65wJACGpg8M8sg9 | ||
| dyAz+ANs9gs65iF5LYjH61O/AFlLqCRQh5/z0mjGX6G9uN27nxeUY4+n4QMAcd9D | ||
| Gcygxjt+4nlQayNAlKMwVfps9bWNtI3Ye9knY4WGkrv5cJbW3bgjV6qrvQsbukbq | ||
| xEYzcIlUiWGO9Tv7MN6rk5uQOyoKT/KUnfRmdVd3YQKBgQDMhWm6Q+WuI7Pyn57R | ||
| tmY4rs+fSqTmv6xAOcozKJxffGaEwSUuNA15NvR/7iedcNqmH3XT9j90ZNVHe090 | ||
| ocm1HDUvzC9G5GRrdO6JTTksRaIMZEhosWxqH3DIuBJPLGbF/4obGE7//PJtmDEp | ||
| QVL9Aa0WrcwAWhRzUdvCE+taMwKBgQDDbyZIvtlEr1w2V0bjXO536rRksBapc2ZJ | ||
| XRKtrXivuVtiZYNDB0I7CCJ52cka61n3kyZz2mhQmLq4cAZXyKYWE2i643O+kc3S | ||
| lpZEFSfDZ+3YlhxMxG9oEcgUSwVdbPlAhd/UR8V6n8o2Fm+gug9h6E2zY4fgHLJF | ||
| 8hOWoD4hiQKBgA7YXD1F8mT6eHRS+78zIyZYIf/o9iE9pm4fA7tE5lzT9ckLD/zT | ||
| kGrM/2BN1BhMecJ3JCFXjXGQZB7FJ5ZKrA52VrH6ezAFIfjeyvWyYkUBZOrLWKoo | ||
| vrrRP2mCWuneSjNzAf5HfGx+WsZztpXNBQ4SUhMEWHtqDnP0bCQhOAMbAoGAPfLv | ||
| qcOFT3ZevoLv34ZHuQ9W20vOAyynUb4E+7SvOtSAmTIgZ5DXd6recs2MJ9JOlGG6 | ||
| oKKsyk9/cJNiD1V1AC5q1kLfH5tMKOK/AxnJnvFEvZDnq5Xg0pZAW95j9vdiEwfc | ||
| qYeOm44nJPn7rHEOCzT93E1CdtHh2LYha2+kAjECgYEAh4qODleBi+2fnf2eq494 | ||
| /tAot3szu2+gjyCN00vGjtzoAuDKTYgo0cbU1ILk0Pgpp1NcIvdHz/wQnG9RLX7e | ||
| Dfy1Q+UkyBK67SJUPvcYqBEaZ6ddyijJDunqh+U3nIBGP+IntKIKMIKiLF6wzTKz | ||
| NRpK1HNmllp+O692ZtxoNDU= | ||
| -----END PRIVATE KEY----- |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,21 @@ | ||
| -----BEGIN CERTIFICATE----- | ||
| MIIDijCCAnKgAwIBAgIUWkx2ad/F7QIj1JDaYfbLhiRV+EswDQYJKoZIhvcNAQEL | ||
| BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNjA1MTgwOTM0 | ||
| MzFaFw0yODA3MjYwOTM0MzFaMBgxFjAUBgNVBAMMDSoubS5sb2NhbGhvc3QwggEi | ||
| MA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQC0hora/UCYMtrLJc6BOjonPUPi | ||
| bYpbNiZYnvnqI4doKbV0LBT2TfokT7tpgdPCtHKV0RknsVSL8vhlXpkRqIiWPml8 | ||
| sZaa0+5NDGCQxexS2WVBlsoNCmAaqi/HNSFop6xaxGpQ3bu0iV3oIkUihveXAl6H | ||
| C0VYyGifQ8D5onzepW2ayhemu47YRNSo8wETY5vIi0i/iajTTaw6JvwS+8Kv5/QV | ||
| 5prdvcFlG/oBs12p0+KoRyxskyzcdBdyIarvfY+9nDZwym5GfN32xO/iqtDuDQzw | ||
| Q09h2OsfHJCw70IpHcgXLlEQF2DsFbmbVpWSU6HcMm6B7Yw1YeE64W4PRJp3AgMB | ||
| AAGjgcUwgcIwHwYDVR0jBBgwFoAUQ38kTOMilKlur7v9ilElxm/L7MAwCQYDVR0T | ||
| BAIwADALBgNVHQ8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwUwYDVR0RBEww | ||
| SoIJbG9jYWxob3N0ggttLmxvY2FsaG9zdIINKi5tLmxvY2FsaG9zdIIXKi5vdGhl | ||
| cnNpdGUubS5sb2NhbGhvc3SCCCoubmlwLmlvMB0GA1UdDgQWBBSd0sKIKmZzTnxT | ||
| gNHHjsJNnFcYaTANBgkqhkiG9w0BAQsFAAOCAQEAeffRTrD9o9PVRIoul5r2chwP | ||
| WF7JtvPdC5xWy9rlCfmIKRNzNRnpVw/mDF/jdhlWcENt3psN8Vb1NM3SECKve9KL | ||
| 8bDD2rJEoLBHIFQPS+XpEPqVGLHQcfBtGgs2XdILKvgXJyBHY/pgNZkQmXxYDVoc | ||
| bH9PjJJ4V3t6+tiVWZ792739EU/pHaSz7tab+ycTiggs7mo18E5jpYILhWsDqIVs | ||
| Kz3uczK2OR8537Ix64Z9kmKiklVAqE53odV7Qx2B+7DoOD/7KBN7SMy1KvR1ae6I | ||
| p1ivtDKpBZWbb1ccFxp2cQ30qRHLJrt2YRwz268gx/A6rGXuW6UQPYf4ISNR4Q== | ||
| -----END CERTIFICATE----- |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,28 +1,28 @@ | ||
| -----BEGIN PRIVATE KEY----- | ||
| MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQC0hora/UCYMtrL | ||
| Jc6BOjonPUPibYpbNiZYnvnqI4doKbV0LBT2TfokT7tpgdPCtHKV0RknsVSL8vhl | ||
| XpkRqIiWPml8sZaa0+5NDGCQxexS2WVBlsoNCmAaqi/HNSFop6xaxGpQ3bu0iV3o | ||
| IkUihveXAl6HC0VYyGifQ8D5onzepW2ayhemu47YRNSo8wETY5vIi0i/iajTTaw6 | ||
| JvwS+8Kv5/QV5prdvcFlG/oBs12p0+KoRyxskyzcdBdyIarvfY+9nDZwym5GfN32 | ||
| xO/iqtDuDQzwQ09h2OsfHJCw70IpHcgXLlEQF2DsFbmbVpWSU6HcMm6B7Yw1YeE6 | ||
| 4W4PRJp3AgMBAAECggEAIgdIbk4VmnrfjjKCsg5JPvNH9AsE7PuQj9zrq+xljkdq | ||
| aksS6ni5YZXb9F/iDE4aWU4waTB+iODUXLtPrCnyESwTk0sgYe/39/MQ0slUKivL | ||
| b+keDgY6JlyVI/5KXWFZ1kQ27CZXxwiruGGZWZBKZF8wdVE1Ea65Neg+HHA6DHee | ||
| Jck002gtgO/J1MMbB1MzdtGcsejYLrA+mO6YddQhA65xdQMljTEfyUwgTVv0pWde | ||
| biyKegGK77vlsOyoCkMpVYORG5NMV1Kxs+htA79yuIW71tWHqVbcRMyoM+BaHzPh | ||
| 7uprs+8vYDFrO39LseczA8gURWwUsCgQ0yQ6Ix5W7QKBgQDnSK4AzjPpDEArdHuV | ||
| VGKyzrfPtzH0VV/yTH9hvByNG6i/x8sE/r2KPi5nRMi4PAjjqmxyO1G5qwDOfzvK | ||
| sBvwFrTRpmbnqGITVKPPivdoI9+RveN+FxhOXVA8NylAOv/dtSoakYwg3e507UsC | ||
| RuFW3Re0Oc+0XFq4C8rQyLkIOwKBgQDH0T9gww+XbwIGCtiNpnEziU9FXBKSVwXf | ||
| dCxYcTLPATq3BqHmP4OUA0v+sa3wPcnBkXF7q6eoB9+S6ZYQA/b2BXGU5/j9xYd4 | ||
| 29cF4DlPkhTwF9S8b+h1zhlGIn96Lw/vZuj7Bc3wuwxvB17d8dpyo8bZynIe7BvF | ||
| KSPJz+2O9QKBgFFyd8xS0VcFeGeVKpwozmUXhQWCBvZ7RkGGjOk3HHrYvbFjw2vr | ||
| 5YWUZjT5tRGkGqFJ98y2dQ5EWRFfHwg+wmfnJyAZUG3OD1OtX86Lqpqi321siHtz | ||
| 2JxoIgRCjKVQ4aAK11vp24YLgZjto5eWrG4xh9Jw9WMXjt73UCH8PaTXAoGBAIff | ||
| TY1qlmuO3H1nWqHXkBpPQEwVs7s22ZN817q8HqSMXXSfWe/LOJmpND/YakJ2gX7S | ||
| e6xwqOylje3EUHpLd98LDJUIuFM3wkr4klo4gkANQZeRXONV5WhV4PHD+5MF9XwB | ||
| KmOnKsaLKoVFKckZ8EUMAOePtdI5ExkaRG+yqAMRAoGAJyUFK+V9ST1N/6wYgqor | ||
| vywMSRE2cF2WvVIxdMvWffmpoj40bG6lAlaSWm29E2T8SVvAKsRid0wDgCQ4QTEn | ||
| ft7yUDjqVALCJVCrOFHDY0BPStkm6njMWagr/0lGr9zUWqbBOKJhNfDJlykv8gaF | ||
| 8kWTgabrMCKmpTi7fBWbzZA= | ||
| -----END PRIVATE KEY----- |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| @@ -0,0 +1,113 @@ | ||||||||||||||
| # Developer help | ||||||||||||||
|
|
||||||||||||||
| ## Testing on Mobile Devices | ||||||||||||||
|
|
||||||||||||||
| When developing Element Call locally, you may want to test on physical mobile devices (iOS/Android) | ||||||||||||||
| on the same WiFi network. | ||||||||||||||
|
|
||||||||||||||
| **Known Limitations:** For now this setup allows to use your local EC server but not yet the SFUs and Synapses. | ||||||||||||||
|
|
||||||||||||||
| ### Prerequisites | ||||||||||||||
|
|
||||||||||||||
| 1. **Start the dev server** | ||||||||||||||
|
|
||||||||||||||
| ```bash | ||||||||||||||
| pnpm dev | ||||||||||||||
| ``` | ||||||||||||||
|
|
||||||||||||||
| Check the output for the `➜ Network` (this will contain the local IP address of your laptop) | ||||||||||||||
|
|
||||||||||||||
| ``` | ||||||||||||||
| ➜ Local: https://m.localhost:3000/ 12:06:48 | ||||||||||||||
| ➜ Local: https://vite.m.localhost:3000/ 12:06:48 | ||||||||||||||
| ➜ Local: https://vite.othersite.m.localhost:3000/ 12:06:48 | ||||||||||||||
| ➜ Local: https://vite.nip.io:3000/ 12:06:48 | ||||||||||||||
| ➜ Network: https://192.168.0.122:3000/ | ||||||||||||||
| ``` | ||||||||||||||
|
|
||||||||||||||
| 2. **Transfer the CA certificate to your phone** | ||||||||||||||
|
|
||||||||||||||
| The file is located at `backend/dev_tls_local-ca.crt`. Transfer it via: | ||||||||||||||
| - Matrix room | ||||||||||||||
| - AirDrop for iphone | ||||||||||||||
|
|
||||||||||||||
| ### IOS Setup | ||||||||||||||
|
|
||||||||||||||
| **Install the certificate profile on iPhone** | ||||||||||||||
|
|
||||||||||||||
| - Open the `dev_tls_local-ca.crt` file on your iPhone | ||||||||||||||
| - You'll see "Profile Downloaded" | ||||||||||||||
| - Go to **Settings → General → VPN & Device Management** (or **Settings → General → Profiles**) | ||||||||||||||
| - Tap the "Element Call Dev CA" profile | ||||||||||||||
| - Tap **Install** and enter your passcode | ||||||||||||||
| - Confirm by tapping **Install** again | ||||||||||||||
|
|
||||||||||||||
| **Enable full trust (Critical!)** | ||||||||||||||
|
|
||||||||||||||
| - Go to **Settings → General → About → Certificate Trust Settings** | ||||||||||||||
| - Under "Enable Full Trust for Root Certificates" | ||||||||||||||
| - Toggle **ON** for "Element Call Dev CA" | ||||||||||||||
| - Confirm the security warning | ||||||||||||||
|
|
||||||||||||||
| **Access Element Call** | ||||||||||||||
|
|
||||||||||||||
| Find your laptop's IP address (e.g., `192.168.0.122`) and use one of these URLs in Safari to validate: | ||||||||||||||
|
|
||||||||||||||
| ``` | ||||||||||||||
| https://192-168-0-122.nip.io:3000/ | ||||||||||||||
| ``` | ||||||||||||||
|
|
||||||||||||||
| **For Element X iOS Developer Tools** | ||||||||||||||
|
|
||||||||||||||
| In Element X's developer settings, set the Element Call URL to the nip.io url (replace . with - in the IP address): | ||||||||||||||
|
|
||||||||||||||
| ``` | ||||||||||||||
| https://192-168-0-122.nip.io:3000/room | ||||||||||||||
| ``` | ||||||||||||||
|
|
||||||||||||||
| ### Android Setup | ||||||||||||||
|
|
||||||||||||||
| **Transfer the CA certificate to your Android device** | ||||||||||||||
|
|
||||||||||||||
| The file is located at `backend/dev_tls_local-ca.crt`. | ||||||||||||||
|
|
||||||||||||||
| **Install the certificate** | ||||||||||||||
|
|
||||||||||||||
| This might vary by Android version and manufacturer, but generally: | ||||||||||||||
|
|
||||||||||||||
| - Open **Settings** search for "CA Certificate"/"Certificate" | ||||||||||||||
| - Tap **Install a certificate** or **Install from storage** | ||||||||||||||
| - Select **CA certificate** | ||||||||||||||
| - Confirm the security warning | ||||||||||||||
| - Navigate to and select the `dev_tls_local-ca.crt` file | ||||||||||||||
| - Give it a name like "Element Call Dev CA" | ||||||||||||||
|
|
||||||||||||||
| **Access Element Call** | ||||||||||||||
|
|
||||||||||||||
| Find your laptop's IP address (e.g., `192.168.0.122`) and use one of these URLs in Chrome to validate: | ||||||||||||||
|
|
||||||||||||||
| ``` | ||||||||||||||
| https://192-168-0-122.nip.io:3000/ | ||||||||||||||
| ``` | ||||||||||||||
|
|
||||||||||||||
| **For Element X Android Developer Tools** | ||||||||||||||
|
|
||||||||||||||
| In Element X's developer settings, set the Element Call URL to the same URL from step 3. | ||||||||||||||
|
|
||||||||||||||
| ``` | ||||||||||||||
| https://192-168-0-122.nip.io:3000/room | ||||||||||||||
|
|
||||||||||||||
|
Collaborator
There was a problem hiding this comment. Nit: Extra blank line here.
Suggested change
|
||||||||||||||
| ``` | ||||||||||||||
|
|
||||||||||||||
| ### Why nip.io? | ||||||||||||||
|
|
||||||||||||||
| [nip.io](https://nip.io) is a free wildcard DNS service that automatically resolves domain names containing IP addresses. For example, `192-168-0-122.nip.io` automatically resolves to `192.168.0.122`. This means: | ||||||||||||||
|
|
||||||||||||||
| - No need to regenerate certificates when your laptop's IP changes | ||||||||||||||
| - Works from any device without DNS configuration | ||||||||||||||
| - iOS/Android treat it as a proper domain name, not an IP address | ||||||||||||||
| - One-time certificate setup works for all future IP addresses | ||||||||||||||
|
Collaborator
There was a problem hiding this comment. I had to do this on my router.
Suggested change
|
||||||||||||||
|
|
||||||||||||||
| ``` | ||||||||||||||
|
|
||||||||||||||
| ``` | ||||||||||||||
|
Comment on lines
+110
to
+113
Collaborator
There was a problem hiding this comment. I think this might be a leftover?
Suggested change
|
||||||||||||||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -103,6 +103,7 @@ export default ({ | |
|
|
||
| return { | ||
| server: { | ||
| host: true, | ||
| port: 3000, | ||
| fs: { allow }, | ||
| https: { | ||
|
|
||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It looks like there is no step 3 above. Maybe we could just use the same language as in the iOS section?