Codespaces από τον Github

IDE ως υπηρεσία, διαθέσιμη στο πρόγραμμα περιήγησής σας

Ένας χώρος για τον κωδικό σας

Το Github Codespaces είναι ένα σχετικά νέο χαρακτηριστικό που αναπτύχθηκε από το Github και σας προσφέρει ένα IDE απευθείας στο πρόγραμμα περιήγησης για τα αποθετήρια σας. Η υποκείμενη τεχνολογία βασίζεται στο "Monaco Editor", που αναπτύχθηκε από τη Microsoft. Μπορεί να μην έχετε ακούσει για το πρόγραμμα επεξεργασίας του Μονακό, αλλά σίγουρα γνωρίζετε ένα από τα προϊόντα που είναι βασισμένο σε αυτόν: τον Visual Studio Code της Microsoft!

Επειδή το "Monaco Editor" βασίζεται αποκλειστικά σε τεχνολογίες ιστού, μπορεί να χρησιμοποιηθεί εγγενώς, για να το πούμε, στο πρόγραμμα περιήγησης. Και επειδή το Codespaces αναπτύχθηκε από την Github, έχετε πρόσβαση σε όλα τα αποθετήρια σας χωρίς να παραχωρήσετε σε τρίτη εταιρεία πρόσβαση σε αυτά.

Λάβετε υπόψη ότι το "Github Codespaces" βρίσκεται προς το παρόν σε κλειστή έκδοση beta, επομένως πρέπει να αποκτήσετε πρόσβαση για να το χρησιμοποιήσετε. Ευτυχώς, είμαι ένας από τους προγραμματιστές που έχει ξεκλειδωθεί, οπότε ας ρίξουμε μια ματιά σε αυτό το συναρπαστικό νέο χαρακτηριστικό!

Χρήση για εφαρμογές πραγματικού κόσμου

Για αυτό το άρθρο, έχω χρησιμοποιήσει το Github Codespaces με το αποθετήριο που φιλοξενεί αυτήν την πολύ προοδευτική εφαρμογή ιστού που εξετάζετε αυτήν τη στιγμή.

Η εκκίνηση του προγράμματος επεξεργασίας είναι τόσο απλή όσο γίνεται: απλώς μεταβείτε στην προβολή "Κώδικας" του αποθετηρίου σας, από όπου μπορείτε να επιλέξετε "Άνοιγμα με Codespaces". Αυτή η ενέργεια ξεκινά το πρόγραμμα επεξεργασίας σε φιλοξενούμενο περιβάλλον κάτω από έναν υποτομέα στο "github.dev". Εάν επιλέξετε να συνδεθείτε με τον λογαριασμό που χρησιμοποιείτε στο Visual Studio Code για να συγχρονίσετε τις ρυθμίσεις σας, όλες οι επεκτάσεις και οι προσαρμογές σας φορτώνονται αυτόματα. Συνολικά, η ενσωμάτωση και ο χρόνος για να ξεκινήσω την κωδικοποίηση χρειάστηκαν μόνο λίγα δευτερόλεπτα, κάτι που είναι πραγματικά εντυπωσιακό.

Image 6d64af0ae95a

Image a8325fe78b0b

Αυτό που λαμβάνετε είναι ένα πλήρες περιβάλλον κωδικοποίησης: όλες οι συντομεύσεις από το Visual Studio Code διατίθενται επίσης στο Github Codespaces. Το ίδιο ισχύει και για την ολοκλήρωση κώδικα, η οποία λειτουργεί πολύ καλά, αν και όχι τόσο γρήγορα όσο στον τοπικό επεξεργαστή.

Image 6cb7fedf63ae

Έχετε πλήρη πρόσβαση στο τερματικό σας καθώς και πλήρη πρόσβαση στο σύστημα αρχείων! Και η διαχείριση του αποθετηρίου σας με git γίνεται 100% με τον ίδιο τρόπο όπως στην τοπική παρουσία κώδικα Visual Studio. Μπορείτε να εκτελέσετε όλες τις γνωστές εντολές git, που είναι ένα σημαντικό χαρακτηριστικό όταν εργάζεστε σε πραγματικό κώδικα.

Και τι γίνεται με το localhost;

