Ein Platz für deinen Code
Github Codespaces ist ein relativ neues von Github entwickeltes Feature, das Ihnen eine IDE direkt im Browser für Ihre Repositorys bietet. Die zugrundeliegende Technologie basiert auf dem von Microsoft entwickelten „Monaco Editor“. Sie haben vielleicht noch nie vom Monaco Editor gehört, kennen aber eines der darauf aufbauenden Produkte: Microsofts Visual Studio Code!
Da der „Monaco Editor“ rein auf Webtechnologien basiert, kann er sozusagen nativ im Browser verwendet werden. Und da Codespaces von Github entwickelt wird, haben Sie Zugriff auf alle Ihre Repositories, ohne einem Drittunternehmen Zugriff darauf zu gewähren.
Beachten Sie, dass sich „Github Codespaces“ derzeit in der geschlossenen Betaphase befindet, sodass Sie Zugriff erhalten müssen, um es verwenden zu können. Zum Glück bin ich einer der Entwickler, die freigeschaltet wurden, also schauen wir uns dieses aufregende neue Feature an!
Verwendung für reale Apps
Für diesen Artikel habe ich Github-Codespaces mit dem Repository verwendet, das diese sehr fortschrittliche Web-App hostet, die Sie gerade betrachten.
Das Starten des Editors ist denkbar einfach: Navigieren Sie einfach zur „Code“-Ansicht Ihres Repositorys, von wo aus Sie „Mit Codespaces öffnen“ auswählen können. Diese Aktion startet den Editor in einer gehosteten Umgebung unter einer Subdomain auf „github.dev“. Wenn Sie sich mit dem Konto anmelden, das Sie in Visual Studio Code verwenden, um Ihre Einstellungen zu synchronisieren, werden alle Ihre Erweiterungen und Anpassungen automatisch geladen. Alles in allem dauerte das Onboarding und die Zeit, um mit dem Codieren zu beginnen, nur wenige Sekunden, was wirklich beeindruckend ist.
Was Sie erhalten, ist eine vollständige Codierungsumgebung: Alle Verknüpfungen von Visual Studio Code sind auch in Github-Codespaces verfügbar. Das gleiche gilt für die Codevervollständigung, die wirklich gut funktioniert, wenn auch nicht so blitzschnell wie im lokalen Editor.
Sie haben vollen Zugriff auf Ihr Terminal sowie einen vollständigen Dateisystemzugriff! Und die Verwaltung Ihres Repositorys mit git erfolgt zu 100 % auf die gleiche Weise wie in Ihrer lokalen Visual Studio Code-Instanz. Sie können alle bekannten Git-Befehle ausführen, was eine wichtige Funktion bei der Arbeit mit echtem Code ist.
Und was ist mit localhost?
Das hört sich alles sehr schön an, aber können Sie Ihre Anwendung neben der Codierung auch auf localhost ausführen? Ja, das ist absolut möglich und die Art und Weise, wie Github es integriert hat, funktioniert in meiner realen Nutzung sehr gut!
Wenn Sie Ihren localhost starten, erkennt Github Codespaces, was Sie tun möchten, und bietet Ihnen an, einen neuen Tab zu öffnen, auf dem Sie localhost verwenden können. Natürlich ist nicht localhost direkt in der URL verfügbar, sondern eine benutzerdefinierte Site, die von Github Codespaces ad-hoc generiert wurde und unter der Domain „githubpreview.dev“ lebt. Es tunnelt Ihren localhost effektiv zu dieser spezifischen URL, damit Sie ihn für die Entwicklung verwenden können.
Diese URL ist nicht für jeden zugänglich, sodass nur Sie während der Entwicklung Zugriff haben. Um den Proxy-Localhost tatsächlich zu öffnen, müssen Sie mit einem zulässigen Konto angemeldet sein.
Geheimnisse verwalten
Wenn Sie Geheimnisse in Ihren Umgebungsvariablen sicher verwenden möchten, ist dies gut möglich. Gehen Sie einfach zur Einstellungsseite Ihres Githubs und wählen Sie „Codespaces“ aus dem Menü. Dort können Sie die verfügbaren Secrets für die Verwendung in Ihren Repositorys definieren.
Zugriff auf mehr als ein Repository
Eine erweiterte Funktion, die möglicherweise nicht mit Github-Codespaces funktioniert, ist die gleichzeitige Verwendung verschiedener Repos, damit Ihr Dienst funktioniert. Angenommen, Sie verwalten die Repositorys „frontend“ und „api“ und müssen beide lokal ausführen, damit Sie sie entwickeln können. Glücklicherweise unterstützt Github Codespaces diese Funktion sogar. Sie können direkt in Ihren Github-Einstellungen aus den verfügbaren Optionen auswählen.
Fazit
Die Verwendung von Github Workspaces ist eine sehr angenehme Entwicklungserfahrung. Anfangs dachte ich nur daran, es für diesen Artikel zu verwenden, aber nachdem ich etwas Code geschrieben habe, den ich tatsächlich mit meiner Web-App verwenden werde, bin ich mir sicher, dass Github Workspaces eine ernsthafte Alternative zu Ihrer lokalen IDE ist. Da Ihr Arbeitsbereich vollständig in der Cloud gehostet wird, ist die Installation von Abhängigkeiten wahnsinnig schnell. Der Status Ihrer Arbeit bleibt immer so, wie Sie ihn verlassen haben, wodurch zusätzliche Zeit beim Einrichten von Dingen auf neuen Geräten lokal vermieden werden kann. Ich bin sehr angetan von dem Produkt und werde es ab jetzt viel öfter verwenden, besonders wenn ich an schwachen Geräten wie meinem alten MacBook arbeite.
