Tudtad, hogy bővítményeket és alkalmazásokat fejleszthetsz a Google munkaterület?
Egy kis kódolási tudás birtokában olyan eszközöket hozhat létre, amelyek megkönnyítik a munkahelyi életét. Ebben a cikkben végigvezetjük az alapvető kiegészítők vagy alkalmazások létrehozásának folyamatán.
Lássunk neki!
A Google Workspace-bővítmények és alkalmazások fejlesztésének lépései
1. Válassza ki a munkához megfelelő eszközt
Az első lépés annak eldöntése, hogy bővítményt vagy alkalmazást szeretne fejleszteni. A legjobb módja annak, hogy eldöntse, melyik lesz a legmegfelelőbb az Ön számára, ha átgondolja, hogy mit szeretne csinálni, mennyi idő áll rendelkezésére a projekt befejezéséhez, valamint a kódolás terén meglévő tudásszintje.
Ha még csak most kezdi, használja a Google Kiegészítők eszközt. Ha korábban már dolgozott JavaScripttel, nézze meg a Google Apps Script Add-on Buildert.
2. Állítsa be fejlesztői környezetét
Most, hogy eldöntötte, melyik eszközt szeretné használni, ideje beállítani a fejlesztői környezetet. Ez magában foglalja a szükséges szoftver telepítését és néhány alapvető konfigurációs fájl beállítását. A beállítási folyamat a használt eszköztől függően változhat.
Ha alkalmazást fejleszt, a következőkre lesz szüksége:
App Script Editor
Ha szkriptet fejleszt egy Google Apps-bővítményhez, használja a Google App Scripts szerkesztőt; ha a G Suite alkalmazásokkal dolgozik, használja a Google Táblázatokat.
A Google alkalmazás szkriptszerkesztőjének eléréséhez hozzon létre egy új dokumentumot Google Docs és nyissa meg az alkalmazásszkripteket a bővítmények lapon. Így fog kinézni:
App Script CLI
A Chrome Developer Tools tartalmaz egy parancssori felületet (CLI), amely lehetővé teszi a Google Apps szkript közvetlen vezérlését a parancssorból.
Google -fiók
A Google Apps és az összes szolgáltatás eléréséhez Google-fiókra lesz szüksége. Ezt a fiókot fogja használni, amikor telepíti a Google Chrome-ot fejlesztői gépére, és bejelentkezik Google Fiókjával, így a fejlesztői gépe társítva lesz az Ön Google-fiókjával.
Ugyanez vonatkozik a kiegészítőkre is.
3. Írj valami kódot!
Most itt az ideje elkezdeni a kódolást. A részletek a használt eszköztől függenek, de általában meg kell írnia néhány HTML, CSS és JavaScript. Elolvashatja, hogyan teheti ezt meg bármilyen szövegszerkesztővel vagy IDE-vel (integrált fejlesztői környezet).
Miután megírta a kódot, tesztelheti a böngészőben vagy a Play Áruházat futtató eszközön (telefonon, táblagépen vagy számítógépen).
HTML
A HyperText Markup Language (HMTL) a weboldalak létrehozására szolgál. Az oldal HTML elemekből és címkékből áll. A HTML egy jelölőnyelv, amely meghatározza, hogyan nézzen ki a weboldal, és milyen tartalom jelenjen meg, amikor az emberek megtekintik az oldalt.
A következő módon hozhat létre új HTML-fájlt a Google App Scriptben:
Hatékony alkalmazás létrehozásához HTML-kóddal határozza meg az alkalmazás szerkezetét, hozzon létre gombokat és egyebeket felhasználói felület elemeket, és megjeleníti az adatokat az adatbázisból.
Az alkalmazás HTML-kódját egy címkébe kell írni, amely körülveszi az alkalmazás teljes tartalmát. Ha látni szeretné, hogyan működik egy alkalmazás HTML-kódja, létrehozhat egy új projektet a Fájl > Új projekt menüpontban. Válassza a Webalkalmazás lehetőséget.
CSS
A lépcsőzetes stíluslapok stílusok alkalmazására szolgálnak az alkalmazás HTML-elemeire. A legjobb módja annak, hogy megtudja, hogyan néz ki a CSS, ha felkeresi a Chrome vagy a Firefox fejlesztői eszközeit. Miután megnyitotta a Fejlesztői eszközöket, kattintson a Váltás eszköztár gombra, vagy írja be a control + I billentyűkombinációt a mobil és az asztali mód közötti váltáshoz. Ezután válassza ki a Tervező nézetet.
A CSS- és JavaScript-könyvtárakat az Apps Scriptnek köszönhetően más könyvtárak is használhatják. Az alábbiakban bemutatjuk, hogyan lehet a fejléc részben a JQuery könyvtárhoz kapcsolódni.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Megjelenik az alkalmazás alapvető HTML-kódja, valamint a rá alkalmazott stílustulajdonságok. Amikor az alkalmazás elindul, a stílustulajdonságok is érvénybe lépnek. Ha azonban a stílust nem a megfelelő elemre alkalmazza, előfordulhat, hogy az eredmény nem lesz túl jó.
JavaScript
A JavaScript egy programozási nyelv, amely dinamikusabb funkciókat ad az alkalmazáshoz. Például a JavaScript lehetővé teszi interaktivitás hozzáadását egy weboldalhoz. A JavaScript általában szerepel a projektfájljaiban, amikor új alkalmazást hoz létre. Ha további JavaScriptet szeretne hozzáadni az alkalmazáshoz, ezt úgy teheti meg, hogy további fájlokat ad hozzá a projekthez.
A JavaScript működésének megértéséhez szükséges, mert lehetővé teszi kifinomult egyéni kód létrehozását, amely a Google Dokumentumokban futhat.
Bővítmény létrehozásához először ki kell fejlesztenie a JavaScriptet, amely egy interaktív funkció létrehozásához szükséges az alkalmazásban. Számos fontos Google API-ról is tudnia kell, mint például a Google Dokumentumok által formázott szövegformázás létrehozására használt JavaScript-könyvtár, a dokumentumlisták lekérésére szolgáló Dokumentumlista API, a Google szerverein tárolt fájlok elérésére szolgáló Drive szolgáltatás és a Drive. fájlok feltöltésére szolgáló szolgáltatás.
A legtöbb API-hoz hozzáférhet, ha létrehoz egy bővítményt a Google Dokumentumokhoz. Előfordulhat azonban, hogy módosítania kell az alkalmazás JavaScript-könyvtárát vagy más részeit. Például a JavaScript-könyvtár nem teszi elérhetővé a Dokumentumlista API-t, ezért meg kell valósítania a logikát a dokumentumok listájának lekérdezéséhez.
Ezenkívül a JavaScript-könyvtár a függvényeknek csak egy kis részhalmazát tartalmazza, ezért előfordulhat, hogy saját függvényeket kell írnia a gazdagabb interakciók létrehozásához.
Fontos, hogy minden írt kódot teszteljen és hibakeresést végezzen, hogy megbizonyosodjon arról, hogy megfelelően fut. Mivel egy bővítmény be van ágyazva az alkalmazásba, használhatja a webhelyeken található normál JavaScript-hibakereső eszközöket.
4. Tesztelje és tegye közzé bővítményét vagy alkalmazását
Miután megírta a kódot, itt az ideje, hogy tesztelje. Ez azért fontos, hogy biztosítsa, hogy a bővítménye vagy alkalmazása a rendeltetésszerűen működjön. A bővítmény vagy alkalmazás tesztelése biztosítja, hogy a kód szilárd legyen, és hogy minden lehetséges forgatókönyvet lefedjen.
Végül is nem szeretne órákat tölteni valaminek a fejlesztésével, hogy rájöjjön, hiba van a kódban, miután a felhasználó megkapta azt. Ha elégedett a munkájával, tegye közzé a Workspace Labs webhelyén.
Feltöltheti közvetlenül a közzétett bővítményt vagy alkalmazást, vagy hivatkozhat egy példányra a Google Drive-on.
Hagy egy Válaszol