firebase-hosting-basics
Desplegar y alojar aplicaciones web en Firebase
Firebase Hosting ofrece un despliegue rápido y seguro para sitios estáticos y SPAs con CDN global y SSL automático. Esta skill te guía a través de la configuración, comandos de despliegue y gestión de canales de vista previa.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“firebase-hosting-basics”。 Configurar Firebase Hosting para un SPA de React con URLs limpias
预期结果:
- Crear firebase.json con configuración de hosting:
- - Establecer directorio público a 'build'
- - Habilitar cleanUrls: true
- - Añadir regla de reescritura para servir index.html para todas las rutas
- - Ejecutar: npx firebase-tools@latest deploy --only hosting
正在使用“firebase-hosting-basics”。 Configurar un canal de vista previa para pruebas de características
预期结果:
- Desplegar en canal de vista previa:
- - Ejecutar: npx firebase-tools@latest hosting:channel:deploy feature-auth
- - URL del canal proporcionada para pruebas
- - Expira automáticamente después de 7 días
- - Clonar a producción después de la aprobación
安全审计
安全All static findings are false positives. The flagged 'external_commands' are markdown documentation examples showing firebase-tools CLI commands for users to run manually. The 'weak cryptographic algorithm' detections matched on configuration JSON examples, not actual crypto code. The 'network' flag was triggered by a localhost URL in documentation. No executable code or malicious patterns exist in these documentation files.
风险因素
质量评分
你能构建什么
Desplegar un SPA de React
Configurar y desplegar una aplicación de página única de React con reglas de reescritura apropiadas para enrutamiento del lado del cliente.
Configurar Canales de Vista Previa
Crear URLs de vista previa temporales para probar ramas de características antes de fusionar a producción.
Configurar Cabeceras Personalizadas
Añadir cabeceras de seguridad, políticas CORS y control de caché a tu despliegue de Firebase Hosting.
试试这些提示
Ayúdame a configurar Firebase Hosting para mi sitio web estático. Necesito configurar el directorio público, configurar URLs limpias y desplegar a producción.
Configurar firebase.json para manejar enrutamiento del lado del cliente para mi SPA de Vue.js. Todas las rutas deben servir index.html excepto las llamadas API.
Crear un canal de vista previa llamado 'feature-checkout' para pruebas, configurarlo para expirar en 3 días, y mostrarme cómo clonarlo a producción después de la aprobación.
Configurar cabeceras personalizadas para archivos de fuentes con CORS, configurar reescrituras para un proxy API a Cloud Functions, y añadir reglas de redirección para URLs heredadas.
最佳实践
- Siempre prueba los despliegues en canales de vista previa antes de enviar a producción
- Usa patrones de ignorar para excluir archivos innecesarios como node_modules y source maps
- Configura cabeceras de caché apropiadas para activos estáticos para mejorar el rendimiento
避免
- No despliegues archivos sensibles como .env o credenciales en Firebase Hosting
- Evita usar la ruta raíz para todas las reescrituras sin excluir puntos finales API
- No saltes las pruebas de vista previa para despliegues de producción