Contrôlez votre monde électronique sur Internet : 16 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:07

En suivant cette instructable, vous pourrez allumer et éteindre une LED de n'importe où dans le monde. Lisez attentivement toutes les instructions et suivez les étapes une par une. Après avoir étudié cette instructable, vous pourrez utiliser ces connaissances sur diverses applications telles que les systèmes domotiques, les projets IOT avec vos compétences innovantes.

Étape 1: Matériaux

1. Un ordinateur

2. Un routeur avec une connexion Internet active qui est connecté à votre ordinateur.

3. Un arduino (j'utilise un arduino UNO.)

4. Un smartphone ou un autre PC avec des données mobiles ou un autre réseau internet

Étape 2: Vérifiez votre IP

Tout d'abord, il est important de savoir que vous avez une adresse IP publique ou non. Parce que si vous n'avez pas d'adresse IP publique, vous ne pouvez pas accéder à votre ordinateur de l'extérieur. Cela signifie que si vous avez une adresse IP publique, vous avez une adresse à partir d'Internet mondial. Vous pouvez le vérifier en contactant votre fournisseur de services Internet. Je n'avais pas non plus d'adresse IP publique, mais après avoir contacté mon FAI, ils m'ont donné une adresse IP publique gratuitement. En savoir plus sur les adresses IP à partir d'ici.

Vous pouvez trouver l'adresse IP actuelle de votre appareil en tapant simplement "Quelle est mon adresse IP" sur Google.

Étape 3: Convertissez votre PC en serveur à l'aide de XAMPP

Vous devez convertir votre pc en serveur pour y accéder depuis internet. "Apache" est le logiciel qui sert à convertir un pc en serveur. Mais il y a beaucoup de choses à configurer si vous n'utilisez que "Apache". Il existe donc des applications tierces pour faire ce travail sans effort. "XAMPP" en fait partie. Vous pouvez le télécharger et l'installer à partir d'ici. Des versions Windows, Linux, Mac sont disponibles.

Étape 4: Ouvrez le XAMPP

Accédez au lecteur sur lequel vous avez installé le XAMPP. Recherchez le dossier nommé "xampp" et à l'intérieur de celui-ci, vous trouverez une application appelée "xampp-control". Ouvrez-le. Après l'avoir ouvert, il ressemblera à l'image ci-dessus.

Étape 5: Vérifiez XAMPP

Après avoir ouvert XAMPP, cliquez sur le bouton Démarrer qui se trouve à l'intérieur de la ligne nommée "Apache". Ensuite, ouvrez le navigateur et tapez "localhost" dans la barre d'adresse. Si vous avez installé XAMPP avec succès, vous serez dirigé vers la page Web par défaut de xampp qui est affichée dans La deuxième image.

Étape 6: programmer l'Arduino

Téléchargez ce programme sur arduino pour activer, désactiver la LED intégrée sur le port série en envoyant les caractères "H" et "L". "H" sur la LED et "L" pour éteindre la LED.

Étape 7: Création de la page Web

Pour faire ce travail, nous utilisons HTML, AJAX et PHP. Je vais expliquer brièvement l'utilisation de ces trois langages. Vous pouvez trouver plus d'informations en utilisant les liens ci-dessous. Fondamentalement, HTML est utilisé pour créer des pages Web. sur les pages Web après l'avoir chargé sur le navigateur. AJAX est utilisé pour envoyer des requêtes PHP sans recharger la page Web. PHP est utilisé pour contrôler le comportement du serveur pour contrôler la LED.

1. En savoir plus sur HTML ici.

2. En savoir plus sur AJAX ici.

3. En savoir plus sur PHP ici.

Créez d'abord un dossier avec le nom de votre choix dans le dossier nommé "htdocs" où dans le dossier "xampp" que nous avons trouvé plus tôt à l'étape 4.

1. Écrivez le code de la première image dans un fichier bloc-notes et enregistrez-le sous le nom "index.html" dans le dossier que nous avons créé.

2. Écrivez le code de la deuxième image dans un fichier bloc-notes et enregistrez-le sous le nom "ledoff.php" dans le dossier que nous avons créé.

3. Écrivez le code de la troisième image dans un fichier bloc-notes et enregistrez-le sous le nom "ledon.php" dans le dossier que nous avons créé.

Étape 8: Changer le Comport

Vous devez modifier le port de votre arduino dans les scripts PHP. Sinon, il chargera la page Web, mais la LED ne fonctionnera pas. Trouvez le numéro de port de votre arduino dans Arduino IDE ou dans le gestionnaire de périphériques de votre système d'exploitation. Ensuite, modifiez-le dans les fichiers "ledoff.php" et "ledon.php" comme mentionné dans les images ci-dessus. Selon mon PC, c'est com7.

Étape 9: Rendez votre page Web visible

Comme vous l'avez vérifié à l'étape 5, après vous être connecté à votre serveur à l'aide de "localhost", vous verrez qu'il dirige vers la page Web par défaut de XAMPP. Alors, comment pouvons-nous nous connecter à notre page Web ? Tapez le nom de votre dossier où vous avez enregistré les fichiers HTML et PHP dans la barre d'adresse du navigateur comme ceci.

localhost/"votre nom de dossier"

Selon moi, mon nom de dossier est "serialportcontrol". La méthode de saisie dans la barre d'adresse du navigateur est mentionnée dans la première image.

Après avoir appuyé sur Entrée, vous verrez la page Web ci-dessus, comme mentionné dans la deuxième image.

En cliquant sur les boutons "LED ON" et "LED OFF", vous pourrez allumer et éteindre la LED biult in de l'arduino à l'aide d'une page Web. Vous pouvez également contrôler la LED en connectant un autre PC ou un smartphone au même routeur et en vous connectant la même adresse Web que nous avons utilisée en premier sous le réseau local.

Étape 10: Modification du numéro de port de notre serveur XAMPP

OK, maintenant nous savons que notre système fonctionne bien sur notre réseau local. C'est donc la partie la plus intéressante de notre travail. Tout d'abord, nous devons changer le numéro de port de notre serveur XAMPP. Parce que le port par défaut du serveur XAMPP est 80.

(Le port signifie que c'est comme le numéro d'une maison dans une voie comme mentionné dans l'adresse du domicile. La voie est l'adresse IP publique de votre PC. Le numéro de la maison est le numéro de port. Votre PC a une adresse IP unique et plusieurs ports sont utilisés dans votre PC pour communiquer avec chaque tâche, comme si vous utilisez le serveur XAMPP deux fois pour effectuer deux tâches sur le même ordinateur, vous devez utiliser deux numéros de port pour chaque serveur XAMPP.)

80 est le numéro de port par défaut pour HTTP. Lorsque vous tapez le "localhost" dans la barre d'adresse du navigateur, le navigateur ajoute automatiquement ce numéro de port à la fin de l'adresse Web bien que vous ne puissiez pas le voir. Alors pourquoi faut-il changer le numéro de port ?

Parce que tous les routeurs utilisent leur numéro de port par défaut en tant que 80. Lorsque vous vous connectez à votre serveur depuis Internet, si vous ne modifiez pas le numéro de port, vous serez directement connecté à la page Web par défaut du routeur sans vous connecter à votre serveur. Les images ci-dessus seront vous guider pour changer le numéro de port de votre serveur XAMPP. J'utilise 1997 comme numéro de port. Assurez-vous d'arrêter le serveur APACHE dans XAMPP avant de changer le numéro de port. Après avoir changé le numéro de port, démarrez le serveur APACHE.

Étape 11: Vérification du numéro de port modifié

Tapez votre nouvelle adresse Web localhost pour vérifier que votre port fonctionne ou non. D'après moi c'est

localhost:1997/"votre nom de dossier"

Si vous vous connectez avec succès à notre page Web, cela signifie que vos identifiants de changement de port ont réussi. Sinon, essayez un autre numéro de port.

Étape 12: Configuration du routeur

Il est maintenant temps de jouer avec votre routeur. La redirection de port est la méthode utilisée pour ouvrir les ports spécifiques au niveau suivant du réseau, ce qui signifie qu'elle permet à quelqu'un de se connecter à votre serveur depuis Internet. Vous pouvez en savoir plus sur la redirection de port ici et ici. Les configurations de votre routeur sont présentées dans les étapes ci-dessous.

J'utilise un routeur HUAWEI E5172 4G. Ces configurations sont donc référées à mon routeur. Différents fabricants proposent différentes interfaces utilisateur pour les routeurs. Mais les caractéristiques sont les mêmes dans n'importe quel type de routeur. Vous pouvez trouver comment transférer le port d'un routeur sous de nombreuses marques et modèles différents ici.

Ne vous découragez pas si vous ne parvenez pas à trouver les fonctions mentionnées dans les étapes ci-dessous. En lisant les descriptions et en suivant quelques guides vidéo de différentes marques de routeurs, vous pourrez configurer votre routeur avec succès.

Étape 13: Configuration des paramètres DHCP

Lorsque vous vous connectez à un routeur via WiFi ou Ethernet, le routeur vous donne automatiquement une adresse IP spécifique. Mais s'il connecte plusieurs appareils au même routeur encore et encore, cette adresse IP peut être modifiée. Cela ne dure que jusqu'à ce que vous redémarriez votre serveur. Vous devez donc réserver une adresse IP spécifique du routeur à votre serveur. Commençons par découvrir quelle est votre adresse IP locale.

1. Ouvrez CMD, tapez "ipconfig" et appuyez sur Entrée….

2. Comme mentionné dans la deuxième image, vous trouverez l'adresse IPv4 locale et la passerelle par défaut de votre serveur….

3. Comme mentionné dans la troisième image, connectez-vous à votre routeur en utilisant le mot de passe et le nom d'utilisateur. La passerelle par défaut est l'adresse IP de votre routeur (selon moi, c'est 192.168.1.1 comme mentionné dans la troisième image) …..

4. Recherchez « Paramètres DHCP » dans votre routeur. C'est sous LAN dans mon routeur comme mentionné dans la quatrième image.

5. Allez dans "Liste d'adresses groupée" > "Modifier la liste" > "Ajouter" selon mon routeur.

6. Ensuite, vous pouvez voir toutes les adresses IP des appareils connectés automatiquement à votre routeur dans un menu déroulant. J'ai connecté mon PC et mon téléphone au routeur. Vous pouvez donc voir ici deux adresses IP comme mentionné dans la huitième (8ème) image.

7. Sélectionnez l'IP de votre serveur, puis « soumettre » et « appliquer » les paramètres.

8. Ensuite, il faut quelques minutes pour redémarrer le routeur (selon le mien).

Après cela, votre serveur recevra une même adresse IP chaque fois que vous redémarrerez votre PC.

Vous pouvez trouver un guide vidéo sur un routeur TP-LINK à partir d'ici.

Étape 14: Configuration des paramètres de « redirection de port »

Il est maintenant temps d'ouvrir le port du serveur à l'Internet public.

1. Allez dans "sécurité" > "niveau de pare-feu" comme mentionné dans la première image.

2. Ensuite, mettez le niveau de pare-feu sur "Bas" en utilisant le menu déroulant comme mentionné dans la deuxième image.

3. Cliquez ensuite sur « soumettre » pour enregistrer les paramètres mentionnés dans la troisième image.

4. Ensuite, allez à « redirection de port » > « Ajouter un élément » comme mentionné dans la quatrième image.

5. Ajoutez des données comme nous l'avons configuré précédemment et comme mentionné dans la cinquième image.

Type: Personnalisé

protocole: TCP

Hôte distant: ……………

Plage de ports distants: 1997

Hôte local: 192.168.1.3

Port local: 1997

6. Cliquez ensuite sur « soumettre » pour enregistrer les paramètres.

Vous pouvez trouver des guides vidéo sur un routeur TP-LINK et un routeur D-LINK ici et ici.

Étape 15: Tester

Il est maintenant temps de vérifier notre système. Vous devez utiliser un appareil avec un réseau hors de la connexion du routeur. Ici, j'utilise les données mobiles de mon smartphone. Tout d'abord, vous devez trouver l'adresse IP publique de votre ordinateur.

1. Tapez simplement sur google " quelle est mon ip " comme mentionné dans la première image.

2. Notez ensuite l'adresse IP.

Ensuite, il est temps de le vérifier sur un autre appareil mobile.

1. Mettez les données mobiles « on » dans votre smartphone.

2. Ouvrez ensuite le navigateur. J'utilise google chrome.

3. Tapez l'adresse IP publique de votre PC sur votre navigateur mobile comme mentionné dans la troisième image comme celle-ci.

"public ip":"numéro de port"/"nom du dossier"

D'après moi > IP publique: 111.223.xx.xx

numéro de port: 1997

"nom du dossier": myprogrammes/contrôle du port série/projet réussi (ajax)

Appuyez ensuite sur Entrée sur votre smartphone. Ensuite, vous pourrez contrôler la LED intégrée de l'arduino de n'importe où dans le monde en cliquant sur les boutons "LED ON" et "LED OFF".

Étape 16: Pensée innovante, plus d'efforts, plus de créations

Je pense donc que j'ai pu vous donner un bon instructable. Maintenant, en gros, vous pouvez contrôler un arduino à distance via Internet. En utilisant votre pensée innovante et votre capacité à apprendre d'Internet, vous pouvez créer des robots, des systèmes domotiques qui peuvent contrôler Internet depuis n'importe où dans le monde. Si vous utilisez cette technologie pour de bonnes actions, vous pouvez rendre ce monde bien meilleur pour nous tous. Merci!…

Pour tout type de problème lié à cela, envoyez-moi un e-mail ou envoyez un massage sur le forum instructable.

mon mail: [email protected]