Zum Hauptinhalt springen

​
🚀 Einführung

  • Stelle vor dem Start sicher, dass du einen geeigneten Texteditor zum Erstellen von HTML- und CSS-Dateien hast. Wir empfehlen Visual Studio Code oder einen beliebigen anderen Editor deiner Wahl.
  • Anschließend musst du ein Konto bei Square Cloud erstellen, was über die Anmeldeseite möglich ist. Du kannst das Konto per E-Mail, GitHub oder beidem erstellen.
  • Zuletzt benötigst du einen aktiven kostenpflichtigen Plan in deinem Konto. Du kannst unsere Pläne ansehen und einen passenden hier erwerben.
Square Cloud bietet native Unterstützung für statische Projekte, wie zum Beispiel HTML/CSS-Seiten. Das bedeutet, dass du dein HTML, CSS und andere statische Ressourcen problemlos auf der Plattform hosten kannst. Dank des integrierten Premium-CDN werden deine Seiten schnell an Nutzer weltweit ausgeliefert.
Wenn du deine Anwendung über die Square-Cloud-Website hochlädst, kannst du den folgenden Abschnitt ignorieren. Die Website erstellt die Konfigurationsdatei squarecloud.app automatisch für dich.

​
📄 Erforderliche Dateien

  • index.html (Beispiel für eine Hauptdatei).
  • vite.html (Beispiel für eine Hauptdatei bei Vite-Projekten).
  • 404.html (Datei für die Weiterleitung bei 404-Fehlern, optional).

​
🖥️ Das Projekt vorbereiten

Bevor du dein Projekt auf Square Cloud hostest, prüfe zunächst, ob die Projektdateien korrekt für das Hosting konfiguriert sind.

​
📤 So hostest du dein Projekt

Nachdem du nun alle Dateien für dein HTML/CSS-Projekt vorbereitet hast, besteht der nächste Schritt darin, sie auf Square Cloud hochzuladen und deine Anwendung online zu stellen. Es gibt mehrere Möglichkeiten zum Hochladen, wir behandeln jedoch zwei: über das Dashboard oder über die CLI.

​
Über das Dashboard

1

Upload-Seite aufrufen

Rufe die Upload-Seite auf und lade die ZIP-Datei deines Projekts hoch.
2

Umgebung konfigurieren

Nachdem du deine ZIP-Datei hochgeladen hast, musst du den Namen, die Hauptdatei oder Runtime-Umgebung und weitere Einstellungen für dein Projekt konfigurieren.
Wenn du ein Web-Projekt hochlädst, achte darauf, “Web Publication” auszuwählen und deinem Projekt eine Subdomain zuzuweisen.
3

Projekt bereitstellen

Klicke abschließend auf die Schaltfläche “Deploy”, um dein Projekt auf Square Cloud zu hosten.
Nach dem Deploy kannst du den Status und die Logs deines Projekts über das Dashboard überwachen.
Anwendung wird auf Square Cloud hochgeladen

​
Über die CLI

Um diese Methode zu nutzen, musst du eine Konfigurationsdatei mit dem Namen squarecloud.app im Stammverzeichnis deines Projekts erstellen. Diese Datei enthält die notwendige Konfiguration für dein Projekt.

Mehr erfahren: So erstellst du die Konfigurationsdatei für Square Cloud.

Die Datei squarecloud.app ist eine Konfigurationsdatei, mit der deine Anwendung konfiguriert wird; sie dient dazu, deine Umgebung zu definieren.
1

CLI installieren

Zuerst musst du die CLI in deiner Umgebung installiert haben. Falls du sie noch nicht hast, führe den folgenden Befehl in deinem Terminal aus:
npm install -g @squarecloud/cli
Falls du sie bereits hast, empfehlen wir, sie zu aktualisieren. Führe dazu den folgenden Befehl in deinem Terminal aus:
squarecloud update
2

Authentifizieren

Um dich zu authentifizieren und weitere CLI-Befehle zu nutzen, findest du deinen Autorisierungsschlüssel hier, indem du auf “Request API Key” klickst. Nachdem du deinen Autorisierungsschlüssel erhalten hast, führe den folgenden Befehl aus:
squarecloud auth login
3

Projekt hochladen

Um deine Anwendung schließlich über die CLI auf Square Cloud bereitzustellen, musst du den folgenden Befehl ausführen:
squarecloud upload
Oder falls du die ZIP-Datei manuell erstellt hast, kannst du Folgendes verwenden:
squarecloud upload --file <path/to/zip>

​
Kontaktiere uns

Falls du weiterhin technische Schwierigkeiten hast, steht dir unser spezialisiertes Support-Team zur Verfügung. Kontaktiere uns und wir helfen dir gerne, jedes Problem zu lösen.