Saltar al contenido principal

​
🚀 Introducción

  • Antes de comenzar, asegúrate de contar con un editor de texto adecuado para crear archivos HTML y CSS. Recomendamos Visual Studio Code o cualquier otro editor de tu preferencia.
  • A continuación, deberás crear una cuenta en Square Cloud, lo cual puedes hacer a través de la página de inicio de sesión. Puedes usar tu correo electrónico, GitHub o ambos para crear la cuenta.
  • Por último, necesitas tener un plan de pago activo en tu cuenta. Puedes ver nuestros planes y adquirir uno según tus necesidades aquí.
Square Cloud ofrece soporte nativo para proyectos estáticos, como sitios HTML/CSS. Esto significa que puedes alojar fácilmente tu HTML, CSS y otros recursos estáticos en la plataforma. Con un CDN premium integrado, tus sitios se entregarán rápidamente a los usuarios de todo el mundo.
Si estás subiendo tu aplicación a través del sitio web de Square Cloud, puedes ignorar la sección de abajo. El sitio crea automáticamente el archivo de configuración squarecloud.app por ti.

​
📄 Archivos requeridos

  • index.html (Ejemplo de archivo principal).
  • vite.html (Ejemplo de archivo principal para proyectos Vite).
  • 404.html (Archivo de enrutamiento para errores 404, opcional).

​
🖥️ Preparando el proyecto

Antes de alojar tu proyecto en Square Cloud, primero verifica que los archivos del proyecto estén correctamente configurados para el alojamiento.

​
📤 Cómo alojar tu proyecto

Ahora que has preparado todos los archivos para tu proyecto de HTML/CSS, el siguiente paso es subirlos a Square Cloud y poner tu aplicación en línea. Hay varias formas de subir los archivos, pero cubriremos dos: mediante el Dashboard o mediante la CLI.

​
A través del panel

1

Accede a la página de subida

Accede a la página de subida y sube el archivo zip de tu proyecto.
2

Configura tu entorno

Después de subir tu zip, deberás configurar el nombre, el archivo principal o el entorno de ejecución y otros ajustes de tu proyecto.
Si estás subiendo un proyecto web, asegúrate de seleccionar “Publicación Web” y de definir un subdominio para tu proyecto.
3

Despliega tu proyecto

Por último, haz clic en el botón “Deploy” para alojar tu proyecto en Square Cloud.
Tras el despliegue, puedes monitorear el estado y los logs de tu proyecto desde el panel.
Subiendo aplicación a Square Cloud

​
A través de la CLI

Para usar este método, necesitas crear un archivo de configuración llamado squarecloud.app en el directorio raíz de tu proyecto. Este archivo contendrá la configuración necesaria para tu proyecto.

Aprende más sobre: cómo crear el archivo de configuración para Square Cloud.

El archivo squarecloud.app es un archivo de configuración que se usará para configurar tu aplicación; se utilizará para definir tu entorno.
1

Instala la CLI

Primero, necesitas tener la CLI instalada en tu entorno. Si aún no la tienes, ejecuta el siguiente comando en tu terminal:
npm install -g @squarecloud/cli
Si ya la tienes, te recomendamos actualizarla. Para ello, ejecuta el siguiente comando en tu terminal:
squarecloud update
2

Autentícate

Ahora, para autenticarte y usar otros comandos de la CLI, encontrarás tu clave de autorización aquí haciendo clic en “Request API Key”. Después de obtener tu clave de autorización, ejecuta el siguiente comando:
squarecloud auth login
3

Sube tu proyecto

Por último, para desplegar tu aplicación en Square Cloud usando la CLI, necesitas ejecutar el siguiente comando:
squarecloud upload
O si creaste el zip manualmente, puedes usar:
squarecloud upload --file <path/to/zip>

​
Contáctanos

Si continúas enfrentando dificultades técnicas, nuestro equipo de soporte especializado está disponible para ayudarte. Contáctanos y estaremos encantados de ayudarte a resolver cualquier problema.