Wousst Dir datt Dir Add-ons an Apps entwéckelen kënnt fir Google Aarbechtsberäich?
Mat e bësse Kodéierungskenntnisser kënnt Dir Tools erstellen fir Äert Aarbechtsliewen méi einfach ze maachen. An dësem Artikel wäerte mir Iech duerch de Prozess goen fir e Basis Add-on oder App ze kreéieren.
Looss mer opgefuerdert ginn!
Schrëtt fir Google Workspace Add-ons an Apps z'entwéckelen
1. Wielt déi richteg Tool fir den Job
Den éischte Schrëtt ass ze entscheeden ob Dir en Add-on oder eng App wëllt entwéckelen. De beschte Wee fir ze bestëmmen wat fir Iech am Beschten funktionnéiert ass ze denken wat Dir maache wëllt, wéi vill Zäit Dir zur Verfügung hutt fir de Projet ofzeschléissen an den Niveau vum Wëssen, deen Dir iwwer Kodéierung hutt.
Wann Dir just ufänkt, benotzt de Google Add-ons Tool. Wann Dir virdru mat JavaScript geschafft hutt, gitt vir a kuckt de Google Apps Script Add-on Builder.
2. Ariichten Är Entwécklung Ëmfeld
Elo datt Dir decidéiert hutt wéi ee Tool Dir wëllt benotzen, ass et Zäit Är Entwécklungsëmfeld opzestellen. Dëst beinhalt d'Installatioun vun der néideger Software an d'Astellung vun e puer Basiskonfiguratiounsdateien. De Setupprozess variéiert jee no wéi engem Tool Dir benotzt.
Wann Dir eng App entwéckelt, braucht Dir déi folgend:
App Script Editor
Wann Dir e Skript fir en Google Apps Add-on entwéckelt, benotzt de Google App Scripts Editor; Wann Dir mat Apps op G Suite schafft, benotzt Google Sheets.
Fir Zougang zum Google App Scripts Editor ze kréien, erstellt en neit Dokument an Google dobei an öffnen d'App Scripte vun der Extensiounen Tab. Et wäert esou ausgesinn:
App Script CLI
D'Chrome Entwéckler Tools hunn eng Command Line Interface (CLI) abegraff déi Iech erlaabt Google Apps Skript direkt vun Ärer Kommandozeil ze kontrolléieren.
E Google Kont
Dir braucht e Google Kont fir Zougang zu Google Apps an all hir Servicer. Dir benotzt dëse Kont wann Dir Google Chrome op Ärer Entwécklungsmaschinn installéiert an Iech mat Ärem Google Kont umellt, fir datt Är Entwécklungsmaschinn mat Ärem Google Kont assoziéiert ass.
Datselwecht gëlt och fir d'Add-ons.
3. Schreiwen E puer Code!
Elo ass et Zäit fir ze codéieren. D'Spezifizitéiten hänkt dovun of wéi en Tool Dir benotzt, awer allgemeng musst Dir HTML, CSS an Javascript. Dir kënnt liesen iwwer wéi Dir dat mat all Texteditor oder IDE (integréiert Entwécklungsëmfeld) mécht.
Nodeems Dir Äre Code geschriwwen hutt, kënnt Dir et am Browser testen oder op engem Apparat (Telefon, Tablet oder Computer) deen de Play Store leeft.
HTML
HyperText Markup Language (HMTL) gëtt benotzt fir Websäiten ze generéieren. D'Säit besteet aus HTML Elementer an Tags. HTML ass eng Markupsprooch déi definéiert wéi Är Websäit ausgesäit a wéi en Inhalt gëtt ugewisen wann d'Leit d'Säit kucken.
Dir kënnt eng nei HTML Datei am Google App Script generéieren wéi dës:
Fir eng effektiv App ze maachen, benotzt Dir HTML fir d'Struktur vun der App ze definéieren, Knäppercher an aner ze kreéieren User Interface Elementer, a weist Daten aus Ärer Datebank.
HTML fir Är App soll an engem Tag geschriwwe ginn, deen all Inhalt an Ärer App ëmginn. Fir ze kucken wéi den HTML fir eng App funktionnéiert, kënnt Dir en neie Projet erstellen andeems Dir Datei> Neie Projet wielt. Wielt d'Web App Optioun.
CSS
Cascading Style Sheets gi benotzt fir e Stil op HTML Elementer an Ärer App z'applizéieren. De beschte Wee fir ze kucken wéi CSS ausgesäit ass d'Entwéckler Tools a Chrome oder Firefox ze besichen. Wann Dir d'Entwéckler Tools opmaacht, klickt op de Toggle Apparat Toolbar Knäppchen oder Typ Kontroll + I fir tëscht Handy an Desktop Modus ze wiesselen. Wielt dann d'Design Vue.
D'CSS- a JavaScript-Bibliothéike kënne benotzt ginn andeems Dir aner Bibliothéike benotzt, dank Apps Script. Eng Illustratioun vu wéi Dir mat der JQuery Bibliothéik an der Header Sektioun verlinkt gëtt hei ënnen gewisen.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Dir gesitt d'Basis HTML fir Är App, zesumme mat de Stylingeigenschaften, déi derfir applizéiert ginn. Wann d'App lancéiert, ginn d'Stylingeigenschaften och a Kraaft. Wéi och ëmmer, wann de Styling op dat falscht Element applizéiert gëtt, kann d'Resultat net ganz gutt ausgesinn.
Javascript
JavaScript ass eng Programméierungssprooch déi méi dynamesch Feature fir Är App bäidréit. Zum Beispill, JavaScript léisst Iech Interaktivitéit op eng Websäit addéieren. JavaScript ass normalerweis an Äre Projetdateien abegraff wann Dir eng nei App erstellt. Wann Dir zousätzlech JavaScript op Är App wëllt addéieren, kënnt Dir dat maachen andeems Dir méi Dateien an Äre Projet bäidréit.
Et ass ze verstoen wéi JavaScript funktionnéiert well et Iech erlaabt e sophistikéierte personaliséierte Code ze kreéieren deen a Google Docs lafen kann.
Fir en Add-on ze kreéieren, musst Dir als éischt de JavaScript entwéckelen fir eng interaktiv Feature an Ärer App ze kreéieren. Dir musst och iwwer verschidde wichteg Google APIe wëssen, sou wéi d'JavaScript-Bibliothéik, déi vu Google Docs benotzt gëtt fir räich Textformatéierung ze kreéieren, d'Dokumentlëscht API fir Lëschte vun Dokumenter ze recuperéieren, den Drive Service fir Zougang zu Dateien op Google's Serveren an den Drive ze kréien. Service fir Dateien eropzelueden.
Dir kënnt op déi meescht vun dësen APIen zougräifen wann Dir en Add-on fir Google Docs erstellt. Wéi och ëmmer, Dir musst vläicht d'JavaScript-Bibliothéik vun der App oder aner Deeler änneren. Zum Beispill weist d'JavaScript-Bibliothéik d'Dokumentlëscht API net aus, also musst Dir d'Logik ëmsetzen fir eng Lëscht vun Dokumenter selwer ze froen.
Zousätzlech enthält d'JavaScript-Bibliothéik nëmmen e klengen Ënnerdeel vu Funktiounen, also musst Dir Är eege Funktiounen schreiwen fir méi räich Interaktiounen ze kreéieren.
Et ass wichteg all Code ze testen an ze debuggen deen Dir schreift fir sécherzestellen datt et richteg leeft. Well en Add-on an der App agebonnen ass, kënnt Dir déi normal JavaScript Debugging Tools benotzen déi op Websäiten fonnt gëtt.
4. Test a publizéiert Är Add-on oder App
Wann Dir Äre Code geschriwwen hutt, ass et Zäit et ze testen. Dëst ass wichteg fir sécherzestellen datt Ären Add-on oder App funktionnéiert wéi virgesinn. Testen vun Ärem Add-on oder App garantéiert datt de Code zolidd ass an datt Dir all méiglech Szenario ofgedeckt hutt.
Iwwerhaapt, Dir wëllt net Stonnen verbréngen eppes z'entwéckelen nëmmen fir ze realiséieren datt et e Feeler am Code war nodeems Äre Benotzer et kritt. Wann Dir mat Ärer Aarbecht zefridden sidd, gitt vir a publizéiert se op der Workspace Labs Site.
Dir kënnt entweder de publizéierten Add-on oder App direkt eroplueden oder op eng Kopie op Google Drive verlinken.
Hannerlooss eng Äntwert