Si no está buscando configurar un sitio web importante en un servicio de alojamiento, puede ejecutar fácilmente un servidor web en casa. Anteriormente hemos explicado cómo configurar un servidor web Raspberry Pi usando un Pi 3, 4 o Zero normal, pero ni siquiera necesita un Pi completo para hacer el trabajo. Con Raspberry Pi PIco W, un microcontrolador habilitado para Wi-Fi que cuesta solo $6, puede realizar un servicio web básico.
los Frambuesa Pi Pico W no es la opción más obvia, pero con algo de código MicroPython y algo de HTML, podemos servir páginas web estáticas básicas desde un Pico W. Hay dos partes en este proyecto. Código HTML y MicroPython. El HTML es lo que verá nuestro navegador, y MicroPython actúa como una forma de servir el código.
Para este proyecto, alojaremos una página web básica desde un Raspberry Pi Pico W. También mostraremos cómo agregar un poco de dinamismo adicional a sus páginas con CSS y JavaScript. Finalmente, serviremos contenido al mundo aprendiendo cómo pasar solicitudes externas a nuestra Raspberry Pi Pico W.
Índice
-
Para este proyecto necesitarás
-
HTML para servidor web Raspberry Pi Pico W
-
y dale un nombre a la sección. En nuestro ejemplo, es "Las últimas noticias". La etiqueta es más pequeño que pero ella todavía señala que esta es una nueva sección.<h2>The Latest News</h2>
siete. Inserte una imagen, vinculada desde un CDN remoto, usando la etiqueta . Necesitamos la URL completa de la imagen que queremos usar, asegurándonos de que también tenemos permiso para usar la imagen. En nuestro ejemplo, usamos una imagen de Pexels.com, un servicio gratuito de imágenes con licencia. Las imágenes se pueden cambiar de tamaño usando la etiqueta . Podemos especificar el tamaño como un porcentaje de su tamaño original, o podemos codificar el tamaño en píxeles.<img src="https://images.pexels.com/photos/1779487/pexels-photo-1779487.jpeg?cs=srgb&dl=pexels-designecologist-1779487.jpg", width=640px height=427px>8. Usa la baliza para crear un párrafo de texto. Para nuestra demostración, usamos dos párrafos de Lorem Ipsum generados usando un Generador Lorem Ipsum.<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit…..</p>
(Crédito de la imagen: Hardware de Tom)9. Finalmente cierre el cuerpo y luego el documento HTML.</body>
</html>
diez. Guarde el archivo como index.html.Por ahora guarde el código en este archivo, lo usaremos más adelante.Código Python para el servidor web Raspberry Pi Pico W
-
Lista completa de códigos MicroPython
-
Copia de index.html en Raspberry Pi Pico W
-
Mejorando nuestro HTML
-
Reenvío de solicitudes a nuestro servidor web Raspberry Pi Pico W
Para este proyecto necesitarás
HTML para servidor web Raspberry Pi Pico W
El lenguaje de marcado de hipertexto (HTML) es el componente básico de la web. El lenguaje es un marco para crear páginas web, un marco que desde entonces ha sido actualizado y mejorado para sitios más modernos.
El código HTML para nuestro servidor web Pico W puede ser tan simple o complicado como desee, pero hay algunas advertencias que debe tener en cuenta. El HTML del sitio se carga en una variable de Python, lo que significa que no podemos exagerar con las funciones, ya que el Pico W solo tiene 264 KB de SRAM. En segundo lugar, no podemos servir imágenes o archivos de referencia (CSS/JavaScript) en el Pico W porque estamos recargando el HTML en una variable de Python que no puede acceder al sistema de archivos.
Esto significa que cualquier imagen o CSS/JavaScript deberá ser accesible desde un sitio remoto. CSS y JavaScript en HTML funcionarán, pero preferimos hacer referencia a Bootstrap CSS y JavaScript a través de su CDN.
Para crear una página HTML básica
1. Abra un editor de texto de su elección. El Bloc de notas es más que suficiente, pero nuestra preferencia es el Bloc de notas++.
2. Establezca el tipo de documento en HTML, luego cree una etiqueta html. Esto le dice al navegador que la página está escrita en HTML y la etiqueta indica el inicio del documento HTML.
<!DOCTYPE html>
<html>
3. Crear una nueva etiqueta, y dentro de la cabeza, use para establecer el título de la ventana del navegador antes de cerrar la</strong> La sección <head> es donde almacenamos los metadatos de la página. Estos son datos que un navegador web necesitará para comprender la página. Lo usamos para establecer el título de la página, es lo mínimo para que una página funcione.</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>Crear una sección <body>.</strong> Esta es la sección donde se muestra el contenido visible para el usuario.</p>
<pre class="line-numbers language-bash" language="bash"><code><body></code></pre>
<p>5. <strong>Crear un título usando la etiqueta </p>
<h1> y dale a tu página un título/título. </strong>Esta es la etiqueta de título más grande.</p>
<pre class="line-numbers language-bash" language="bash"><code><h1>Tom's Hardware Pico W Web Server</title>
</code></pre>
<p>6. <strong>Agregue otro título usando </p>
<h2> y dale un nombre a la sección. </strong>En nuestro ejemplo, es "Las últimas noticias". La etiqueta </p>
<h2> es más pequeño que </p>
<h1> pero ella todavía señala que esta es una nueva sección.</p>
<pre class="line-numbers language-bash" language="bash"><code><h2>The Latest News</h2>
</code></pre>
<p>siete. <strong>Inserte una imagen, vinculada desde un CDN remoto, usando la etiqueta <div class='code-block code-block-1' style='margin: 8px 0; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Nueva era Anuncio 1 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6091293652704406"
data-ad-slot="9042205050"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<img loading="lazy">. </strong>Necesitamos la URL completa de la imagen que queremos usar, asegurándonos de que también tenemos permiso para usar la imagen. En nuestro ejemplo, usamos una imagen de <u>Pexels.com</u>, un servicio gratuito de imágenes con licencia. Las imágenes se pueden cambiar de tamaño usando la etiqueta <img loading="lazy">. Podemos especificar el tamaño como un porcentaje de su tamaño original, o podemos codificar el tamaño en píxeles.</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>Usa la baliza </p>
<p> para crear un párrafo de texto. </strong>Para nuestra demostración, usamos dos párrafos de Lorem Ipsum generados usando un<u> Generador 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://windows11central.com/wp-content/uploads/2022/08/Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>9. <strong>Finalmente cierre el cuerpo y luego el documento HTML.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code></body>
</html>
</code></pre>
<p>diez. <strong>Guarde el archivo como index.html.</strong></p>
<p>Por ahora guarde el código en este archivo, lo usaremos más adelante.</p>
<h2 id="python-code-for-raspberry-pi-pico-w-web-server">Código Python para el servidor web Raspberry Pi Pico W</h2>
<p>Hemos creado una página para nuestros ávidos lectores, y ahora necesitamos crear una forma de brindársela. Para ello, crearemos una pequeña aplicación de MicroPython que leerá el contenido de nuestro archivo index.html y lo servirá como una página web.</p>
<p>1. <strong>Siga esta guía para configurar su Raspberry Pi Pico W. </strong>Siga los pasos hasta "Cómo hacer parpadear un LED".</p>
<p>2. <strong>Cree un nuevo archivo en blanco.</strong></p>
<p>3. <strong>Importar dos módulos.</strong> El primero es socket, una interfaz de red de bajo nivel. El segundo es la red, que usaremos para conectarnos a nuestro punto de acceso Wi-Fi.</p>
<pre class="line-numbers language-bash" language="bash"><code>import socket
import network
</code></pre>
<p>4. <strong>Cree un objeto, una página y utilícelo para hacer referencia al archivo HTML en nuestro Pico W.</strong> Esto abrirá el archivo en modo de solo lectura.</p>
<pre class="line-numbers language-bash" language="bash"><code>page = open("index.html", "r")</code></pre>
<p>5. <strong>Lea el contenido del archivo en un nuevo objeto, html, luego cierre el archivo.</strong> Esto leerá todo el HTML en el objeto html.</p>
<pre class="line-numbers language-bash" language="bash"><code>html = page.read()
page.close()
</code></pre>
<p>6. <strong>Cree un objeto, wlan, y utilícelo para crear una conexión entre nuestro código y el chip Wi-Fi del Pico W.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>wlan = network.WLAN(network.STA_IF)
</code></pre>
<p>siete. <strong>Active Wi-Fi y luego conéctese a su punto de acceso con su contraseña.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>wlan.active(True)
wlan.connect("ACCESS POINT","PASSWORD")
</code></pre>
<p>8. <strong>Cree un objeto, sta_if, que actuará como una interfaz entre Pico W y el punto de acceso Wi-Fi.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>sta_if = network.WLAN(network.STA_IF)
</code></pre>
<p>9. Imprima la dirección IP de Pico W, anote la dirección IP, ya que la necesitaremos más adelante. Los datos devueltos son un objeto de lista que contiene nuestra dirección IP, máscara de red y dirección del servidor DHCP. La dirección IP es el primer elemento de la lista, por lo que usar [0] podemos descartarlo de la lista sin ninguna otra información.</p>
<pre class="line-numbers language-bash" language="bash"><code>print(sta_if.ifconfig()[0])
</code></pre>
<p>diez. <strong>Configure Pico W para escuchar conexiones en el puerto 80 desde cualquier dirección IP. </strong>Usamos socket.SO_REUSEADDR para permitir que se use la misma dirección IP después de un reinicio. Esto soluciona un problema por el cual el Pico W necesitaría un apagado total para poder reutilizar la dirección 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>Cree un bucle para ejecutar continuamente la siguiente sección de código.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>while True:
</code></pre>
<p>12 <strong>Configurar Pico W para aceptar una conexión </strong>y <strong>para crear un archivo que se convertirá en nuestra página 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>Cree otro bucle, y dentro del bucle cree un objeto, línea, para leer el contenido de nuestra página web, línea por línea.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> while True:
line = cl_file.readline()
</code></pre>
<p>14 <strong>Use una declaración condicional para detener la reproducción de contenido si hay retornos de carro</strong> o saltos de línea.</p>
<pre class="line-numbers language-bash" language="bash"><code> if not line or line == b'\r\n':
break
</code></pre>
<p>15. <strong>Crea un objeto, respuesta, en el que almacenamos el HTML</strong> para la página web.</p>
<pre class="line-numbers language-bash" language="bash"><code> response = html </code></pre>
<p>dieciséis. <strong>Configure una respuesta de cliente que envíe el código de estado HTTP y el tipo de contenido al navegador, </strong>entonces <strong>responder con HTML </strong>para representar en su navegador.<strong> A continuación, se desconecta la conexión.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> cl.send('HTTP/1.0 200 OK\r\nContent-type: text/html\r\n\r\n')
cl.send(response)
cl.close()
</code></pre>
<p>17 <strong>Guarde el archivo en Raspberry Pi Pico W como main.py. </strong>Al hacer esto, el código se ejecutará automáticamente cuando se inicie 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://windows11central.com/wp-content/uploads/2022/08/1660481468_958_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_958_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_958_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_958_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_958_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_958_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<h2 id="complete-micropython-code-listing"><span id="lista_completa_de_codigos_micropython">Lista completa de códigos MicroPython</span></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'\r\n':
break
response = html
cl.send('HTTP/1.0 200 OK\r\nContent-type: text/html\r\n\r\n')
cl.send(response)
cl.close()
</code></pre>
<h2 id="copying-index-html-to-the-raspberry-pi-pico-w"><span id="copia_de_indexhtml_en_raspberry_pi_pico_w">Copia de index.html en Raspberry Pi Pico W</span></h2>
<p>1. <strong>En Thonny, haga clic en Ver >> Archivos. </strong>Esto abrirá un administrador de archivos. La ventana superior es la fuente, en este caso la unidad principal de nuestro PC. La ventana inferior es el objetivo, el 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://windows11central.com/wp-content/uploads/2022/08/1660481468_22_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_22_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_22_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_22_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_22_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_22_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>2. <strong>En la ventana superior, navegue hasta la ubicación de su archivo 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://windows11central.com/wp-content/uploads/2022/08/1660481468_137_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_137_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_137_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_137_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_137_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_137_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>3. <strong>Haga clic derecho en index.html y seleccione "Descargar a /" para copiar el archivo a su 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://windows11central.com/wp-content/uploads/2022/08/1660481468_892_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_892_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_892_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_892_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_892_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_892_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>4. <strong>Desconecte el Pico W de su computadora, </strong>luego reinsértelo para reiniciar Pico W e iniciar el servidor web.</p>
<p>5. En su PC, <strong>abra una nueva ventana/pestaña del navegador y navegue hasta la dirección IP de su Pico W. </strong>Después de unos momentos, verá que la página aparece en la ventana.</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://windows11central.com/wp-content/uploads/2022/08/1660481468_877_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_877_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_877_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_877_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_877_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_877_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<h2 id="improving-our-html"><span id="mejorando_nuestro_html">Mejorando nuestro HTML</span></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://windows11central.com/wp-content/uploads/2022/08/1660481468_303_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_303_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_303_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_303_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_303_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_303_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>Usando Bootstrap y su CDN creamos una página mucho más profesional. Esto básicamente utiliza los mismos elementos básicos. </p>
<h1>, </p>
<p> y <img loading="lazy">pero con características adicionales como separadores y CSS personalizado. </p>
<p><u>Principal</u> es un marco para HTML, CSS y JavaScript que produce rápidamente sitios de apariencia profesional. Si desea crear un sitio de demostración rápida para clientes o sus propios proyectos, Bootstrap es un buen lugar para comenzar.</p>
<p>Hemos adaptado el <u>modelo héroe</u> para nuestra demostración, reemplazando los enlaces CSS y JavaScript para <u>Enlaces BootstrapCDN.</u></p>
<p>Si desea utilizar nuestro código, puede ser <u>descargado de aquí.</u></p>
<h2 id="forwarding-requests-to-our-raspberry-pi-pico-w-web-server"><span id="reenvio_de_solicitudes_a_nuestro_servidor_web_raspberry_pi_pico_w">Reenvío de solicitudes a nuestro servidor web Raspberry Pi Pico W</span></h2>
<p>Actualmente, nuestro servidor solo es accesible para dispositivos en la misma red. Para compartir nuestro servidor web Raspberry Pi Pico W con el mundo, debemos verificar nuestra dirección IP externa y configurar el reenvío de puertos para enviar solicitudes externas a nuestro Pico W.</p>
<p>Cada enrutador tiene una forma sutilmente diferente de realizar estas tareas, nuestros pasos ilustran cómo nuestro enrutador proporcionado por el ISP maneja esto.</p>
<p> 1. <strong>Obtenga su dirección IP externa. </strong>Utilice el motor de búsqueda de Google y busque "¿Cuál es mi dirección IP?" y anote la dirección 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://windows11central.com/wp-content/uploads/2022/08/1660481468_581_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_581_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_581_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_581_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_581_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_581_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>2. <strong>Inicie sesión en la configuración avanzada de su enrutador </strong>y <strong>seleccione Reserva DHCP</strong>. Necesitamos asegurarnos de que nuestro Pico W tenga una dirección IP estática en la LAN, y la reserva de DHCP es una forma de hacerlo.</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://windows11central.com/wp-content/uploads/2022/08/1660481468_662_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_662_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_662_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_662_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_662_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_662_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>3. <strong>Seleccione su Pico W de la lista de dispositivos conectados.</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://windows11central.com/wp-content/uploads/2022/08/1660481468_409_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_409_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_409_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_409_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_409_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_409_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>4. <strong>Agregue la reserva a la tabla de concesión de IP y haga clic en Aplicar. </strong>Esto asegurará que su Pico W reciba la misma dirección IP que usted.</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://windows11central.com/wp-content/uploads/2022/08/1660481468_381_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_381_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_381_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_381_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_381_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_381_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>5. <strong>Acceda al menú de reenvío de puertos en su enrutador. </strong>En nuestro caso, estaba en Configuración avanzada >> Reenvío de puertos.</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://windows11central.com/wp-content/uploads/2022/08/1660481468_524_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_524_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_524_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_524_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_524_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_524_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>6. <strong>Configure el servicio en HTTP (puerto 80) </strong>y <strong>crear una regla para el tráfico HTTP. Configure el puerto de inicio y finalización en 80, el protocolo en TCP y configure la dirección IP </strong>a la de tu Pico W. <strong>para salvaguardar </strong>luego aplicar la regla.</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://windows11central.com/wp-content/uploads/2022/08/1660481468_299_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_299_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_299_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_299_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_299_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_299_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
<p>siete. <strong>En otro dispositivo, conectado a través de otra red (celular) abra el navegador </strong>y <strong>acceder a su dirección IP externa. </strong>Ahora verá la página web que se sirve a través de su dispositivo 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://windows11central.com/wp-content/uploads/2022/08/1660481468_697_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_697_Como-crear-un-servidor-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://windows11central.com/wp-content/uploads/2022/08/1660481468_697_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_697_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" loading="lazy" alt="Servidor 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://windows11central.com/wp-content/uploads/2022/08/1660481468_697_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://windows11central.com/wp-content/uploads/2022/08/1660481468_697_Como-crear-un-servidor-web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédito de la imagen: Hardware de Tom)</span></figcaption></figure>
</div>
<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-6091293652704406"
crossorigin="anonymous"></script></div>
<!-- AI CONTENT END 2 -->
</div>
<div class="social-buttons flexbox">
<a title="Facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/" class="asap-icon-single icon-facebook" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg></a>
<a title="Facebook Messenger" href="fb-messenger://share/?link=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/" class="asap-icon-single icon-facebook-m" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1" /><path d="M8 13l3 -2l2 2l3 -2" /></svg></a>
<a title="Twitter" href="https://twitter.com/intent/tweet?text=Cómo crear un servidor web Raspberry Pi Pico W&url=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/" class="asap-icon-single icon-twitter" target="_blank" rel="nofollow noopener" viewBox="0 0 24 24"><svg xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg></a>
<a title="Pinterest" href="https://pinterest.com/pin/create/button/?url=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/&media=https://windows11central.com/wp-content/uploads/2022/08/EABitSxdEccVTwgpNAfKPc-1200-80-150x150.jpg" class="asap-icon-single icon-pinterest" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg></a>
<a title="WhatsApp" href="https://wa.me/?text=Cómo crear un servidor web Raspberry Pi Pico W%20-%20https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/" class="asap-icon-single icon-whatsapp" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" /> <path d="M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" /></svg></a>
<a title="Tumblr" href="https://tumblr.com/widgets/share/tool?canonicalUrl=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/" class="asap-icon-single icon-tumblr" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 21h4v-4h-4v-6h4v-4h-4v-4h-4v1a3 3 0 0 1 -3 3h-1v4h4v6a4 4 0 0 0 4 4" /></svg></a>
<a title="LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/&title=Cómo crear un servidor web Raspberry Pi Pico W" class="asap-icon-single icon-linkedin" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="16" height="16" rx="2" /><line x1="8" y1="11" x2="8" y2="16" /><line x1="8" y1="8" x2="8" y2="8.01" /><line x1="12" y1="16" x2="12" y2="11" /><path d="M16 16v-3a2 2 0 0 0 -4 0" /></svg></a>
<a title="Telegram" href="https://t.me/share/url?url=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/&text=Cómo crear un servidor web Raspberry Pi Pico W" class="asap-icon-single icon-telegram" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" /></svg></a>
<a title="Email" href="mailto:?subject=Cómo crear un servidor web Raspberry Pi Pico W&body=https://windows11central.com/como-crear-un-servidor-web-raspberry-pi-pico-w/" class="asap-icon-single icon-email" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2" /><polyline points="3 7 12 13 21 7" /></svg></a>
</div>
<div class="related-posts">
<article class="article-loop asap-columns-3">
<a href="https://windows11central.com/como-convertir-archivos-fbx-a-obj-para-impresion-3d/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/U547cVSH7dN7grGoqJUqi9-1200-80-400x267.png');" class="article-image"></div>
</div>
<p class="entry-title">Cómo convertir archivos FBX a OBJ para impresión 3D</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://windows11central.com/amd-regresa-a-cpu-y-gpu-en-la-ultima-investigacion-de-hardware-de-steam-red-team-recupera-el-dominio-perdido-frente-a-nvidia-e-intel/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/09/ym7dMbNS5BTCGVd4gjWNf7-1200-80-400x267.png');" class="article-image"></div>
</div>
<p class="entry-title">AMD regresa a CPU y GPU en la última investigación de hardware de Steam: Red Team recupera el dominio perdido frente a Nvidia e Intel</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://windows11central.com/modder-crea-una-impresionante-carcasa-modular-cinetica-para-pc-engranajes-impresos-en-3d-madera-y-acrilico-se-combinan-para-ocasionar-fascinantes-movimientos-continuos/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/bdJrJVMfgTThZDXkVsV3gb-1200-80-400x267.jpg');" class="article-image"></div>
</div>
<p class="entry-title">Modder crea una impresionante carcasa modular cinética para PC: engranajes impresos en 3D, madera y acrílico se combinan para ocasionar fascinantes movimientos continuos</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://windows11central.com/orange-pi-se-asocia-con-huawei-para-crear-un-sbc-para-el-avance-de-ia-el-chip-huawei-ascend-ofrece-8-20-tops-de-rendimiento-de-ia/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/TpwFbUsv3wo4qjwf7y9FUD-1200-80-400x267.jpg');" class="article-image"></div>
</div>
<p class="entry-title">Orange Pi se asocia con Huawei para crear un SBC para el avance de IA: el chip Huawei Ascend ofrece 8/20 TOPS de rendimiento de IA</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://windows11central.com/los-listados-de-minoristas-de-portatiles-meteor-lake-muestran-precios-competitivos-los-procesadores-intel-de-proxima-reproduccion-rivalizan-con-amd-zen-4-en-todos-los-precios/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/yHw3LYnMwvbRNosuUSjDhk-1200-80-400x267.jpg');" class="article-image"></div>
</div>
<p class="entry-title">Los listados de minoristas de portátiles Meteor Lake muestran precios competitivos: los procesadores Intel de próxima reproducción rivalizan con AMD Zen 4 en todos los precios.</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://windows11central.com/el-precio-de-nvidia-rtx-4090-es-demasiado-parada-mientras-que-la-mayoria-de-las-demas-gpu-se-han-mantenido-estables-o-han-disminuido-durante-los-ultimos-6-meses-prospeccion-de-mercado/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/t3hy3qDbfAuV4VUmRSzqhC-1200-80-400x267.jpg');" class="article-image"></div>
</div>
<p class="entry-title">El precio de Nvidia RTX 4090 es demasiado parada, mientras que la mayoría de las demás GPU se han mantenido estables o han disminuido durante los últimos 6 meses: prospección de mercado</p>
</a>
</article>
</div>
<div id="comentarios" class="area-comentarios">
<div id="respond" class="comment-respond">
<p>Deja una respuesta <small><a rel="nofollow" id="cancel-comment-reply-link" href="/como-crear-un-servidor-web-raspberry-pi-pico-w/#respond" style="display:none;">Cancelar la respuesta</a></small></p><form action="https://windows11central.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> <span class="required-field-message">Los campos obligatorios están marcados con <span class="required">*</span></span></p><input placeholder="Nombre *" id="author" name="author" type="text" value="" size="30" required />
<div class="fields-wrap"><input placeholder="Correo electrónico *" id="email" name="email" type="text" value="" size="30" required />
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez que comente.</label></p>
<textarea placeholder="Comentario" id="comment" name="comment" cols="45" rows="5" required></textarea><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar el comentario" /> <input type='hidden' name='comment_post_ID' value='16312' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form> </div><!-- #respond -->
</div>
</article>
<aside id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
<div class="last-post-sidebar">
<article class="article-loop asap-columns-1">
<a href="https://windows11central.com/como-retornar-a-activar-la-perspectiva-mostrar-escritorio-en-windows-11/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/Microsoft-Windows-Copilot-Icon-300x140.jpg');" class="article-image"></div>
</div>
<p class="entry-title">Cómo retornar a activar la perspectiva "Mostrar escritorio" en Windows 11</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://windows11central.com/aqui-esta-el-primer-trailer-de-la-temporada-2-de-la-serie-de-television-resplandor/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/7mTtHgRXodrZLDMbPzgN4g-1200-80-300x140.jpg');" class="article-image"></div>
</div>
<p class="entry-title">Aquí está el primer tráiler de la temporada 2 de la serie de televisión Resplandor.</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://windows11central.com/como-convertir-archivos-fbx-a-obj-para-impresion-3d/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/U547cVSH7dN7grGoqJUqi9-1200-80-300x140.png');" class="article-image"></div>
</div>
<p class="entry-title">Cómo convertir archivos FBX a OBJ para impresión 3D</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://windows11central.com/amd-regresa-a-cpu-y-gpu-en-la-ultima-investigacion-de-hardware-de-steam-red-team-recupera-el-dominio-perdido-frente-a-nvidia-e-intel/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/09/ym7dMbNS5BTCGVd4gjWNf7-1200-80-300x140.png');" class="article-image"></div>
</div>
<p class="entry-title">AMD regresa a CPU y GPU en la última investigación de hardware de Steam: Red Team recupera el dominio perdido frente a Nvidia e Intel</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://windows11central.com/error-del-servidor-5xx-en-google-search-console-3-formas-de-solucionarlo/" rel="bookmark">
<div class="article-content">
<div style="background-image: url('https://windows11central.com/wp-content/uploads/2023/12/server-error-5xx-google-search-console-300x140.jpg');" class="article-image"></div>
</div>
<p class="entry-title">Error del servidor (5xx) en Google Search Console: 3 formas de solucionarlo</p>
</a>
</article>
</div>
</aside>
</main>
<span class="go-top"><span>Subir</span><i class="arrow arrow-up"></i></span>
<footer>
<div class="content-footer">
<div class="widget-content-footer">
<div class="logo-footer"><a href="https://windows11central.com/" class="custom-logo-link" rel="home"><img width="572" height="176" src="https://windows11central.com/wp-content/uploads/2023/10/cropped-logobeta.jpg" class="custom-logo" alt="Windows 11 Central" decoding="async" srcset="https://windows11central.com/wp-content/uploads/2023/10/cropped-logobeta.jpg 572w, https://windows11central.com/wp-content/uploads/2023/10/cropped-logobeta-300x92.jpg 300w" sizes="(max-width: 572px) 100vw, 572px" /></a></div>
<div class="widget-area">
<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"></div></div>
</div><div class="widget-area">
<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"></div></div>
</div><div class="widget-area"><form role="search" method="get" action="https://windows11central.com/" class="wp-block-search__button-outside wp-block-search__icon-button alignright wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Buscar</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Buscar" class="wp-block-search__button has-icon wp-element-button" type="submit" ><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24">
<path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path>
</svg></button></div></form></div><div class="widget-area"><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-15"><a href="https://windows11central.com/category/dragonball/">Dragon Ball</a>
</li>
<li class="cat-item cat-item-12"><a href="https://windows11central.com/category/guias/">Guías</a>
</li>
<li class="cat-item cat-item-14"><a href="https://windows11central.com/category/hardware-de-pc/">Hardware de PC</a>
</li>
<li class="cat-item cat-item-2"><a href="https://windows11central.com/category/noticias/">Noticias</a>
</li>
<li class="cat-item cat-item-1"><a href="https://windows11central.com/category/windows/">Windows</a>
</li>
</ul></div>
</div>
</div>
</footer>
<script type="text/javascript" src="https://windows11central.com/wp-includes/js/comment-reply.min.js?ver=6.4.1" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" src="https://windows11central.com/wp-content/plugins/ad-invalid-click-protector/assets/js/js.cookie.min.js?ver=3.0.0" id="js-cookie-js"></script>
<script type="text/javascript" src="https://windows11central.com/wp-content/plugins/ad-invalid-click-protector/assets/js/jquery.iframetracker.min.js?ver=2.1.0" id="js-iframe-tracker-js"></script>
<script type="text/javascript" id="aicp-js-extra">
/* <![CDATA[ */
var AICP = {"ajaxurl":"https:\/\/windows11central.com\/wp-admin\/admin-ajax.php","nonce":"ec4b81aab8","ip":"18.206.12.157","clickLimit":"3","clickCounterCookieExp":"3","banDuration":"7","countryBlockCheck":"No","banCountryList":""};
/* ]]> */
</script>
<script type="text/javascript" src="https://windows11central.com/wp-content/plugins/ad-invalid-click-protector/assets/js/aicp.min.js?ver=1.0" id="aicp-js"></script>
<script type="text/javascript" src="https://windows11central.com/wp-content/themes/asap/assets/js/asap.min.js?ver=07210623" id="asap-scripts-js"></script>
</body>
</html>
<!-- Page supported by LiteSpeed Cache 5.7 on 2023-12-03 06:36:38 -->
