En una configuración LAMP tradicional,/prev/otest.example.com/El estilo general fue utilizar la autenticación básica para preparar un entorno de vista previa.
Sin embargo, con las últimas configuraciones de CMS sin interfaz gráfica que utilizan Vercel o Cloudflare Pages, muchas personas parecen estar confundidas y se hacen preguntas como: "Cuando construyo, se crea una URL de vista previa, pero ¿es esta stg?" y "¿Puedo incluso configurar la autenticación de contraseña (autenticación básica)?"
Conclusión: ¡El entorno de vista previa es genial! ¡Y está bien protegido!
Por ejemplo, Vercel y Cloudflare Pages tienen una rama Git separada para cada rama.preview URLTiene la función de emitir automáticamente lo siguiente.Un sistema que crea automáticamente el entorno de ensayo más actualizado cada vezSi administras tu código fuente con Git, puedes crear una nueva rama y enviarla, y se emitirá una URL de confirmación inmediatamente. No es necesario subir archivos manualmente al entorno de pruebas.
"Pero ¿esa URL de vista previa se hará pública?"
No te preocupes, hayLas restricciones de acceso se pueden configurar fácilmenteEso es todo.
Ejemplo de páginas de Cloudflare
Cloudflare Pages le permite restringir el acceso al entorno de vista previa.
Autenticación básica
- Puede configurar la autenticación con nombre de usuario y contraseña de forma similar a la vista previa tradicional. Salvo configuraciones específicas, este suele ser el método preferido.
- sin embargo,Una configuración híbrida que combina SSG (generación de sitios estáticos) y SSR (representación del lado del servidor)Hay algunos casos en los que la autenticación básica no funciona bien, como por ejemplo:
Cloudflare Access
- Si la autenticación básica descrita anteriormente no es adecuada o si desea un control de acceso más flexible, utilice Cloudflare Access.
Las siguientes configuraciones se pueden realizar desde la GUI (el plan gratuito está limitado a 50 usuarios).
example.comPermitir únicamente usuarios con dominios de correo electrónico específicos, como- Sólo se permiten usuarios con la dirección de correo electrónico especificada
- Autenticación de cuenta de Google (también es posible la integración con Google Workspace)
- Restricción de dirección IP
- Emisión de un PIN de acceso temporal
Ejemplo de Vercel
Por supuesto, Vercel también le permite proteger el entorno de vista previa.
- Vercel AuthenticationAcceso restringido solo a miembros del equipo
- Protección con contraseña (disponible en planes Pro y superiores)
- Es posible establecer diferentes restricciones para el entorno de producción y el entorno de vista previa.
Al utilizar la función de autenticación de Vercel, puede limitar el acceso solo a los miembros del proyecto, crear enlaces para compartir y más.
Por cierto, la protección del entorno de vista previa de Vercel era difícil de usar porque la autenticación de contraseña tenía un costo adicional ($150/mes).¡Deploy Protection ahora está disponible en todos los planes!
https://vercel.com/docs/deployment-protection
.png?fm=avif)
Entonces, ¡esto es lo que significa!
|
Método tradicional |
El mundo de las páginas Jamstack/Vercel/Cloudflare |
|---|---|
|
|
URL de vista previa para cada rama + Autenticación de contraseña/correo electrónico/restricciones de IP, etc. |
|
Carga manual |
Git pushImplementación automatizada |
|
Establecer y administrar restricciones de acceso es algo complicado |
Las restricciones de acceso sonRelativamente fácil de configurar usando GUI, etc. |
Jamstack es genial, pero ¿tiene un entorno de vista previa adecuado? ¿Es seguro?El entorno de pruebas moderno es un "entorno de vista previa" que se publica automáticamente para cada rama, y las restricciones de acceso se pueden configurar de forma flexible y sencilla.
Puedes lograr la misma tranquilidad que con el método tradicional, pero de forma más sencilla e inteligente. Pruébalo en tu próximo proyecto.
Pasó de la maquetación al mundo web y, sin darse cuenta, se había convertido en un experto en técnicas, además de experto en marcado, front-end, dirección y accesibilidad. Ha trabajado en diversos campos desde la fundación de Liberogic y ahora es un diccionario viviente dentro de la empresa. Recientemente, se ha dedicado a explorar maneras de mejorar la eficiencia aprovechando al máximo las indicaciones, preguntándose: "¿Podemos confiar más en la IA para la accesibilidad?". Tanto su tecnología como su pensamiento siguen evolucionando.
Futa
Ingeniero de marcado / Ingeniero de front-end / Ingeniero de accesibilidad web / Director web