Visste du at du kan utvikle tillegg og apper for Googles arbeidsområde?
Med litt kodekunnskap kan du lage verktøy for å gjøre arbeidslivet ditt enklere. I denne artikkelen vil vi lede deg gjennom prosessen med å lage et grunnleggende tillegg eller app.
La oss komme i gang!
Trinn for å utvikle Google Workspace-tillegg og -apper
1. Velg riktig verktøy for jobben
Det første trinnet er å bestemme om du vil utvikle et tillegg eller en app. Den beste måten å finne ut hvilken som vil fungere best for deg, er å tenke på hva du vil gjøre, hvor mye tid du har tilgjengelig for å fullføre prosjektet og kunnskapsnivået du har angående koding.
Hvis du nettopp har begynt, bruk Google Add-ons-verktøyet. Hvis du har jobbet med JavaScript før, kan du sjekke ut Google Apps Script Add-on Builder.
2. Sett opp utviklingsmiljøet ditt
Nå som du har bestemt deg for hvilket verktøy du vil bruke, er det på tide å sette opp utviklingsmiljøet ditt. Dette innebærer å installere nødvendig programvare og sette opp noen grunnleggende konfigurasjonsfiler. Oppsettprosessen vil variere avhengig av hvilket verktøy du bruker.
Hvis du utvikler en app, trenger du følgende:
App Script Editor
Hvis du utvikler et skript for et Google Apps-tillegg, bruk Google App Scripts-redigeringsprogrammet; hvis du jobber med apper på G Suite, bruk Google Regneark.
For å få tilgang til Google-appens skriptredigering, opprette et nytt dokument i Google Docs og åpne appskriptene fra utvidelsesfanen. Det vil se slik ut:
App Script CLI
Chrome-utviklerverktøyene har inkludert et kommandolinjegrensesnitt (CLI) som lar deg kontrollere Google Apps-skriptet direkte fra kommandolinjen.
En Google -konto
Du trenger en Google-konto for å få tilgang til Google Apps og alle deres tjenester. Du bruker denne kontoen når du installerer Google Chrome på utviklingsmaskinen og logger på med Google-kontoen din slik at utviklingsmaskinen din blir knyttet til Google-kontoen din.
Det samme gjelder tilleggene også.
3. Skriv litt kode!
Nå er det på tide å begynne å kode. Spesifikasjonene vil avhenge av hvilket verktøy du bruker, men generelt må du skrive litt HTML, CSS og Javascript. Du kan lese om hvordan du gjør det med et hvilket som helst tekstredigeringsprogram eller IDE (integrert utviklingsmiljø).
Etter at du har skrevet koden din, kan du teste den i nettleseren eller på en enhet (telefon, nettbrett eller datamaskin) som kjører Play-butikken.
HTML
HyperText Markup Language (HMTL) brukes til å generere nettsider. Siden består av HTML-elementer og tagger. HTML er et markup-språk som definerer hvordan nettsiden din ser ut og hvilket innhold som skal vises når folk ser på siden.
Du kan generere en ny HTML-fil i Google App Script slik:
For å lage en effektiv app, bruker du HTML til å definere appens struktur, lage knapper og annet brukergrensesnitt elementer, og vise data fra databasen din.
HTML for appen din skal skrives inne i en tag, som omgir alt innholdet i appen. For å se hvordan HTML-en for en app fungerer, kan du opprette et nytt prosjekt ved å velge Fil > Nytt prosjekt. Velg alternativet Web App.
CSS
Cascading Style Sheets brukes til å bruke en stil på HTML-elementer i appen din. Den beste måten å se hvordan CSS ser ut er å besøke utviklerverktøyene i Chrome eller Firefox. Når du åpner utviklerverktøyene, klikker du på knappen Veksle enhetsverktøylinje eller skriv kontroll + I for å veksle mellom mobil- og skrivebordsmodus. Velg deretter designvisningen.
CSS- og JavaScript-bibliotekene kan brukes ved å bruke andre biblioteker, takket være Apps Script. En illustrasjon av hvordan du kobler til JQuery-biblioteket i header-delen er vist nedenfor.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Du vil se den grunnleggende HTML-koden for appen din, sammen med stilegenskapene som er brukt på den. Når appen starter, trer også stylingegenskapene i kraft. Men hvis stylingen brukes på feil element, kan det hende resultatet ikke ser veldig bra ut.
Javascript
JavaScript er et programmeringsspråk som legger til mer dynamiske funksjoner i appen din. For eksempel lar JavaScript deg legge til interaktivitet på en nettside. JavaScript er vanligvis inkludert i prosjektfilene dine når du oppretter en ny app. Hvis du vil legge til ekstra JavaScript i appen din, kan du gjøre det ved å legge til flere filer i prosjektet ditt.
Det er for å forstå hvordan JavaScript fungerer fordi det lar deg lage sofistikert tilpasset kode som kan kjøres i Google Dokumenter.
For å lage et tillegg må du først utvikle JavaScriptet som trengs for å lage en interaktiv funksjon i appen din. Du må også vite om flere viktige Google APIer, for eksempel JavaScript-biblioteket som brukes av Google Dokumenter for å lage rik tekstformatering, Document List API for å hente lister over dokumenter, Drive-tjenesten for tilgang til filer som er lagret på Googles servere, og Drive tjeneste for opplasting av filer.
Du får tilgang til de fleste av disse API-ene når du oppretter et tillegg for Google Dokumenter. Det kan imidlertid hende du må endre appens JavaScript-bibliotek eller andre deler. For eksempel viser ikke JavaScript-biblioteket Document List API, så du må implementere logikken for å spørre en liste over dokumenter selv.
I tillegg inneholder JavaScript-biblioteket bare et lite undersett av funksjoner, så du må kanskje skrive dine egne funksjoner for å skape rikere interaksjoner.
Det er viktig å teste og feilsøke all kode du skriver for å sikre at den vil kjøre riktig. Fordi et tillegg er innebygd i appen, kan du bruke de vanlige JavaScript-feilsøkingsverktøyene som finnes på nettsteder.
4. Test og publiser tillegget eller appen din
Når du har skrevet koden din, er det på tide å teste den. Dette er viktig for å sikre at tillegget eller appen din fungerer etter hensikten. Å teste tillegget eller appen din sikrer at koden er solid og at du har dekket alle mulige scenarier.
Tross alt vil du ikke bruke timer på å utvikle noe bare for å innse at det var en feil i koden etter at brukeren din har fått den. Når du er fornøyd med arbeidet ditt, fortsett og publiser det på Workspace Labs-nettstedet.
Du kan enten laste opp det publiserte tillegget eller appen direkte, eller koble til en kopi på Google Disk.
Legg igjen en kommentar