Passer au contenu principal

​
🚀 Introduction

  • Avant de commencer, assurez-vous de disposer d’un éditeur de texte adapté pour créer des fichiers HTML et CSS. Nous recommandons Visual Studio Code ou tout autre éditeur de votre choix.
  • Ensuite, vous devrez créer un compte sur Square Cloud, ce qui peut se faire via la page de connexion. Vous pouvez utiliser votre e-mail, GitHub, ou les deux pour créer le compte.
  • Enfin, vous devez disposer d’un plan payant actif sur votre compte. Vous pouvez consulter nos plans et en acheter un selon vos besoins ici.
Square Cloud offre une prise en charge native des projets statiques, tels que les sites HTML/CSS. Cela signifie que vous pouvez facilement héberger vos ressources HTML, CSS et autres ressources statiques sur la plateforme. Grâce au CDN premium intégré, vos sites seront livrés rapidement aux utilisateurs du monde entier.
Si vous téléversez votre application via le site web de Square Cloud, vous pouvez ignorer la section ci-dessous. Le site crée automatiquement le fichier de configuration squarecloud.app pour vous.

​
📄 Fichiers requis

  • index.html (Exemple de fichier principal).
  • vite.html (Exemple de fichier principal pour les projets Vite).
  • 404.html (Fichier de routage des erreurs 404, optionnel).

​
🖥️ Préparer le projet

Avant d’héberger votre projet sur Square Cloud, vérifiez d’abord que les fichiers du projet sont correctement configurés pour l’hébergement.

​
📤 Comment héberger votre projet

Maintenant que vous avez préparé tous les fichiers de votre projet HTML/CSS, l’étape suivante consiste à les téléverser sur Square Cloud et à mettre votre application en ligne. Il existe plusieurs façons de téléverser, mais nous en couvrirons deux : via le Dashboard ou via la CLI.

​
Via le tableau de bord

1

Accéder à la page d'upload

Accédez à la page d’upload et téléversez le fichier zip de votre projet.
2

Configurer votre environnement

Après avoir téléversé votre zip, vous devrez configurer le nom, le fichier principal ou l’environnement d’exécution ainsi que d’autres paramètres de votre projet.
Si vous téléversez un projet web, veillez à sélectionner « Publication Web » et à définir un sous-domaine pour votre projet.
3

Déployer votre projet

Enfin, cliquez sur le bouton « Deploy » pour héberger votre projet sur Square Cloud.
Une fois le déploiement effectué, vous pouvez suivre l’état et les logs de votre projet depuis le tableau de bord.
Téléversement d'une application vers Square Cloud

​
Via la CLI

Pour utiliser cette méthode, vous devez créer un fichier de configuration nommé squarecloud.app à la racine de votre projet. Ce fichier contiendra la configuration nécessaire à votre projet.

En savoir plus : comment créer le fichier de configuration pour Square Cloud.

Le fichier squarecloud.app est un fichier de configuration qui servira à configurer votre application ; il sera utilisé pour définir votre environnement.
1

Installer la CLI

Tout d’abord, vous devez avoir la CLI installée dans votre environnement. Si ce n’est pas encore le cas, exécutez la commande suivante dans votre terminal :
npm install -g @squarecloud/cli
Si vous l’avez déjà, nous vous recommandons de la mettre à jour. Pour cela, exécutez la commande suivante dans votre terminal :
squarecloud update
2

S'authentifier

Maintenant, pour vous authentifier et utiliser les autres commandes de la CLI, vous trouverez votre clé d’autorisation ici en cliquant sur « Request API Key ». Après avoir obtenu votre clé d’autorisation, exécutez la commande suivante :
squarecloud auth login
3

Téléverser votre projet

Enfin, pour déployer votre application sur Square Cloud à l’aide de la CLI, vous devez exécuter la commande suivante :
squarecloud upload
Ou si vous avez créé le zip manuellement, vous pouvez utiliser :
squarecloud upload --file <path/to/zip>

​
Contactez-nous

Si vous rencontrez toujours des difficultés techniques, notre équipe de support spécialisée est disponible pour vous aider. Contactez-nous et nous serons ravis de vous aider à résoudre tout problème.