Sabíeu que podeu desenvolupar complements i aplicacions per a? Espai de treball de Google?
Amb una mica de coneixement de codificació, podeu crear eines que us ajudin a facilitar la vostra vida laboral. En aquest article, us explicarem el procés de creació d'un complement o aplicació bàsic.
Comencem!
Passos per desenvolupar complements i aplicacions de Google Workspace
1. Trieu l'eina adequada per al treball
El primer pas és decidir si voleu desenvolupar un complement o una aplicació. La millor manera de determinar quina us funcionarà millor és pensar en què voleu fer, quant de temps teniu disponible per completar el projecte i el nivell de coneixement que teniu respecte a la codificació.
Si tot just esteu començant, feu servir l'eina de complements de Google. Si ja heu treballat amb JavaScript, aneu endavant i consulteu el Creador de complements de Google Apps Script.
2. Configura el teu entorn de desenvolupament
Ara que heu decidit quina eina voleu utilitzar, és hora de configurar el vostre entorn de desenvolupament. Això implica instal·lar el programari necessari i configurar alguns fitxers de configuració bàsics. El procés de configuració variarà en funció de l'eina que utilitzeu.
Si esteu desenvolupant una aplicació, necessitareu el següent:
Editor d'scripts d'aplicacions
Si esteu desenvolupant un script per a un complement de Google Apps, utilitzeu l'editor de Google App Scripts; si esteu treballant amb aplicacions a G Suite, feu servir Fulls de càlcul de Google.
Per accedir a l'editor d'scripts de l'aplicació de Google, creeu un document nou a Google Docs i obriu els scripts de l'aplicació des de la pestanya d'extensions. Es veurà així:
App Script CLI
Les eines per a desenvolupadors de Chrome han inclòs una interfície de línia d'ordres (CLI) que us permet controlar l'script de Google Apps directament des de la vostra línia d'ordres.
Un compte de Google
Necessitareu un compte de Google per accedir a Google Apps i a tots els seus serveis. Utilitzareu aquest compte quan instal·leu Google Chrome a la vostra màquina de desenvolupament i inicieu la sessió amb el vostre compte de Google perquè la vostra màquina de desenvolupament s'associarà amb el vostre compte de Google.
El mateix passa amb els complements també.
3. Escriu algun codi!
Ara és el moment de començar a codificar. Els detalls dependran de l'eina que utilitzeu, però, en general, haureu d'escriure HTML, CSS i JavaScript. Podeu llegir sobre com fer-ho amb qualsevol editor de text o IDE (entorn de desenvolupament integrat).
Després d'haver escrit el codi, podeu provar-lo al navegador o en un dispositiu (telèfon, tauleta o ordinador) amb Play Store.
HTML
HyperText Markup Language (HMTL) s'utilitza per generar pàgines web. La pàgina consta d'elements HTML i etiquetes. HTML és un llenguatge de marques que defineix l'aspecte de la vostra pàgina web i quin contingut es mostrarà quan la gent la vegi.
Podeu generar un fitxer HTML nou a Google App Script d'aquesta manera:
Per fer una aplicació eficaç, utilitzaràs HTML per definir l'estructura de l'aplicació, crear botons i altres interfície d'usuari elements i visualitzeu dades de la vostra base de dades.
L'HTML de la vostra aplicació s'ha d'escriure dins d'una etiqueta, que envolta tot el contingut de la vostra aplicació. Per veure com funciona l'HTML d'una aplicació, podeu crear un projecte nou escollint Fitxer > Projecte nou. Trieu l'opció Aplicació web.
CSS
Els fulls d'estil en cascada s'utilitzen per aplicar un estil als elements HTML de la vostra aplicació. La millor manera de veure com és CSS és visitar les Eines per a desenvolupadors a Chrome o Firefox. Un cop obriu les Eines per a desenvolupadors, feu clic al botó Canvia la barra d'eines del dispositiu o escriviu control + I per canviar entre el mode mòbil i el mode d'escriptori. A continuació, seleccioneu la vista Disseny.
Les biblioteques CSS i JavaScript es poden utilitzar utilitzant altres biblioteques, gràcies a Apps Script. A continuació es mostra una il·lustració de com enllaçar a la biblioteca JQuery a la secció de capçalera.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Veureu l'HTML bàsic de la vostra aplicació, juntament amb les propietats d'estil aplicades. Quan s'inicia l'aplicació, les propietats d'estil també tenen efecte. Tanmateix, si l'estil s'aplica a l'element incorrecte, el resultat pot no semblar molt bo.
JavaScript
JavaScript és un llenguatge de programació que afegeix funcions més dinàmiques a la vostra aplicació. Per exemple, JavaScript us permet afegir interactivitat a una pàgina web. JavaScript s'inclou normalment als fitxers del projecte quan creeu una aplicació nova. Si voleu afegir JavaScript addicional a la vostra aplicació, podeu fer-ho afegint més fitxers al vostre projecte.
És entendre com funciona JavaScript perquè us permet crear un codi personalitzat sofisticat que es pot executar dins de Google Docs.
Per crear un complement, primer, heu de desenvolupar el JavaScript necessari per crear una funció interactiva a la vostra aplicació. També heu de conèixer diverses API de Google importants, com ara la biblioteca de JavaScript utilitzada per Google Docs per crear format de text enriquit, l'API Document List per recuperar llistes de documents, el servei Drive per accedir als fitxers emmagatzemats als servidors de Google i Drive. servei per pujar fitxers.
Podeu accedir a la majoria d'aquestes API quan creeu un complement per a Google Docs. Tanmateix, és possible que hàgiu de canviar la biblioteca de JavaScript de l'aplicació o altres parts. Per exemple, la biblioteca de JavaScript no exposa l'API Document List, de manera que heu d'implementar la lògica per consultar una llista de documents vosaltres mateixos.
A més, la biblioteca JavaScript conté només un petit subconjunt de funcions, de manera que potser haureu d'escriure les vostres pròpies funcions per crear interaccions més riques.
És important provar i depurar qualsevol codi que escriviu per assegurar-vos que s'executi correctament. Com que un complement està integrat a l'aplicació, podeu utilitzar les eines de depuració de JavaScript normals que es troben als llocs web.
4. Proveu i publiqueu el vostre complement o aplicació
Un cop hàgiu escrit el vostre codi, és hora de provar-lo. Això és important per assegurar-vos que el vostre complement o aplicació funcioni com s'ha previst. Provar el vostre complement o aplicació garanteix que el codi sigui sòlid i que hàgiu cobert tots els escenaris possibles.
Al cap i a la fi, no voleu passar hores desenvolupant alguna cosa només per adonar-vos que hi havia un error al codi després que el vostre usuari el rep. Quan estigueu satisfet amb el vostre treball, aneu endavant i publiqueu-lo al lloc de Workspace Labs.
Podeu pujar directament el complement o l'aplicació publicats o enllaçar-ne a una còpia a Google Drive.
Deixa un comentari