Jeste li znali da možete razviti dodatke i aplikacije za Googleov radni prostor?
Uz malo znanja o kodiranju, možete stvoriti alate koji će vam olakšati radni život. U ovom članku ćemo vas provesti kroz proces stvaranja osnovnog dodatka ili aplikacije.
Započnimo!
Koraci za razvoj Google Workspace dodataka i aplikacija
1. Odaberite pravi alat za posao
Prvi korak je odlučiti želite li razviti dodatak ili aplikaciju. Najbolji način da odredite koji će vam najbolje odgovarati je da razmislite o tome što želite raditi, koliko vremena imate na raspolaganju da dovršite projekt i razinu znanja koju imate o kodiranju.
Ako tek počinjete, koristite alat Google Add-ons. Ako ste već radili s JavaScriptom, samo naprijed i provjerite Google Apps Script Add-on Builder.
2. Postavite svoje razvojno okruženje
Sada kada ste odlučili koji alat želite koristiti, vrijeme je da postavite svoje razvojno okruženje. To uključuje instaliranje potrebnog softvera i postavljanje nekih osnovnih konfiguracijskih datoteka. Postupak postavljanja razlikovat će se ovisno o alatu koji koristite.
Ako razvijate aplikaciju, trebat će vam sljedeće:
App Script Editor
Ako razvijate skriptu za Google Apps dodatak, koristite uređivač Google Apps Scripts; ako radite s aplikacijama na G Suiteu, koristite Google tablice.
Da biste pristupili uređivaču skripti aplikacije Google, izradite novi dokument u Google dokumenti i otvorite skripte aplikacije na kartici proširenja. Izgledat će ovako:
App Script CLI
Chromeovi alati za razvojne programere uključili su sučelje naredbenog retka (CLI) koje vam omogućuje da kontrolirate Google Apps skriptu izravno iz naredbenog retka.
Google račun
Trebat će vam Google račun za pristup Google Apps i svim njihovim uslugama. Ovaj ćete račun koristiti kada instalirate Google Chrome na svoj razvojni stroj i prijavite se svojim Google računom tako da vaš razvojni stroj bude povezan s vašim Google računom.
Isto vrijedi i za dodatke.
3. Napišite neki kod!
Sada je vrijeme za početak kodiranja. Specifičnosti će ovisiti o alatu koji koristite, ali općenito, morat ćete napisati nešto HTML-a, CSS-a i JavaScript. Možete pročitati o tome kako to učiniti s bilo kojim uređivačem teksta ili IDE-om (integrirano razvojno okruženje).
Nakon što napišete svoj kod, možete ga testirati u pregledniku ili na uređaju (telefonu, tabletu ili računalu) na kojem je pokrenuta Trgovina Play.
HTML
HyperText Markup Language (HMTL) koristi se za generiranje web stranica. Stranica se sastoji od HTML elemenata i oznaka. HTML je označni jezik koji definira kako vaša web stranica izgleda i koji će sadržaj biti prikazan kada ljudi pregledaju stranicu.
Možete generirati novu HTML datoteku u Google App Scriptu ovako:
Da biste napravili učinkovitu aplikaciju, upotrijebit ćete HTML za definiranje strukture aplikacije, stvaranje gumba i drugo korisničko sučelje elemente i prikaz podataka iz vaše baze podataka.
HTML za vašu aplikaciju trebao bi biti napisan unutar oznake koja okružuje sav sadržaj u vašoj aplikaciji. Da biste vidjeli kako radi HTML za aplikaciju, možete stvoriti novi projekt odabirom Datoteka > Novi projekt. Odaberite opciju Web App.
CSS
Kaskadni listovi stilova koriste se za primjenu stila na HTML elemente u vašoj aplikaciji. Najbolji način da vidite kako CSS izgleda je da posjetite Developer Tools u Chromeu ili Firefoxu. Nakon što otvorite alate za razvojne programere, kliknite gumb alatne trake za prebacivanje uređaja ili upišite control + I za prebacivanje između mobilnog i desktop načina rada. Zatim odaberite prikaz dizajna.
CSS i JavaScript biblioteke mogu se koristiti pomoću drugih biblioteka, zahvaljujući Apps Scriptu. Dolje je prikazana ilustracija povezivanja s bibliotekom JQuery u odjeljku zaglavlja.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Vidjet ćete osnovni HTML za svoju aplikaciju, zajedno sa svojstvima stila primijenjenim na nju. Kada se aplikacija pokrene, svojstva stila također stupaju na snagu. Međutim, ako se stil primijeni na krivi element, rezultat možda neće izgledati baš dobro.
JavaScript
JavaScript je programski jezik koji vašoj aplikaciji dodaje više dinamičkih značajki. Na primjer, JavaScript vam omogućuje dodavanje interaktivnosti web stranici. JavaScript je obično uključen u vaše projektne datoteke kada izradite novu aplikaciju. Ako svojoj aplikaciji želite dodati dodatni JavaScript, to možete učiniti dodavanjem više datoteka u svoj projekt.
Treba razumjeti kako JavaScript funkcionira jer vam omogućuje stvaranje sofisticiranog prilagođenog koda koji se može izvoditi unutar Google dokumenata.
Da biste izradili dodatak, prvo morate razviti JavaScript potreban za stvaranje interaktivne značajke u vašoj aplikaciji. Također morate znati o nekoliko važnih Google API-ja, kao što je JavaScript biblioteka koju Google dokumenti koriste za stvaranje obogaćenog formatiranja teksta, Document List API za dohvaćanje popisa dokumenata, usluga Drive za pristup datotekama pohranjenim na Googleovim poslužiteljima i Drive servis za učitavanje datoteka.
Većini ovih API-ja možete pristupiti kada izradite dodatak za Google dokumente. Međutim, možda ćete morati promijeniti JavaScript biblioteku ili druge dijelove aplikacije. Na primjer, JavaScript biblioteka ne izlaže API popisa dokumenata, tako da morate sami implementirati logiku za postavljanje upita popisu dokumenata.
Osim toga, JavaScript biblioteka sadrži samo mali podskup funkcija, tako da ćete možda morati napisati vlastite funkcije za stvaranje bogatijih interakcija.
Važno je testirati i otkloniti pogreške koda koji napišete kako biste bili sigurni da će ispravno raditi. Budući da je dodatak ugrađen u aplikaciju, možete koristiti uobičajene alate za otklanjanje pogrešaka JavaScripta koji se nalaze na web stranicama.
4. Testirajte i objavite svoj dodatak ili aplikaciju
Nakon što ste napisali svoj kod, vrijeme je da ga testirate. Ovo je važno kako biste osigurali da vaš dodatak ili aplikacija radi kako treba. Testiranje vašeg dodatka ili aplikacije osigurava da je kod solidan i da ste pokrili svaki mogući scenarij.
Uostalom, ne želite provoditi sate razvijajući nešto samo da biste shvatili da postoji greška u kodu nakon što je vaš korisnik dobije. Kada budete zadovoljni svojim radom, samo naprijed i objavite ga na web mjestu Workspace Labs.
Možete izravno prenijeti objavljeni dodatak ili aplikaciju ili se povezati s kopijom na Google disku.
Ostavi odgovor