How to: Publicar página web estática en Azure Storage
Si no quieres leer el blog con las instrucciones, puedes ver el video en mi Threadit, actualizaré esta entrada de blog cuando esté disponible en mi canal de Youtube (:
Mira mi Threadit para esta entrada de blog ;)
Para este video usé una página que ya había construido anteriormente para la práctica de LaunchX de Innovaccion virtual y así no fuera tedioso verme construir la página web, puedes buscar muchos templates en Google que para esta ocasión sea un único archivo de HTML, ya que el servicio de web estática en blob storage no admite más.
Después de descargar el template de tu elección, lo descomprimes y lo abres con Visual Studio Code o el editor de tu preferencia, recomiendo usarlo junto con la extensión Live Server.
Nota: En este servicio no se pueden usar carpetas ni poner otros archivos que no sean el index y el 404 (al menos hasta donde yo pude intentar)
Crea tu recurso desde el portal de Azure, recuerda que necesitas tener ya una cuenta:
Al entrar busca el servicio Azure Storage en el panel izquierdo y da click en él
Configura tu suscripción (lo más seguro es que solo tengas una)
Selecciona un grupo de recursos
Dale un nombre cool ;)
Elige la ubicación adecuada, la más cercana a ti o a tu público objetivo
- Busca "Sitio Web Estático" y da click
- Crea tus archivos index y 404 (no podrás editarlo)
- En Visual Studio code abre tu extensión Azure Tools, en tu cuenta de Storage>Contenedores>Web notarás que no hay nada
- Abre el portal de Azure y selecciona "Contenedores" y luego en "Web" en el panel de servicios de tu Azure Storage, ahí podrás cargar tus dos archivos HTML
- Actualiza tu página para verificar los archivos
- Verifica que tu servicio esté ya disponible en línea
- Agrega tu propio dominio a tu servicio, desde la pestaña red y dominio personalizado (el tiempo de espera depende de tu proveedor)
Si alguien cree que hay más cosas que hacer en este servicio o hacer alguna corrección, podría compartirnos :D
Puedes crear un blog igual que este, entrando a Hashnode, ¡es gratis!
Ó solicita un tutorial en español, escríbeme
¡Saludos! :D