I created a new AR project, it’s pretty simple, the user enters the website and has some AR stuff with their phone camera. The only problem is I don’t know how to test my website on iPhone every time I add new code, for now I have an online free hosting and I just upload my changes there, but it’s too time consuming. Is there a way to have my website directly on my iPhone?
2
Answers
I use VSCode with Live Server extension on a PC connected to a wireless LAN.
Live Server serves the website you’re developing on a port (e.g. 5500) of your computer.
I write code on PC, launch Live Server, and from my phone (connected to the same wireless LAN) I browse to my PC IP adress on local Wireless LAN, followed by the port number (something like http://192.186.1.161:5500), and I can use the web app on my phone. Live Server has live reload: every time I modify some file on VSCode, the web page is reloaded on the (phone or PC) browser, showing the updated version.
For AR web app you probably have to serve it on secure (https) connection: Live Server can do this, but you have to create your own SSL certificate. I used the openssl executable that comes with git.
Even if you don’t use VSCode, there are many server applications that you can run on your PC and do the same thing.
In addition to @Luca Fornasari’s answer:
Webstorm plugin
This plugin for WebStorm exists aswell, coudln’t find any info on IOS compatability:
https://plugins.jetbrains.com/plugin/14969-adb-wi-fi
Android Studio
In Android studio you can use Wireless debugging to do this easily, it might also be a feature in IntelliJ or Webstorm since they’re related but I couldn’t find any in my research, I don’t know if there’s a similar option for Iphones though but this is an alternative solution for those using Android studio. Here’s a read https://developer.android.com/studio/run/device