Si vous ne cherchez pas à configurer un site Web majeur sur un service d’hébergement, vous pouvez facilement exécuter un serveur Web chez vous. Nous avons précédemment expliqué comment configurer un serveur Web Raspberry Pi en utilisant un Pi 3, 4 ou Zero ordinaire, mais vous n’avez même pas besoin d’un Pi complet pour faire le travail. Avec le Raspberry Pi PIco W, un microcontrôleur compatible Wi-Fi qui ne coûte que 6 $, vous pouvez effectuer un service Web de base.
La Framboise Pi Pico W n’est pas le choix le plus évident, mais avec un peu de code MicroPython et un peu de HTML, nous pouvons servir des pages Web statiques de base à partir d’un Pico W. Ce projet comporte deux parties. Le HTML et le code MicroPython. Le HTML est ce que notre navigateur verra, et MicroPython agit comme un moyen de servir le code.
Pour ce projet, nous hébergerons une page Web de base à partir d’un Raspberry Pi Pico W. Nous montrerons également comment ajouter un peu plus d’éclat à vos pages avec CSS et JavaScript. Enfin, nous servirons le contenu au monde entier en apprenant à transmettre des demandes externes à notre Raspberry Pi Pico W.
Pour ce projet, vous aurez besoin
HTML pour le serveur Web Raspberry Pi Pico W
HyperText Markup Language (HTML) est le bloc de construction de base pour le Web. Le langage est un framework pour créer des pages web, un framework qui a depuis été mis à jour et amélioré pour des sites plus modernes.
Le code HTML de notre serveur Web Pico W peut être aussi simple ou compliqué que vous le souhaitez, mais il y a quelques mises en garde à prendre en compte. Le code HTML du site est chargé dans une variable Python, ce qui signifie que nous ne pouvons pas aller trop loin avec les fonctionnalités car le Pico W ne dispose que de 264 Ko de SRAM. Deuxièmement, nous ne pouvons pas servir d’images ou de fichiers de référence (CSS/JavaScript) sur le Pico W car nous chargeons à nouveau le HTML dans une variable Python qui ne peut pas accéder au système de fichiers.
Cela signifie que toutes les images ou CSS/JavaScript devront être accessibles à partir d’un site distant. CSS et JavaScript dans le code HTML fonctionneront, mais nous préférons référencer Bootstrap CSS et JavaScript via son CDN.
Pour créer une page HTML de base
1. Ouvrez un éditeur de texte de votre choix. Le bloc-notes est amplement suffisant, mais notre préférence est Notepad ++.
2. Définissez le type de document sur HTML, puis créez une balise html. Cela indique au navigateur que la page est écrite en HTML, et la balise indique le début du document HTML.
<!DOCTYPE html>
<html>
3. Créez une nouvelle balise, , et à l’intérieur de la tête, utilisez pour définir le titre de la fenêtre du navigateur avant de fermer le <</strong> La section <head> est l’endroit où nous stockons les métadonnées de la page. Ce sont des données dont un navigateur Web aura besoin pour comprendre la page. Nous l’utilisons pour définir le titre de la page, c’est le strict minimum pour faire fonctionner une page.</p>
<pre class="line-numbers language-bash" language="bash"><code><head>
<title>Tom's Hardware Pico W Web Server</title>
</head>
</code></pre>
<p>4. <strong>Créez une section <body>.</strong> Il s’agit de la section où le contenu visible par l’utilisateur est affiché.</p>
<pre class="line-numbers language-bash" language="bash"><code><body></code></pre>
<p>5. <strong>Créez un titre en utilisant la balise </p>
<h1> et donnez à votre page un titre / titre. </strong>Il s’agit de la plus grande balise de titre.</p>
<pre class="line-numbers language-bash" language="bash"><code><h1>Tom's Hardware Pico W Web Server</title>
</code></pre>
<p>6. <strong>Ajoutez un autre titre en utilisant </p>
<h2> et donnez un nom à la section. </strong>Dans notre exemple, il s’agit de « Les dernières nouvelles ». La balise </p>
<h2> est plus petite que </p>
<h1> mais elle souligne quand même qu’il s’agit d’une nouvelle section.</p>
<pre class="line-numbers language-bash" language="bash"><code><h2>The Latest News</h2>
</code></pre>
<p>sept. <strong>Insérez une image, liée à partir d’un CDN distant, en utilisant la balise <img>. </strong>Nous avons besoin de l’URL complète de l’image que nous souhaitons utiliser, en nous assurant que nous avons également l’autorisation d’utiliser l’image. Dans notre exemple, nous utilisons une image de <u>Pexels.com</u>, un service d’images sous licence gratuite. Les images peuvent être redimensionnées à l’aide de la balise <img>. Nous pouvons spécifier la taille en pourcentage de sa taille d’origine, ou nous pouvons coder en dur la taille en pixels.</p>
<pre class="line-numbers language-bash" language="bash"><code><img src="https://images.pexels.com/photos/1779487/pexels-photo-1779487.jpeg?cs=srgb&dl=pexels-designecologist-1779487.jpg", width=640px height=427px></code></pre>
<p>8. <strong>Utilisez la balise </p>
<p> pour créer un paragraphe de texte. </strong>Pour notre démo, nous avons utilisé deux paragraphes de Lorem Ipsum générés à l’aide d’un<u> Générateur de Lorem Ipsum.</u></p>
<pre class="line-numbers language-bash" language="bash"><code><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit…..</p>
</code></pre>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:977px;">
<p class="vanilla-image-block" style="padding-top:48.72%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>9. <strong>Fermez enfin le corps puis le document HTML.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code></body>
</html>
</code></pre>
<p>dix. <strong>Enregistrez le fichier sous index.html.</strong></p>
<p>Pour l’instant gardez le code dans ce fichier, nous l’utiliserons plus tard.</p>
<h2 id="python-code-for-raspberry-pi-pico-w-web-server">Code Python pour le serveur Web Raspberry Pi Pico W</h2>
<p>Nous avons créé une page pour nos lecteurs avides, et maintenant nous devons créer un moyen de la leur servir. Pour cela, nous allons créer une courte application MicroPython qui lira le contenu de notre fichier index.html et le servira de page Web.</p>
<p>1. <strong>Suivez ce guide pour configurer votre Raspberry Pi Pico W. </strong>Suivez les étapes jusqu’à « Comment faire clignoter une LED ».</p>
<p>2. <strong>Créez un nouveau fichier vierge.</strong></p>
<p>3. <strong>Importez deux modules.</strong> Le premier est socket, une interface réseau de bas niveau. Le second est le réseau, que nous utiliserons pour nous connecter à notre point d’accès Wi-Fi.</p>
<pre class="line-numbers language-bash" language="bash"><code>import socket
import network
</code></pre>
<p>4. <strong>Créez un objet, une page et utilisez-le pour référencer le fichier HTML sur notre Pico W.</strong> Cela ouvrira le fichier en mode lecture seule.</p>
<pre class="line-numbers language-bash" language="bash"><code>page = open("index.html", "r")</code></pre>
<p>5. <strong>Lisez le contenu du fichier dans un nouvel objet, html, puis fermez le fichier.</strong> Cela lira tout le code HTML dans l’objet html.</p>
<pre class="line-numbers language-bash" language="bash"><code>html = page.read()
page.close()
</code></pre>
<p>6. <strong>Créez un objet, wlan, et utilisez-le pour créer une connexion entre notre code et la puce Wi-Fi du Pico W.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>wlan = network.WLAN(network.STA_IF)
</code></pre>
<p>sept. <strong>Activez le Wi-Fi puis connectez-vous à votre point d’accès avec votre mot de passe.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>wlan.active(True)
wlan.connect("ACCESS POINT","PASSWORD")
</code></pre>
<p>8. <strong>Créez un objet, sta_if, qui servira d’interface entre le Pico W et le point d’accès Wi-Fi.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>sta_if = network.WLAN(network.STA_IF)
</code></pre>
<p>9. Imprimez l’adresse IP du Pico W, notez l’adresse IP car nous en aurons besoin plus tard. Les données renvoyées sont un objet de liste qui contient notre adresse IP, notre masque de réseau et l’adresse du serveur DHCP. L’adresse IP est le premier élément de la liste, donc en utilisant [0] nous pouvons le renvoyer de la liste sans aucune autre information.</p>
<pre class="line-numbers language-bash" language="bash"><code>print(sta_if.ifconfig()[0])
</code></pre>
<p>dix. <strong>Réglez le Pico W pour qu’il écoute les connexions sur le port 80 à partir de n’importe quelle adresse IP. </strong>Nous utilisons socket.SO_REUSEADDR pour activer la même adresse IP à utiliser après une réinitialisation. Cela résout un problème où le Pico W aurait besoin d’une mise hors tension complète afin de réutiliser l’adresse IP.</p>
<pre class="line-numbers language-bash" language="bash"><code>addr = socket.getaddrinfo('0.0.0.0', 80)[0][-1]
s = socket.socket()
s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
s.bind(addr)
s.listen(1)</code></pre>
<p>11. <strong>Créez une boucle pour exécuter en continu la section de code suivante.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>while True:
</code></pre>
<p>12. <strong>Configurer le Pico W pour accepter une connexion </strong>et <strong>pour créer un fichier qui deviendra notre page Web.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> cl, addr = s.accept()
cl_file = cl.makefile('rwb', 0)
</code></pre>
<p>13. <strong>Créez une autre boucle, et à l’intérieur de la boucle créez un objet, ligne, pour lire le contenu de notre page Web, ligne par ligne.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> while True:
line = cl_file.readline()
</code></pre>
<p>14. <strong>Utilisez une instruction conditionnelle pour arrêter la lecture du contenu s’il y a des retours chariot</strong> ou des sauts de ligne.</p>
<pre class="line-numbers language-bash" language="bash"><code> if not line or line == b'rn':
break
</code></pre>
<p>15. <strong>Créer un objet, response, dans lequel on stocke le HTML</strong> pour la page Web.</p>
<pre class="line-numbers language-bash" language="bash"><code> response = html </code></pre>
<p>16. <strong>Configurez une réponse client qui envoie le code d’état HTTP et le type de contenu au navigateur, </strong>alors <strong>répond avec le HTML </strong>à rendre dans leur navigateur.<strong> La connexion est alors déconnectée.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> cl.send('HTTP/1.0 200 OKrnContent-type: text/htmlrnrn')
cl.send(response)
cl.close()
</code></pre>
<p>17. <strong>Enregistrez le fichier sur le Raspberry Pi Pico W sous main.py. </strong>En faisant cela, le code s’exécutera automatiquement au démarrage du Pico W.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:575px;">
<p class="vanilla-image-block" style="padding-top:82.09%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<h2 id="complete-micropython-code-listing">Liste complète des codes MicroPython</h2>
<pre class="line-numbers language-bash" language="bash"><code>import socket
import network
page = open("index.html", "r")
html = page.read()
page.close()
wlan = network.WLAN(network.STA_IF)
wlan.active(True)
wlan.connect("ACCESS POINT","PASSWORD")
sta_if = network.WLAN(network.STA_IF)
print(sta_if.ifconfig()[0])
addr = socket.getaddrinfo('0.0.0.0', 80)[0][-1]
s = socket.socket()
s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
s.bind(addr)
s.listen(1)
while True:
cl, addr = s.accept()
cl_file = cl.makefile('rwb', 0)
while True:
line = cl_file.readline()
if not line or line == b'rn':
break
response = html
cl.send('HTTP/1.0 200 OKrnContent-type: text/htmlrnrn')
cl.send(response)
cl.close()
</code></pre>
<h2 id="copying-index-html-to-the-raspberry-pi-pico-w">Copie de index.html sur le Raspberry Pi Pico W</h2>
<p>1. <strong>Dans Thonny, cliquez sur Afficher >> Fichiers. </strong>Cela ouvrira un gestionnaire de fichiers. La fenêtre du haut est la source, dans ce cas le lecteur principal de notre PC. La fenêtre du bas est la cible, le Raspberry Pi Pico W.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:425px;">
<p class="vanilla-image-block" style="padding-top:80.24%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>2. <strong>Dans la fenêtre du haut, accédez à l’emplacement de votre fichier index.html</strong>.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:648px;">
<p class="vanilla-image-block" style="padding-top:102.78%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>3. <strong>Faites un clic droit sur index.html et sélectionnez « Télécharger vers / » pour copier le fichier sur votre Pico W.</strong></p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:639px;">
<p class="vanilla-image-block" style="padding-top:62.44%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>4. <strong>Débranchez le Pico W de votre ordinateur, </strong>puis réinsérez-le pour redémarrer le Pico W et démarrer le serveur Web.</p>
<p>5. Sur votre PC, <strong>ouvrez une nouvelle fenêtre / un nouvel onglet de navigateur et accédez à l’adresse IP de votre Pico W. </strong>Après quelques instants, vous verrez la page apparaître dans la fenêtre.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:1266px;">
<p class="vanilla-image-block" style="padding-top:62.56%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<h2 id="improving-our-html">Améliorer notre HTML</h2>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:997px;">
<p class="vanilla-image-block" style="padding-top:116.05%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>En utilisant Bootstrap et son CDN, nous avons créé une page beaucoup plus professionnelle. Cela utilise essentiellement les mêmes éléments de base </p>
<h1>, </p>
<p> et <img>, mais avec des fonctionnalités supplémentaires telles que des séparateurs et des CSS personnalisés. </p>
<p><u>Amorcer</u> est un cadre pour HTML, CSS et JavaScript qui produit rapidement des sites d’aspect professionnel. Si vous souhaitez créer un site de démonstration rapide pour des clients ou vos propres projets, Bootstrap est un bon point de départ.</p>
<p>Nous avons adapté le <u>Modèle de héros</u> pour notre démo, en remplaçant les liens CSS et JavaScript pour <u>Liens BootstrapCDN.</u></p>
<p>Si vous souhaitez utiliser notre code, il peut être <u>téléchargé à partir d’ici.</u></p>
<h2 id="forwarding-requests-to-our-raspberry-pi-pico-w-web-server">Transfert des demandes vers notre serveur Web Raspberry Pi Pico W</h2>
<p>À l’heure actuelle, notre serveur n’est accessible qu’aux appareils sur le même réseau. Pour partager notre serveur Web Raspberry Pi Pico W avec le monde, nous devons vérifier notre adresse IP externe et configurer la redirection de port pour envoyer des requêtes externes à notre Pico W.</p>
<p>Chaque routeur a un moyen subtilement différent d’effectuer ces tâches, nos étapes illustrent comment notre routeur fourni par notre FAI le gère.</p>
<p> 1. <strong>Obtenez votre adresse IP externe. </strong>Utiliser le moteur de recherche de Google et rechercher « Quelle est mon adresse IP ? » et notez l’adresse IP.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:731px;">
<p class="vanilla-image-block" style="padding-top:57.87%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>2. <strong>Connectez-vous aux paramètres avancés de votre routeur </strong>et <strong>sélectionnez Réservation DHCP</strong>. Nous devons nous assurer que notre Pico W a une adresse IP statique sur le LAN, et la réservation DHCP est un moyen de le faire.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:858px;">
<p class="vanilla-image-block" style="padding-top:31.59%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>3. <strong>Sélectionnez votre Pico W dans la liste des appareils connectés.</strong></p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:780px;">
<p class="vanilla-image-block" style="padding-top:48.21%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>4. <strong>Ajoutez la réservation au tableau de bail IP, puis cliquez sur Appliquer. </strong>Cela garantira que votre Pico W reçoit la même adresse IP chez vous.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:648px;">
<p class="vanilla-image-block" style="padding-top:48.30%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>5. <strong>Accédez au menu Redirection de port sur votre routeur. </strong>Dans notre cas, c’était sous Paramètres avancés >> Redirection de port.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:870px;">
<p class="vanilla-image-block" style="padding-top:29.08%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>6. <strong>Définissez le service sur HTTP (port 80) </strong>et <strong>créer une règle pour le trafic HTTP. Définissez le port de début et de fin sur 80, le protocole sur TCP et définissez l’adresse IP </strong>à celle de votre Pico W. <strong>sauvegarder </strong>puis appliquer la règle.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:669px;">
<p class="vanilla-image-block" style="padding-top:75.49%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>sept. <strong>Sur un autre appareil, connecté via un autre réseau (cellulaire) ouvrez le navigateur </strong>et <strong>accédez à votre adresse IP externe. </strong>Vous verrez maintenant la page Web servie via votre Pico W.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:1080px;">
<p class="vanilla-image-block" style="padding-top:200.00%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://actualnewsmagazinecdn.cloudspecter.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
</div>
<p><a href="https://actualnewsmagazine.com/">Source-138</a></p>
<div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7810026134544832"
crossorigin="anonymous"></script>
<!-- ActualNews -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7810026134544832"
data-ad-slot="3391370896"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- CONTENT END 1 -->
</div><!-- .entry-content -->
<footer class="entry-footer">
<div class="cat-links"><span>Publié dans</span><a href="https://actualnewsmagazine.com/category/technologie/" rel="category tag">Technologie</a></div><div class="tags-links"><span>Étiqueté avec</span> <a href="https://actualnewsmagazine.com/tag/comment/" rel="tag">Comment</a><a href="https://actualnewsmagazine.com/tag/creer/" rel="tag">créer</a><a href="https://actualnewsmagazine.com/tag/pico/" rel="tag">Pico</a><a href="https://actualnewsmagazine.com/tag/raspberry/" rel="tag">Raspberry</a><a href="https://actualnewsmagazine.com/tag/serveur/" rel="tag">serveur</a><a href="https://actualnewsmagazine.com/tag/web/" rel="tag">Web</a></div> </footer><!-- .entry-footer -->
</article><!-- #post-## -->
</main><!-- #main -->
</div><!-- #primary -->
<aside id="secondary" class="sidebar widget-area" role="complementary">
<section id="ai_widget-4" class="widget sidebar-widget block-widget"><div class='code-block code-block-4' style='margin: 8px 0; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7810026134544832"
crossorigin="anonymous"></script>
<!-- ActualNews -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7810026134544832"
data-ad-slot="3391370896"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
</section></aside><!-- #secondary -->
</div>
</div><!-- #content -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="footer-widgets">
<div class="container">
<div class="row footer-row">
<div id="footer-1" class="col-3 footer-column widget-area" role="complementary">
<section id="text-2" class="widget widget_text"><h4 class="widget-title">Address / USA</h4> <div class="textwidget"><p>89 Stonybrook St.<br />
Brooklyn, NY 11211</p>
<p><strong>Contact us for our advertising services</strong></p>
<p><b>E-mail</b>: <em><span class="user-account__name">info@actualnewsmagazine.com</span></em></p>
</div>
</section> </div>
<div id="footer-2" class="col-3 footer-column widget-area" role="complementary">
<section id="text-3" class="widget widget_text"><h4 class="widget-title">Address / England</h4> <div class="textwidget"><p>766 Alexander Road<br />
WESTERN CENTRAL LONDON<br />
WC38 8NP</p>
<p><strong>Contact us for our advertising services</strong></p>
<p><b>E-mail</b>: <em><span class="user-account__name">info@actualnewsmagazine.com</span></em></p>
<p> </p>
</div>
</section> </div>
<div id="footer-3" class="col-3 footer-column widget-area" role="complementary">
<section id="text-4" class="widget widget_text"><h4 class="widget-title">Our Team</h4> <div class="textwidget"><p><strong>Editor in Chief<br />
</strong>Oliver Baccus<strong><br />
</strong></p>
<p><strong>Managing Editor<br />
</strong>Elizabeth Beckworth</p>
<p><strong>Visual Coordinator<br />
</strong>Isabella Zachery</p>
<p><strong>Ad Publishing Manager<br />
</strong>Daniel Wayne<strong><br />
</strong></p>
<p><strong>Legal Advisor<br />
</strong>Charlie Ufford</p>
</div>
</section> </div>
<div id="footer-4" class="col-3 footer-column widget-area" role="complementary">
</div>
</div>
</div>
</div>
<div class="site-info">
<div class="container">
<div class="footer-menu"><ul id="menu-footer-menu" class="menu"><li id="menu-item-525992" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-525992"><a href="https://actualnewsmagazine.com/category/jeu/">Jeu</a></li>
<li id="menu-item-525993" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-525993"><a href="https://actualnewsmagazine.com/category/nouvelles/">Nouvelles</a></li>
<li id="menu-item-525994" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-525994"><a href="https://actualnewsmagazine.com/category/technologie/">Technologie</a></li>
<li id="menu-item-525995" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-525995"><a href="https://actualnewsmagazine.com/category/films/">Films</a></li>
<li id="menu-item-525996" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-525996"><a href="https://actualnewsmagazine.com/category/livre/">Livre</a></li>
<li id="menu-item-525997" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-525997"><a href="https://actualnewsmagazine.com/category/sante/">Santé</a></li>
<li id="menu-item-525991" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-525991"><a href="https://actualnewsmagazine.com/cookies-policy/">Cookies policy</a></li>
<li id="menu-item-525975" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-525975"><a rel="privacy-policy" href="https://actualnewsmagazine.com/privacy-policy/">Privacy Policy</a></li>
<li id="menu-item-526011" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-526011"><a href="https://actualnewsmagazine.com/about-us/">About Us</a></li>
<li id="menu-item-577476" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-577476"><a href="https://actualnewsmagazine.com/sitemap.xml">Sitemap</a></li>
<li id="menu-item-526001" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-526001"><a href="https://actualnewsmagazine.com/contact/">Contact</a></li>
</ul></div>
</div>
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/themes/glob/assets/js/slick.js?ver=0.1.4" id="jquery-slick-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/themes/glob/assets/js/sidebar-menu.js?ver=0.1.4" id="glob-sidebar-menu-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/themes/glob/assets/js/inview.js?ver=0.1.4" id="jquery-inview-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/themes/glob/assets/js/themes.js?ver=0.1.4" id="glob-themes-js-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-includes/js/comment-reply.min.js?ver=6.5.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
</body>
</html>
<!-- Page supported by LiteSpeed Cache 6.2.0.1 on 2024-05-04 14:37:42 -->
