How to check the WEB application created in the PC development environment on your smartphone

Recently, we have made personally developed apps responsive. You can see it with the developer tools, but you want to check if it is displayed properly on the actual machine. In such a case, we will share how to easily check with the smartphone app.

【environment】

procedure

First, connect your PC and smartphone to the same WiFi.

Then press ** Windows key + R ** and type ** cmd **. Open a command prompt, type ** ipconfig ** and press enter.

Ethernet Adapter VirtualBox Host-Only Network:
(abridgement)
Ethernet Adapter VirtualBox Host-Only Network #2:
(abridgement)
Ethernet adapter vEthernet(Extarnal Virtual Switch):

Connection-specific DNS suffix. . . . .: flets-west.jp
IPv6 address. . . . . . . . . . . .: 240xxxxxxxxxx
Temporary IPv6 address. . . . . . . . . .: 240xxxxxxxxxxxxxxxx
Link-local IPv6 address. . . . .: xxxxxxxxxxxxxxxx
IPv4 address. . . . . . . . . . . .: 192.168.1.193//Remember this part
sub-net mask. . . . . . . . . .: xxxxxxxxxxxxxxx
default gateway. . . . . . .: xxxxxxxxxxxxxxxxxxx

When you enter it, it will come out in various ways like ↑, so ** Probably, if you are using Docker for the virtual environment, enter the IPv4 IP address in the column labeled Ethernet adapter vEthernet (Extarnal Virtual Switch) on your smartphone browser. I think you can access it by typing from **. (Example: If port 3000 is open, you can access the PC development environment by setting http://192.168.1.193:3000/.)

If the development environment is different, you will need to enter another IP address, so please find an address that connects in a timely manner!

Thank you for reading to the end!

I output what I learned every day like this! We hope you find it useful! If you have any suggestions, I would appreciate it if you could comment!

Recommended Posts

How to check the WEB application created in the PC development environment on your smartphone
How to migrate a web application created in a local docker environment to AWS
Java application development environment created in VM environment
Android development, how to check null in the value of JSON object
I tried migrating the portfolio created on Vagrant to the Docker development environment
How to check the logs in the Docker container
How to check Rails commands in the terminal
How to connect to lcalhost from your smartphone and use the app under development
Sign in to a Spring Boot web application on the Microsoft ID platform
How to set environment variables in the properties file of Spring boot application
How to install Docker in the local environment of an existing Rails application [Rails 6 / MySQL 8]
[Rails] How to delete production environment MySQL data after putting it in the development environment
How to correctly check the local HTML file in the browser
Web application development environment construction in Java (for inexperienced people)
How to switch Java in the OpenJDK era on Mac
How to install Web application for each language in Nginx
How to check the database of apps deployed on Heroku
[Rails / Routing] How to refer to the controller in the directory you created
Check by connecting the Docker container application under development from a device other than a PC (smartphone)
Ruby on Rails --From environment construction to simple application development on WSL2
How to make an application with ruby on rails (assuming that the environment has been built)
How to automatically operate a screen created in Java on Windows
Check H2 database on the web
How to install the language used in Ubuntu and how to build the environment
Install Rails in the development environment and create a new application
[Rails] How to reset the database in production environment (Capistrano version)
How to get JDK 11 on your mac in a comfortable way
[Ruby on Rails] How to log in with only your name and password using the gem devise
Use Timecop in Rails web app to travel time on your browser
How to execute with commands of normal development language in Docker development environment
I tried to build a Firebase application development environment with Docker in 2020
[Android application development] How to display in full screen (notification bar hidden)
How to build a Ruby on Rails development environment with Docker (Rails 6.x)
How to solve the local environment construction of Ruby on Rails (MAC)!
How to debug the processing in the Ruby on Rails model only on the console
How to build a Ruby on Rails development environment with Docker (Rails 5.x)
How to create your own annotation in Java and get the value
Introduction to Java development environment & Spring Boot application created with VS Code
How to check Java installed on Mac
How to reflect seeds.rb in production environment
How to publish an application on Heroku
Web application scheduled to be created (editing)
How to change the timezone on Ubuntu
How to get the date in java
How to use environment variables in RubyOnRails
Prepare Nuxt (web) + Laravel (API) development environment in the same repository using docker-compose
Create a Docker container for your development web server in Ansible on MacOS
How to check the latest version of io.spring.platform to describe in pom.xml of Spring (STS)
How to resolve errors that occur in the "Ruby on Rails" integration test
[Rails] How to operate the helper method used in the main application with Administrate
Learn while making a WEB server Introduction to WEB application development from the basics
How to find OSS trends for web development
Improve the performance of your Docker development environment
How to add sound in the app (swift)
Rails6.0 ~ How to create an eco-friendly development environment
[Java / PostgreSQL] Connect the WEB application to the database
[Ruby on Rails] How to install Bootstrap in Rails
How to build a Pytorch environment on Ubuntu
How to build the simplest blockchain in Ruby
[Java] Memo on how to write the source
[Rails] How to use PostgreSQL in Vagrant environment