🚀 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.
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.
Nach dem Deploy kannst du den Status und die Logs deines Projekts über das Dashboard überwachen.
4
Bestätige, dass deine App live ist
Dein erstes Deploy dauert in der Regel weniger als eine Minute. Warte im Dashboard, bis der Status deiner Anwendung als “running” angezeigt wird, und prüfe die Logs auf Startfehler.
Wenn du eine Website oder API bereitgestellt hast, öffne
Wenn du eine Website oder API bereitgestellt hast, öffne
https://<deine-subdomain>.squareweb.app in deinem Browser — du solltest sehen, dass deine Anwendung reagiert. Wenn du einen Bot bereitgestellt hast, sende ihm einen Befehl, um zu bestätigen, dass er online ist.
Über die CLI
Um diese Methode zu nutzen, musst du eine Konfigurationsdatei mit dem Namensquarecloud.app im Stammverzeichnis deines Projekts erstellen. Diese Datei enthält die notwendige Konfiguration für dein Projekt.
Leitfaden zur Konfigurationsdatei
Erfahre, wie du die Konfigurationsdatei
squarecloud.app erstellst, die die Umgebung deiner Anwendung definiert.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:Falls du sie bereits hast, empfehlen wir, sie zu aktualisieren. Führe dazu den folgenden Befehl in deinem Terminal aus:
- Windows
- Linux, macOS und WSL
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:
3
Projekt hochladen
Um deine Anwendung schließlich über die CLI auf Square Cloud bereitzustellen, musst du den folgenden Befehl ausführen:Oder falls du die ZIP-Datei manuell erstellt hast, kannst du Folgendes verwenden:
4
Bestätige, dass deine App live ist
Dein erstes Deploy dauert in der Regel weniger als eine Minute. Prüfe den Status und die Logs deiner Anwendung direkt im Terminal:Wenn du eine Website oder API bereitgestellt hast, öffne
https://<deine-subdomain>.squareweb.app in deinem Browser — du solltest sehen, dass deine Anwendung reagiert. Wenn du einen Bot bereitgestellt hast, sende ihm einen Befehl, um zu bestätigen, dass er online ist.