Si está creando un sitio web, probablemente querrá probarlo antes de alojarlo en Internet para asegurarse de que funciona correctamente.
Idealmente, debe probar su sitio en el mismo servidor web en el que se ejecutará cuando se active. Esto le permite estar seguro de que su sitio se comportará en producción de la misma manera que se comporta localmente. Afortunadamente, la mayoría de los servidores web son fáciles de instalar y usar en su computadora local.
En una PC con Windows, puede usar Internet Information Services (IIS). IIS viene gratis con Windows, así que todo lo que necesita hacer es habilitarlo y configurarlo para ver su sitio web.
¿Qué son los servicios de información de Internet?
IIS es un servidor web que puede utilizar para alojar sitios web estáticos o dinámicos. A servidor web funciona por servir contenido, como HTML, JavaScript o archivos multimedia, al navegador de un usuario, en respuesta a una solicitud.
Algunos marcos como Angular ya tienen servidores web integrados básicos. Estos servirán a su sitio web para obtener una vista previa y probar localmente, utilizando el dominio localhost. Sin embargo, hay algunos escenarios en los que necesita configurar un servidor web completo usted mismo.
Un ejemplo de esto es cuando se publica una escena de un proyecto de Unity. Es probable que obtenga un error si intenta abrir el archivo index.html directamente en su navegador, sin un servidor web en ejecución. En este caso, puede almacenar sus archivos Unity WebGL en IIS y ejecutarlos en el servidor.
Cómo habilitar IIS
Habilite IIS usando el Activar y desactivar las características de Windows menú en Windows.
- Buscar Activar y desactivar las características de Windows usando la barra de búsqueda:
- Selecciona el Servicios de Información de Internet opción:
- Expandir Servicios de Información de Internety seleccione todas las subcaracterísticas que necesita:
- Hacer clic OKy espere a que Windows aplique los nuevos cambios. En el futuro, si decide quitar o cambiar alguna característica, Windows puede pedirle que reinicie su computadora antes de aplicarlas.
- Busque la aplicación IIS, que ahora estará disponible para abrir en su computadora con Windows:
- Abra IIS para ver la consola de IIS:
Cómo crear un sitio web de prueba simple
Cree un sitio web estático simple usando HTML y CSS.
- Crear un nuevo archivo llamado índice.html. Agregue el siguiente contenido al archivo:
<!DOCTYPE html>
<idioma html="es-nosotros">
<cabeza>
<título> Sitio web de prueba simple </title>
<metacontenido="texto/html; conjunto de caracteres = utf-8" />
<enlace rel="hoja de estilo" href="estilos.css">
<enlace rel="hoja de estilo" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<secuencia de comandos src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<secuencia de comandos src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<cuerpo>
<clase div="navegación">
<clase de navegación ="barra de navegación barra de navegación-navegación inversa">
<clase div="encabezado de la barra de navegación">
<una clase ="Marca de barra de navegación" href="#"> Sitio web </a>
</div>
<ul clase ="nav navbar-nav">
<li clase ="activo"><un href="#"> Hogar </a></li>
<li><un href="#"> Sobre </a></li>
<li><un href="#"> Contacto </a></li>
</ul>
</nav>
</div>
<clase div="envase">
<h1> Este es un sitio web de prueba. </h1>
</div>
</body>
</html> - Cree un nuevo archivo CSS llamado estilos.css. Agregue el siguiente estilo al archivo.
* {
Familia tipográfica: sans-serif;
}.nav {
borde-radio: 0píxeles !importante;
color: blanco;
}.Enlace {
margen derecho: 10píxeles;
tamaño de fuente: 12punto;
}.marca {
margen izquierdo: 20píxeles;
margen derecho: 40píxeles;
tamaño de fuente: 18punto;
}.envase {
texto alineado: centro;
relleno: 40píxeles 20píxeles;
} - Crear una nueva carpeta en el C:\inetpub\wwwroot directorio en su computadora, llamado mi sitio web de prueba. Esta carpeta se utiliza específicamente para almacenar las páginas web y otros contenidos que componen su sitio web.
- Copiar o mover el índice.html y estilos.css archivos en el nuevo mi sitio web de prueba carpeta.
Cómo agregar y configurar su sitio web usando IIS
Para alojar su sitio web con IIS, cree un nuevo sitio web y apúntelo a su contenido.
- En la barra lateral izquierda de la consola de IIS, haga clic derecho en el Sitios directorio.
- En las opciones del menú, seleccione Agregar sitio web, para abrir la ventana de configuración:
- Añadir un nombre a la Nombre del sitio, como "Mi sitio web de prueba". IIS completará automáticamente el campo para el grupo de aplicaciones.
- Agregue la ruta física, que es la ubicación donde ha almacenado los archivos de su sitio web en la computadora. Haga clic en los tres puntos para seleccionar una carpeta. En el menú, navegue hasta el mi sitio web de prueba carpeta, debajo de C:\inetpub\wwwroot directorio.
- Seleccione https como el Escribe. El valor por defecto Puerto para HTTPS es 443, pero puede cambiar el puerto a otro si está actualmente en uso.
- También puede configurar un nombre de host, pero déjelo en blanco por ahora.
- Para el Certificado SSL, Seleccione Certificado de desarrollo IIS Express.
- Seleccione Iniciar sitio web inmediatamentey haga clic en OK.
- Resalta lo nuevo Mi sitio web de prueba directorio en la columna de la izquierda.
- Haga clic en Ajustes avanzados, que se encuentra en la lista de opciones del lado derecho del panel.
- En la sección Comportamiento, cambie el Protocolos habilitados opción a "https", y haga clic en OK.
- Si desea editar estos detalles en cualquier momento, puede hacer clic en el Ajustes básicos o Ajustes avanzados opciones en el menú de la derecha.
Cómo detener, iniciar o reiniciar su sitio web en el servidor web
Para iniciar su servidor web y ver su sitio web, haga clic en la opción Examinar en el menú de la derecha. También puede reiniciar o detener el servidor web en cualquier momento.
- Para ejecutar su servidor web, haga clic en Navegar *:443 (https) en el menú de la derecha.
- Su sitio web ahora debería estar ejecutándose en el servidor web. Puede acceder a él a través de la URL https://localhost/. Si recibe una advertencia acerca de que la conexión de su sitio no es segura, usted puede que tenga que usar un certificado SSL válido diferente. Puedes encontrar buenos documentación de Microsoft sobre cómo puede crear un nuevo certificado SSL y usarlo en IIS.
- Para detener o reiniciar el servidor web, haga clic en Deténgase o Reiniciar en el menú de la derecha.
Alojar un sitio web usando IIS
Las pruebas locales son una parte importante de cualquier ciclo de desarrollo, incluso cuando está creando un sitio web.
Puede alojar su sitio web localmente utilizando el servidor web de Internet Information Services (IIS). Puede usarlo para alojar cualquier sitio web estático (como un sitio HTML o CSS estándar) o un sitio web dinámico (como un sitio ASP.NET).
Hay varias opciones entre las que puede elegir al alojar su sitio web en línea. Si está alojando un sitio web simple, puede almacenar los archivos de su sitio web en Dropbox, Google Drive o One Drive antes de alojarlos.
