[RUBY] Comment vérifier l'application WEB créée dans l'environnement de développement PC sur votre smartphone

Récemment, nous avons rendu réactives les applications développées personnellement. Vous pouvez le voir avec les outils de développement, mais vous voulez vérifier s'il s'affiche correctement sur la machine réelle. Dans un tel cas, nous partagerons comment vérifier facilement avec l'application pour smartphone.

【environnement】

procédure

Tout d'abord, connectez votre PC et votre smartphone au même WiFi.

Appuyez ensuite sur ** touche Windows + R ** et tapez ** cmd **. Dans l'invite de commande qui s'ouvre, tapez ** ipconfig ** et appuyez sur Entrée.

Carte Ethernet hôte VirtualBox-Only Network:
(réduction)
Carte Ethernet hôte VirtualBox-Only Network #2:
(réduction)
Adaptateur Ethernet vEthernet(Extarnal Virtual Switch):

Suffixe DNS spécifique à la connexion. . . . .: flets-west.jp
Adresse IPv6. . . . . . . . . . . .: 240xxxxxxxxxx
Adresse IPv6 temporaire. . . . . . . . . .: 240xxxxxxxxxxxxxxxx
Lier l'adresse IPv6 locale. . . . .: xxxxxxxxxxxxxxxx
Adresse IPv4. . . . . . . . . . . .: 192.168.1.193//Souviens-toi de cette partie
masque de sous-réseau. . . . . . . . . .: xxxxxxxxxxxxxxx
passerelle par défaut. . . . . . .: xxxxxxxxxxxxxxxxxxx

Lorsque vous y entrez, il sortira de différentes manières, comme ↑, donc ** Probablement, si vous utilisez Docker pour l'environnement virtuel, entrez l'adresse IP IPv4 dans la colonne intitulée Adaptateur Ethernet vEthernet (Extarnal Virtual Switch) sur le navigateur de votre smartphone. Je pense que vous pouvez y accéder en le saisissant à partir de **. (Exemple: si le port 3000 est ouvert, vous pouvez accéder à l'environnement de développement PC en définissant http://192.168.1.193:3000/.)

Si l'environnement de développement est différent, vous devrez entrer une autre adresse IP, veuillez donc trouver une adresse qui se connecte en temps opportun!

Merci d'avoir lu jusqu'au bout!

Je sort ce que j'ai appris chaque jour comme ça! Nous espérons que vous trouvez cela utile! Si vous avez des suggestions, je vous serais reconnaissant de bien vouloir commenter!

Recommended Posts

Comment vérifier l'application WEB créée dans l'environnement de développement PC sur votre smartphone
Comment migrer une application Web créée dans un environnement Docker local vers AWS
Environnement de développement d'applications Java créé dans un environnement VM
Développement Android, comment vérifier null dans la valeur de l'objet JSON
J'ai essayé de migrer le portfolio créé sur Vagrant vers l'environnement de développement de Docker
Comment vérifier le journal dans le conteneur Docker
Comment vérifier les commandes Rails dans le terminal
Connectez-vous aux applications Web Spring Boot sur la plate-forme Microsoft ID
Comment définir des variables d'environnement dans le fichier de propriétés de l'application Spring Boot
Comment installer Docker dans l'environnement local d'une application Rails existante [Rails 6 / MySQL 8]
[Rails] Comment supprimer les données MySQL de l'environnement de production après les avoir placées dans l'environnement de développement
Construction d'environnement de développement d'applications Web en Java (pour les personnes inexpérimentées)
Comment changer Java à l'ère d'OpenJDK sur Mac
Comment installer une application Web pour chaque langue dans Nginx
[Rails / Routing] Comment faire référence au contrôleur dans votre propre répertoire
Vérifier en connectant l'application conteneur Docker en cours de développement depuis un appareil autre qu'un PC (smartphone)
Ruby on Rails - De la construction d'environnement au développement d'application simple sur WSL2
Comment créer une application avec ruby on rails (en supposant que l'environnement a été construit)
Comment faire fonctionner automatiquement un écran créé en Java sous Windows
Vérifiez la base de données H2 sur le Web
Comment installer le langage utilisé dans Ubuntu et comment créer l'environnement
Comment installer confortablement JDK 11 dans votre Mac
[Ruby on Rails] Comment se connecter avec seulement votre nom et mot de passe en utilisant le bijou
Utilisez l'application Web Timecop in Rails pour déplacer le temps dans le navigateur
Comment exécuter avec des commandes de langage de développement normales dans l'environnement de développement Docker
[Développement d'applications Android] Comment afficher en plein écran (barre de notification masquée)
Comment créer un environnement de développement Ruby on Rails avec Docker (Rails 6.x)
Comment résoudre la construction de l'environnement local de Ruby on Rails (MAC)!
Comment déboguer le traitement dans le modèle Ruby on Rails avec juste la console
Comment créer un environnement de développement Ruby on Rails avec Docker (Rails 5.x)
Comment créer votre propre annotation en Java et obtenir la valeur
Comment vérifier Java installé sur Mac
Étapes pour publier une application sur Heroku
Application Web dont la création est prévue (édition)
Comment obtenir la date avec Java
Comment utiliser les variables d'environnement dans RubyOnRails
Préparez un environnement de développement Nuxt (web) + Laravel (API) dans le même référentiel à l'aide de docker-compose
Comment vérifier la dernière version de io.spring.platform pour l'écriture dans pom.xml de Spring (STS)
Comment résoudre les erreurs qui se produisent lors du test d'intégration "Ruby on Rails"
[Rails] Comment utiliser la méthode d'assistance utilisée dans l'application principale avec Administrer
Apprenez à créer un serveur WEB Introduction au développement d'applications WEB à partir des bases
Comment découvrir les tendances de l'OSS pour le développement Web
Améliorer les performances de l'environnement de développement Docker
Rails6.0 ~ Comment créer un environnement de développement respectueux de l'environnement
[Java / PostgreSQL] Connectez l'application WEB à la base de données
Comment créer un environnement Pytorch sur Ubuntu
Comment créer la blockchain la plus simple de Ruby
[Java] Mémo sur la façon d'écrire la source
[Rails] Comment utiliser PostgreSQL dans l'environnement Vagrant