Όλα αυτά ακούγονται πολύ ωραία, αλλά εκτός από την κωδικοποίηση, μπορείτε να εκτελέσετε και την εφαρμογή σας στο localhost; Ναι, αυτό είναι απολύτως δυνατό και ο τρόπος με τον οποίο το Github έχει ενσωματώσει λειτουργεί πολύ καλά στην πραγματική μου χρήση!

Όταν ξεκινάτε το localhost, το Github Codespaces εντοπίζει τι θέλετε να κάνετε και σας προσφέρει να ανοίξετε μια νέα καρτέλα όπου μπορείτε να χρησιμοποιήσετε το localhost. Φυσικά, δεν είναι απευθείας το localhost που είναι διαθέσιμο στη διεύθυνση URL, αλλά ένας προσαρμοσμένος ιστότοπος που δημιουργήθηκε από το Github Codespaces ad-hoc και ζει κάτω από τον τομέα "githubpreview.dev". Συντονίζει αποτελεσματικά το localhost σας σε αυτό το συγκεκριμένο URL, ώστε να μπορείτε να το χρησιμοποιήσετε για ανάπτυξη.

Image 3b5575565126

Image 959ec6472b6c

Αυτή η διεύθυνση URL δεν είναι προσβάσιμη για όλους, επομένως μόνο εσείς έχετε πρόσβαση κατά τη διάρκεια της ανάπτυξης. Για να ανοίξετε πραγματικά τον διακομιστή μεσολάβησης localhost, πρέπει να συνδεθείτε με έναν επιτρεπόμενο λογαριασμό.

Διαχείριση μυστικών

Εάν θέλετε να χρησιμοποιήσετε με ασφάλεια τα μυστικά στις μεταβλητές του περιβάλλοντος, αυτό είναι πιθανό να είναι καλά. Απλώς κατευθυνθείτε στη σελίδα ρυθμίσεων του Github και επιλέξτε "Codespaces" από το μενού. Εκεί μπορείτε να ορίσετε τα διαθέσιμα μυστικά που θα χρησιμοποιήσετε στα αποθετήρια σας.

Image 7de2a69a3da6

Πρόσβαση σε περισσότερα από ένα repo

Μια προηγμένη δυνατότητα που ενδέχεται να μην λειτουργεί με το Github Codespaces είναι η χρήση διαφόρων repos ταυτόχρονα για να λειτουργήσει η υπηρεσία σας. Ας υποθέσουμε ότι διαχειρίζεστε τα αποθετήρια "frontend" και "api" και χρειάζεστε και τα δύο να τρέχουν τοπικά για να αναπτυχθείτε. Ευτυχώς, το Github Codespaces υποστηρίζει ακόμη και αυτή τη δυνατότητα. Μπορείτε να επιλέξετε από τις διαθέσιμες επιλογές απευθείας στις ρυθμίσεις Github.

Image de87784a603e

συμπέρασμα

Η χρήση του Github Workspaces είναι μια πολύ ευχάριστη εμπειρία ανάπτυξης. Αρχικά σκέφτηκα να το χρησιμοποιήσω μόνο για αυτό το άρθρο, αλλά αφού γράψω κάποιον κώδικα που θα χρησιμοποιήσω στην εφαρμογή ιστού μου, είμαι σίγουρος ότι το Github Workspaces είναι μια σοβαρή εναλλακτική λύση για το τοπικό σας IDE. Καθώς ο χώρος εργασίας σας φιλοξενείται πλήρως στο cloud, η εγκατάσταση εξαρτήσεων είναι εξαιρετικά γρήγορη. Η κατάσταση της εργασίας σας παραμένει πάντα με τον τρόπο που την αφήσατε, κάτι που μπορεί να αποφύγει τον επιπλέον χρόνο να ρυθμίσετε τα πράγματα σε νέες συσκευές τοπικά. Είμαι πολύ εντυπωσιασμένος με το προϊόν και θα το χρησιμοποιώ πολύ πιο συχνά από τώρα και στο εξής, ειδικά όταν εργάζομαι σε αδύναμες συσκευές όπως το παλιό μου MacBook.

Προτάσεις

Σχετικά

Προσάρτημα

Γλώσσες