Γνωρίζατε ότι μπορείτε να αναπτύξετε πρόσθετα και εφαρμογές για Χώρος εργασίας Google?
Με λίγη γνώση κωδικοποίησης, μπορείτε να δημιουργήσετε εργαλεία που θα σας βοηθήσουν να κάνετε την επαγγελματική σας ζωή πιο εύκολη. Σε αυτό το άρθρο, θα σας καθοδηγήσουμε στη διαδικασία δημιουργίας ενός βασικού πρόσθετου ή μιας εφαρμογής.
Ας ξεκινήσουμε!
Βήματα για την ανάπτυξη πρόσθετων και εφαρμογών Google Workspace
1. Επιλέξτε το κατάλληλο εργαλείο για την εργασία
Το πρώτο βήμα είναι να αποφασίσετε αν θέλετε να αναπτύξετε ένα πρόσθετο ή μια εφαρμογή. Ο καλύτερος τρόπος για να προσδιορίσετε ποιο θα λειτουργήσει καλύτερα για εσάς είναι να σκεφτείτε τι θέλετε να κάνετε, πόσο χρόνο έχετε διαθέσιμο για να ολοκληρώσετε το έργο και το επίπεδο γνώσεων που έχετε σχετικά με την κωδικοποίηση.
Αν μόλις ξεκινάτε, χρησιμοποιήστε το εργαλείο Google Add-ons. Εάν έχετε εργαστεί με JavaScript στο παρελθόν, προχωρήστε και ρίξτε μια ματιά στο Εργαλείο δημιουργίας πρόσθετων σεναρίων Google Apps.
2. Ρυθμίστε το Αναπτυξιακό σας Περιβάλλον
Τώρα που αποφασίσατε ποιο εργαλείο θέλετε να χρησιμοποιήσετε, ήρθε η ώρα να ρυθμίσετε το περιβάλλον ανάπτυξής σας. Αυτό περιλαμβάνει την εγκατάσταση του απαραίτητου λογισμικού και τη ρύθμιση ορισμένων βασικών αρχείων διαμόρφωσης. Η διαδικασία εγκατάστασης θα διαφέρει ανάλογα με το εργαλείο που χρησιμοποιείτε.
Εάν αναπτύσσετε μια εφαρμογή, θα χρειαστείτε τα εξής:
Επεξεργαστής σεναρίων εφαρμογής
Εάν αναπτύσσετε ένα σενάριο για ένα πρόσθετο Google Apps, χρησιμοποιήστε το πρόγραμμα επεξεργασίας σεναρίων εφαρμογών Google. εάν εργάζεστε με εφαρμογές στο G Suite, χρησιμοποιήστε τα Φύλλα Google.
Για πρόσβαση στο πρόγραμμα επεξεργασίας σεναρίων εφαρμογής Google, δημιουργήστε ένα νέο έγγραφο στο Google Docs και ανοίξτε τα σενάρια εφαρμογών από την καρτέλα επεκτάσεις. Θα μοιάζει με αυτό:
Σενάριο εφαρμογής CLI
Τα Εργαλεία προγραμματιστών του Chrome έχουν συμπεριλάβει μια διεπαφή γραμμής εντολών (CLI) που σας επιτρέπει να ελέγχετε το σενάριο των Εφαρμογών Google απευθείας από τη γραμμή εντολών σας.
Λογαριασμός Google
Θα χρειαστείτε έναν λογαριασμό Google για να αποκτήσετε πρόσβαση στις Εφαρμογές Google και σε όλες τις υπηρεσίες τους. Θα χρησιμοποιήσετε αυτόν τον λογαριασμό όταν εγκαταστήσετε το Google Chrome στο μηχάνημα ανάπτυξης και συνδεθείτε με τον Λογαριασμό σας Google, ώστε το μηχάνημα ανάπτυξής σας να συσχετιστεί με τον λογαριασμό σας Google.
Το ίδιο ισχύει και για τα πρόσθετα.
3. Γράψτε λίγο κώδικα!
Τώρα ήρθε η ώρα να ξεκινήσετε την κωδικοποίηση. Οι λεπτομέρειες θα εξαρτηθούν από το εργαλείο που χρησιμοποιείτε, αλλά γενικά, θα χρειαστεί να γράψετε HTML, CSS και το JavaScript. Μπορείτε να διαβάσετε πώς να το κάνετε αυτό με οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου ή IDE (ενσωματωμένο περιβάλλον ανάπτυξης).
Αφού γράψετε τον κωδικό σας, μπορείτε να τον δοκιμάσετε στο πρόγραμμα περιήγησης ή σε μια συσκευή (τηλέφωνο, tablet ή υπολογιστής) που εκτελεί το Play Store.
HTML
Η γλώσσα σήμανσης υπερκειμένου (HMTL) χρησιμοποιείται για τη δημιουργία ιστοσελίδων. Η σελίδα αποτελείται από στοιχεία HTML και ετικέτες. Η HTML είναι μια γλώσσα σήμανσης που καθορίζει την εμφάνιση της ιστοσελίδας σας και το περιεχόμενο που θα εμφανίζεται όταν οι χρήστες βλέπουν τη σελίδα.
Μπορείτε να δημιουργήσετε ένα νέο αρχείο HTML στο Google App Script ως εξής:
Για να δημιουργήσετε μια αποτελεσματική εφαρμογή, θα χρησιμοποιήσετε HTML για να ορίσετε τη δομή της εφαρμογής, να δημιουργήσετε κουμπιά και άλλα διεπαφή χρήστη στοιχεία και εμφάνιση δεδομένων από τη βάση δεδομένων σας.
Το HTML για την εφαρμογή σας θα πρέπει να γράφεται μέσα σε μια ετικέτα, η οποία περιβάλλει όλο το περιεχόμενο της εφαρμογής σας. Για να δείτε πώς λειτουργεί το HTML για μια εφαρμογή, μπορείτε να δημιουργήσετε ένα νέο έργο επιλέγοντας Αρχείο > Νέο έργο. Επιλέξτε την επιλογή Web App.
CSS
Τα Cascading Style Sheets χρησιμοποιούνται για την εφαρμογή ενός στυλ σε στοιχεία HTML στην εφαρμογή σας. Ο καλύτερος τρόπος για να δείτε πώς φαίνεται το CSS είναι να επισκεφτείτε τα Εργαλεία προγραμματιστών στο Chrome ή τον Firefox. Μόλις ανοίξετε τα Εργαλεία προγραμματιστή, κάντε κλικ στο κουμπί Εναλλαγή γραμμής εργαλείων συσκευής ή πληκτρολογήστε control + I για εναλλαγή μεταξύ της λειτουργίας κινητού και επιτραπέζιου υπολογιστή. Στη συνέχεια, επιλέξτε την προβολή σχεδίασης.
Οι βιβλιοθήκες CSS και JavaScript μπορούν να χρησιμοποιηθούν χρησιμοποιώντας άλλες βιβλιοθήκες, χάρη στο Apps Script. Μια απεικόνιση του τρόπου σύνδεσης με τη βιβλιοθήκη JQuery στην ενότητα κεφαλίδας φαίνεται παρακάτω.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Θα δείτε το βασικό HTML για την εφαρμογή σας, μαζί με τις ιδιότητες στυλ που εφαρμόζονται σε αυτήν. Όταν ξεκινήσει η εφαρμογή, ισχύουν και οι ιδιότητες στυλ. Ωστόσο, εάν το στυλ εφαρμοστεί σε λάθος στοιχείο, το αποτέλεσμα μπορεί να μην φαίνεται πολύ καλό.
το JavaScript
Η JavaScript είναι μια γλώσσα προγραμματισμού που προσθέτει πιο δυναμικές δυνατότητες στην εφαρμογή σας. Για παράδειγμα, η JavaScript σάς επιτρέπει να προσθέτετε διαδραστικότητα σε μια ιστοσελίδα. Η JavaScript συνήθως περιλαμβάνεται στα αρχεία του έργου σας όταν δημιουργείτε μια νέα εφαρμογή. Εάν θέλετε να προσθέσετε επιπλέον JavaScript στην εφαρμογή σας, μπορείτε να το κάνετε προσθέτοντας περισσότερα αρχεία στο έργο σας.
Είναι να κατανοήσετε πώς λειτουργεί η JavaScript επειδή σας επιτρέπει να δημιουργείτε εξελιγμένο προσαρμοσμένο κώδικα που μπορεί να εκτελεστεί μέσα στα Έγγραφα Google.
Για να δημιουργήσετε ένα πρόσθετο, πρώτα, πρέπει να αναπτύξετε το JavaScript που απαιτείται για τη δημιουργία μιας διαδραστικής δυνατότητας στην εφαρμογή σας. Πρέπει επίσης να γνωρίζετε πολλά σημαντικά Google API, όπως η βιβλιοθήκη JavaScript που χρησιμοποιείται από τα Έγγραφα Google για τη δημιουργία μορφοποίησης εμπλουτισμένου κειμένου, το Document List API για την ανάκτηση λιστών εγγράφων, την υπηρεσία Drive για πρόσβαση σε αρχεία που είναι αποθηκευμένα στους διακομιστές της Google και το Drive υπηρεσία για τη μεταφόρτωση αρχείων.
Μπορείτε να αποκτήσετε πρόσβαση στα περισσότερα από αυτά τα API όταν δημιουργείτε ένα πρόσθετο για τα Έγγραφα Google. Ωστόσο, ίσως χρειαστεί να αλλάξετε τη βιβλιοθήκη JavaScript της εφαρμογής ή άλλα μέρη. Για παράδειγμα, η βιβλιοθήκη JavaScript δεν εκθέτει το API της λίστας εγγράφων, επομένως πρέπει να εφαρμόσετε τη λογική για να υποβάλετε ερώτημα σε μια λίστα εγγράφων μόνοι σας.
Επιπλέον, η βιβλιοθήκη JavaScript περιέχει μόνο ένα μικρό υποσύνολο συναρτήσεων, επομένως ίσως χρειαστεί να γράψετε τις δικές σας συναρτήσεις για να δημιουργήσετε πλουσιότερες αλληλεπιδράσεις.
Είναι σημαντικό να δοκιμάσετε και να διορθώσετε τυχόν κώδικα που γράφετε για να διασφαλίσετε ότι θα εκτελεστεί σωστά. Επειδή ένα πρόσθετο είναι ενσωματωμένο στην εφαρμογή, μπορείτε να χρησιμοποιήσετε τα κανονικά εργαλεία εντοπισμού σφαλμάτων JavaScript που βρίσκονται σε ιστότοπους.
4. Δοκιμάστε και δημοσιεύστε το πρόσθετο ή την εφαρμογή σας
Αφού γράψετε τον κωδικό σας, ήρθε η ώρα να τον δοκιμάσετε. Αυτό είναι σημαντικό για να διασφαλίσετε ότι το πρόσθετο ή η εφαρμογή σας λειτουργεί όπως προβλέπεται. Η δοκιμή του πρόσθετου ή της εφαρμογής σας διασφαλίζει ότι ο κώδικας είναι σταθερός και ότι έχετε καλύψει κάθε πιθανό σενάριο.
Σε τελική ανάλυση, δεν θέλετε να ξοδεύετε ώρες αναπτύσσοντας κάτι μόνο για να συνειδητοποιήσετε ότι υπήρχε σφάλμα στον κώδικα αφού το λάβει ο χρήστης σας. Μόλις είστε ικανοποιημένοι με την εργασία σας, προχωρήστε και δημοσιεύστε την στον ιστότοπο Workspace Labs.
Μπορείτε είτε να ανεβάσετε απευθείας το δημοσιευμένο πρόσθετο ή την εφαρμογή είτε να συνδέσετε ένα αντίγραφο στο Google Drive.
Αφήστε μια απάντηση