A e dini se mund të zhvilloni shtesa dhe aplikacione për Hapësira e punës e Google?
Me pak njohuri për kodimin, mund të krijoni mjete për të ndihmuar në lehtësimin e jetës suaj të punës. Në këtë artikull, ne do t'ju udhëzojmë në procesin e krijimit të një shtesë ose aplikacioni bazë.
Le të fillojmë!
Hapat për të zhvilluar shtesat dhe aplikacionet e Google Workspace
1. Zgjidhni mjetin e duhur për punën
Hapi i parë është të vendosni nëse dëshironi të zhvilloni një shtesë apo një aplikacion. Mënyra më e mirë për të përcaktuar se cila do të funksionojë më mirë për ju është të mendoni për atë që dëshironi të bëni, sa kohë keni në dispozicion për të përfunduar projektin dhe nivelin e njohurive që keni në lidhje me kodimin.
Nëse sapo po filloni, përdorni mjetin e shtesave të Google. Nëse keni punuar më parë me JavaScript, shkoni përpara dhe shikoni Ndërtuesin e Shtesave të Skripteve të Google Apps.
2. Krijoni mjedisin tuaj të zhvillimit
Tani që keni vendosur se cilin mjet dëshironi të përdorni, është koha për të konfiguruar mjedisin tuaj të zhvillimit. Kjo përfshin instalimin e softuerit të nevojshëm dhe vendosjen e disa skedarëve bazë të konfigurimit. Procesi i konfigurimit do të ndryshojë në varësi të mjetit që përdorni.
Nëse jeni duke zhvilluar një aplikacion, do t'ju nevojiten sa vijon:
Redaktori i skriptit të aplikacionit
Nëse jeni duke zhvilluar një skript për një Shtesë të Aplikacioneve Google, përdorni redaktuesin e Skripteve të aplikacionit të Google; nëse jeni duke punuar me aplikacione në G Suite, përdorni Google Sheets.
Për të hyrë në redaktuesin e skripteve të aplikacionit Google, krijoni një dokument të ri në Google Docs dhe hapni skriptet e aplikacionit nga skeda e shtesave. Do të duket kështu:
Skripti i aplikacionit CLI
Veglat e Zhvilluesve të Chrome kanë përfshirë një ndërfaqe të linjës së komandës (CLI) që ju lejon të kontrolloni skriptin e "Aplikacioneve të Google" drejtpërdrejt nga linja juaj e komandës.
Një llogari Google
Do t'ju duhet një llogari Google për të hyrë në Google Apps dhe të gjitha shërbimet e tyre. Ju do ta përdorni këtë llogari kur të instaloni Google Chrome në pajisjen tuaj të zhvillimit dhe të identifikoheni me llogarinë tuaj të Google në mënyrë që makina juaj e zhvillimit të lidhet me llogarinë tuaj të Google.
E njëjta gjë vlen edhe për shtesat.
3. Shkruani disa kode!
Tani është koha për të filluar kodimin. Specifikat do të varen nga mjeti që po përdorni, por në përgjithësi, do t'ju duhet të shkruani disa HTML, CSS dhe JavaScript. Mund të lexoni se si ta bëni këtë me çdo redaktues teksti ose IDE (mjedis i integruar zhvillimi).
Pasi të keni shkruar kodin tuaj, mund ta provoni atë në shfletues ose në një pajisje (telefon, tablet ose kompjuter) që funksionon në Play Store.
HTML
HyperText Markup Language (HMTL) përdoret për të gjeneruar faqe në internet. Faqja përbëhet nga elementë dhe etiketa HTML. HTML është një gjuhë shënjimi që përcakton se si duket faqja juaj e internetit dhe çfarë përmbajtje do të shfaqet kur njerëzit të shikojnë faqen.
Ju mund të gjeneroni një skedar të ri HTML në Skriptin e aplikacionit Google si kjo:
Për të bërë një aplikacion efektiv, do të përdorni HTML për të përcaktuar strukturën e aplikacionit, për të krijuar butona dhe të tjera Ndërfaqja e përdoruesit elementet dhe shfaqni të dhënat nga databaza juaj.
HTML për aplikacionin tuaj duhet të shkruhet brenda një etikete, e cila rrethon të gjithë përmbajtjen në aplikacionin tuaj. Për të parë se si funksionon HTML për një aplikacion, mund të krijoni një projekt të ri duke zgjedhur Skedar > Projekt i ri. Zgjidhni opsionin Web App.
CSS
Fletët e stileve Cascading përdoren për të aplikuar një stil në elementët HTML në aplikacionin tuaj. Mënyra më e mirë për të parë se si duket CSS është të vizitoni Veglat e Zhvilluesve në Chrome ose Firefox. Pasi të hapni Veglat e Zhvilluesit, klikoni butonin "Ndrysho shiritin e veglave të pajisjes" ose shkruani "Control + I" për të kaluar midis modalitetit celular dhe desktop. Pastaj zgjidhni pamjen Design.
Bibliotekat CSS dhe JavaScript mund të përdoren duke përdorur biblioteka të tjera, falë Skriptit të Aplikacioneve. Një ilustrim se si të lidheni me bibliotekën JQuery në seksionin e kokës është paraqitur më poshtë.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Do të shihni HTML-në bazë për aplikacionin tuaj, së bashku me vetitë e stilimit të aplikuara në të. Kur aplikacioni hapet, vetitë e stilimit gjithashtu hyjnë në fuqi. Megjithatë, nëse stili aplikohet në elementin e gabuar, rezultati mund të mos duket shumë i mirë.
JavaScript
JavaScript është një gjuhë programimi që shton veçori më dinamike në aplikacionin tuaj. Për shembull, JavaScript ju lejon të shtoni ndërveprim në një faqe interneti. JavaScript zakonisht përfshihet në skedarët e projektit tuaj kur krijoni një aplikacion të ri. Nëse dëshironi të shtoni JavaScript shtesë në aplikacionin tuaj, mund ta bëni këtë duke shtuar më shumë skedarë në projektin tuaj.
Është për të kuptuar se si funksionon JavaScript sepse ju lejon të krijoni kod të sofistikuar personal që mund të ekzekutohet brenda Google Docs.
Për të krijuar një shtesë, së pari, duhet të zhvilloni JavaScript-in e nevojshëm për të krijuar një veçori ndërvepruese në aplikacionin tuaj. Ju gjithashtu duhet të dini për disa API të rëndësishme të Google, të tilla si biblioteka JavaScript e përdorur nga Google Docs për të krijuar formatimin e tekstit të pasur, API-ja e Listës së Dokumenteve për të tërhequr listat e dokumenteve, shërbimi i "Diskut" për qasjen në skedarët e ruajtur në serverët e Google dhe "Disku". shërbim për ngarkimin e skedarëve.
Ju mund të përdorni shumicën e këtyre API-ve kur krijoni një shtesë për Google Docs. Megjithatë, mund t'ju duhet të ndryshoni bibliotekën JavaScript të aplikacionit ose pjesë të tjera. Për shembull, biblioteka JavaScript nuk ekspozon API-në e Listës së Dokumenteve, kështu që ju duhet të zbatoni logjikën për të kërkuar vetë një listë dokumentesh.
Për më tepër, biblioteka JavaScript përmban vetëm një nëngrup të vogël funksionesh, kështu që mund t'ju duhet të shkruani funksionet tuaja për të krijuar ndërveprime më të pasura.
Është e rëndësishme të testoni dhe korrigjoni çdo kod që shkruani për t'u siguruar që ai do të funksionojë siç duhet. Për shkak se një shtesë është e integruar brenda aplikacionit, mund të përdorni mjetet normale të korrigjimit të JavaScript që gjenden në faqet e internetit.
4. Testoni dhe publikoni shtesën ose aplikacionin tuaj
Pasi të keni shkruar kodin tuaj, është koha për ta testuar atë. Kjo është e rëndësishme për t'u siguruar që shtesa ose aplikacioni juaj funksionon siç është menduar. Testimi i shtesës ose aplikacionit tuaj siguron që kodi është i fortë dhe se keni mbuluar çdo skenar të mundshëm.
Në fund të fundit, ju nuk dëshironi të shpenzoni orë të tëra duke zhvilluar diçka vetëm për të kuptuar se kishte një gabim në kod pasi përdoruesi juaj e merr atë. Pasi të jeni të kënaqur me punën tuaj, vazhdoni dhe publikojeni në sajtin e Workspace Labs.
Mund të ngarkoni ose shtesën ose aplikacionin e publikuar drejtpërdrejt, ose të lidheni me një kopje në Google Drive.
Lini një Përgjigju