Créer un blog avec Esp8266 : 7 étapes

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

Si votre blog est simple et que le trafic est normal, je vous guiderai pour utiliser esp8266 comme serveur de blog. Un an coûte 1$ d'électricité:)

Et le résultat vous aurez un site comme celui-ci:

Étape 1: conception de sites Web

Cela dépend de tout le monde. J'utilise Google doc pour faire une introduction sur moi-même, puis l'enregistre sur mon ordinateur au format html. Mais dans le tutoriel d'aujourd'hui, j'ai téléchargé un modèle disponible en ligne rapidement (https://www.w3schools.com/w3css/w3css_templates.asp) Il n'y a que quelques détails à noter:

• Les photos doivent être téléchargées sur un certain hôte, puis reprendre le lien vers le fichier html (j'utilise un photobucket temporaire)
• Les bibliothèques js, css auront normalement cdn. Utilisez cdn au lieu d'enregistrer directement dans esp8266.
• Par exemple, je n'aurai qu'une page d'accueil pour me présenter afin que vous puissiez développer davantage:)

Et voici le résultat à l'ouverture du fichier html sur l'ordinateur:

Étape 2: Convertir le fichier HTML en fichier H

Ouvrez le fichier html (css, js) juste au dessus. Ensuite, vous copiez le contenu. Allez sur https://hs2t.com/tools/html2CString Collez le contenu dans la première case, puis appuyez sur Convertir. Copiez le contenu dans la deuxième case:) mettre dans le fichier.h

Étape 3: Code Esp8266 (à l'aide d'Arduino)

Téléchargez et modifiez le code ci-dessous:

• Changez votre wifi domestique
• Remplacez l'adresse IP statique par les paramètres du modem (vous devez attribuer une adresse IP fixe pour faciliter l'ouverture du port vers Internet)
• Pour la section ddns, je vous expliquerai plus dans l'attribution du nom de domaine gratuit !

Ok, après avoir chargé le code, allez sur son test IP local (par exemple, 192.168.1.24) pour voir que le site web est ok:D

Étape 4: Port NAT

Cela dépend de votre modem par exemple de votre modem. Ma maison utilise un modem de gw040

Lorsque le portage est terminé, vous pouvez accéder à notre blog depuis Internet en utilisant l'adresse IP (par exemple https://123.123.123.123). les vôtres.

Noter:

• Quelques modems ouvrent le port, puis voir le Web par IP publique avec le réseau n'est pas possible, mais hors du réseau, la vue normale est correcte.
• Si vous utilisez un émetteur 3G au niveau du réseau pour ESP8266, cela ne fonctionnera pas en dehors d'Internet:)

Étape 5: DDNS

Puisque notre IP est dynamique, nous devons utiliser le service DDNS. Quel est le nom d'un nom de domaine associé à votre IP domestique ? Lorsque votre IP domestique change, il mettra à jour le service DDNS afin que le service attribue une nouvelle IP à notre domaine. Vous enregistrez d'abord un compte et un nom de domaine gratuit comme myname.boxip.net à https://boxip.net ici I utilisez le nom

Copiez ensuite le lien wget dans la page des paramètres pour le remplacer par le code ESP8266. ESP8266 par défaut toutes les 5 minutes appellera le serveur DDNS pour mettre à jour l'IP. Maintenant, essayez https://han.boxip.net et profitez des résultats: P

Étape 6: vidéo d'instruction en vietnamien

Si vous le trouvez intéressant et utile, n'oubliez pas de vous abonner à la chaîne pour recevoir plus de vidéos

Étape 7: L'article m'a inspiré

www.instructables.com/id/How-to-Build-a-ES…

Il a des instructions détaillées sur la façon de créer un serveur Web. Mais le site est simple et ne fonctionne que localement. Je l'ai amélioré pour en faire un blog personnel qui peut être consulté sur Internet