Jeste li znali da možete razviti dodatke i aplikacije za Google radni prostor?
Uz malo znanja o kodiranju, možete kreirati alate koji će vam olakšati radni život. U ovom članku ćemo vas provesti kroz proces stvaranja osnovnog dodatka ili aplikacije.
Hajde da počnemo!
Koraci za razvoj Google Workspace dodataka i aplikacija
1. Odaberite pravi alat za posao
Prvi korak je da odlučite da li želite da razvijete dodatak ili aplikaciju. Najbolji način da odredite koji će vam najbolje odgovarati je da razmislite o tome šta želite da radite, koliko vremena imate na raspolaganju da završite projekat i nivo znanja koji imate o kodiranju.
Ako tek počinjete, koristite alat Google Add-ons. Ako ste ranije radili sa JavaScript-om, nastavite i pogledajte 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. Ovo uključuje instalaciju potrebnog softvera i postavljanje nekih osnovnih konfiguracijskih datoteka. Proces podešavanja će se razlikovati ovisno o tome koji alat koristite.
Ako razvijate aplikaciju, trebat će vam sljedeće:
Uređivač skripte aplikacije
Ako razvijate skriptu za dodatak za Google Apps, koristite uređivač Google App Scripts; ako radite s aplikacijama na G Suiteu, koristite Google Sheets.
Za pristup uređivaču skripti aplikacije Google, kreirajte novi dokument u Google Docs i otvorite skripte aplikacije sa kartice ekstenzije. To će izgledati ovako:
App Script CLI
Chrome Developer Tools uključuje interfejs komandne linije (CLI) koji vam omogućava da kontrolišete skriptu Google Apps direktno iz komandne linije.
Google račun
Trebat će vam Google račun za pristup Google aplikacijama i svim njihovim uslugama. Koristit ćete ovaj račun kada instalirate Google Chrome na svoj razvojni stroj i prijavite se sa svojim Google računom tako da će vaš razvojni stroj biti povezan s vašim Google računom.
Isto važi 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, CSS i JavaScript. Možete pročitati o tome kako to učiniti s bilo kojim uređivačem teksta ili IDE (integrirano razvojno okruženje).
Nakon što napišete svoj kod, možete ga testirati u pretraživaču ili na uređaju (telefonu, tabletu ili računaru) koji pokreće Play Store.
HTML
HyperText Markup Language (HMTL) se koristi za generiranje web stranica. Stranica se sastoji od HTML elemenata i oznaka. HTML je jezik za označavanje koji definira kako vaša web stranica izgleda i koji će sadržaj biti prikazan kada ljudi pogledaju stranicu.
Možete generirati novu HTML datoteku u Google App Script na sljedeći način:
Da biste napravili efikasnu aplikaciju, koristit ćete HTML da definirate strukturu aplikacije, kreirate dugmad i drugo korisnički interfejs elemente i prikaz podataka iz vaše baze podataka.
HTML za vašu aplikaciju treba biti napisan unutar oznake, koja okružuje sav sadržaj u vašoj aplikaciji. Da biste vidjeli kako funkcionira HTML za aplikaciju, možete kreirati novi projekt odabirom Datoteka > Novi projekt. Odaberite opciju Web App.
CSS
Kaskadni listovi stilova se koriste 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. Kada otvorite alate za programere, kliknite na dugme Prebaci na alatnu traku uređaja ili otkucajte control + I za prebacivanje između mobilnog i desktop režima. Zatim odaberite prikaz dizajna.
CSS i JavaScript biblioteke se mogu koristiti korišćenjem drugih biblioteka, zahvaljujući Apps Script-u. Ilustracija kako se povezati sa JQuery bibliotekom u odeljku zaglavlja prikazana je ispod.
<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 primijenjenih na nju. Kada se aplikacija pokrene, svojstva stila također stupaju na snagu. Međutim, ako se stil primjenjuje na pogrešan element, rezultat možda neće izgledati baš dobro.
JavaScript
JavaScript je programski jezik koji vašoj aplikaciji dodaje više dinamičkih funkcija. Na primjer, JavaScript vam omogućava da web stranici dodate interaktivnost. JavaScript je obično uključen u datoteke vašeg projekta kada kreirate novu aplikaciju. Ako želite dodati dodatni JavaScript u svoju aplikaciju, to možete učiniti dodavanjem više datoteka svom projektu.
Potrebno je razumjeti kako JavaScript funkcionira jer vam omogućava da kreirate sofisticirani prilagođeni kod koji se može pokrenuti unutar Google dokumenata.
Da biste kreirali dodatak, prvo morate razviti JavaScript potreban za kreiranje interaktivne funkcije u vašoj aplikaciji. Također morate znati o nekoliko važnih Google API-ja, kao što je JavaScript biblioteka koju koriste Google dokumenti za kreiranje formatiranja obogaćenog teksta, API za listu dokumenata za preuzimanje lista dokumenata, usluga Drive za pristup datotekama pohranjenim na Googleovim serverima i Drive servis za upload fajlova.
Većini ovih API-ja možete pristupiti kada kreirate dodatak za Google dokumente. Međutim, možda ćete morati promijeniti JavaScript biblioteku aplikacije ili druge dijelove. Na primjer, JavaScript biblioteka ne izlaže API liste dokumenata, tako da morate implementirati logiku da sami upitate listu dokumenata.
Osim toga, JavaScript biblioteka sadrži samo mali podskup funkcija, tako da ćete možda morati napisati vlastite funkcije da biste stvorili bogatije interakcije.
Važno je testirati i otkloniti greške u bilo kojem kodu koji napišete kako biste bili sigurni da će ispravno raditi. Budući da je dodatak ugrađen u aplikaciju, možete koristiti normalne JavaScript alate za otklanjanje grešaka koje 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 funkcionira kako je predviđeno. Testiranje vašeg dodatka ili aplikacije osigurava da je kod solidan i da ste pokrili svaki mogući scenarij.
Na kraju krajeva, ne želite da provodite 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, nastavite i objavite ga na web lokaciji Workspace Labs.
Objavljeni dodatak ili aplikaciju možete direktno prenijeti ili postaviti link na kopiju na Google disku.
Ostavite odgovor