Знаете ли, че можете да разработвате добавки и приложения за Работно пространство на Google?
С малко познания по кодиране можете да създавате инструменти, които да ви помогнат да улесните работния си живот. В тази статия ще ви преведем през процеса на създаване на основна добавка или приложение.
Да започваме!
Стъпки за разработване на добавки и приложения за Google Workspace
1. Изберете правилния инструмент за работата
Първата стъпка е да решите дали искате да разработите добавка или приложение. Най-добрият начин да определите кой ще работи най-добре за вас е да помислите какво искате да правите, колко време имате на разположение, за да завършите проекта и нивото на знания, които имате по отношение на кодирането.
Ако тепърва започвате, използвайте инструмента Google Add-ons. Ако сте работили с JavaScript преди, продължете и разгледайте Google Apps Script Add-on Builder.
2. Настройте вашата среда за разработка
Сега, след като сте решили кой инструмент искате да използвате, е време да настроите вашата среда за разработка. Това включва инсталиране на необходимия софтуер и настройка на някои основни конфигурационни файлове. Процесът на настройка ще варира в зависимост от инструмента, който използвате.
Ако разработвате приложение, ще ви трябва следното:
Редактор на скриптове за приложения
Ако разработвате скрипт за добавка на Google Apps, използвайте редактора на Google App Scripts; ако работите с приложения в G Suite, използвайте Google Таблици.
За достъп до редактора на скриптове за приложения на Google създайте нов документ в Google Docs и отворете скриптовете на приложението от раздела с разширения. Ще изглежда така:
App Script CLI
Инструментите за разработчици на Chrome включват интерфейс на командния ред (CLI), който ви позволява да контролирате скрипта на Google Apps директно от вашия команден ред.
Профил в Google
Ще ви е необходим акаунт в Google за достъп до Google Apps и всички техни услуги. Ще използвате този акаунт, когато инсталирате Google Chrome на вашата машина за разработка и влезете с вашия акаунт в Google, така че вашата машина за разработка да бъде свързана с вашия акаунт в Google.
Същото важи и за добавките.
3. Напишете малко код!
Сега е време да започнете да кодирате. Спецификата ще зависи от инструмента, който използвате, но като цяло ще трябва да напишете малко HTML, CSS и JavaScript. Можете да прочетете как да направите това с всеки текстов редактор или IDE (интегрирана среда за разработка).
След като напишете своя код, можете да го тествате в браузъра или на устройство (телефон, таблет или компютър), работещо с Play Store.
HTML
HyperText Markup Language (HMTL) се използва за генериране на уеб страници. Страницата се състои от HTML елементи и тагове. HTML е език за маркиране, който определя как изглежда вашата уеб страница и какво съдържание ще се показва, когато хората преглеждат страницата.
Можете да генерирате нов HTML файл в Google App Script по следния начин:
За да направите ефективно приложение, ще използвате HTML, за да дефинирате структурата на приложението, да създавате бутони и други потребителски интерфейс елементи и показване на данни от вашата база данни.
HTML за вашето приложение трябва да бъде написан в таг, който обгражда цялото съдържание в приложението ви. За да видите как работи HTML за приложение, можете да създадете нов проект, като изберете Файл > Нов проект. Изберете опцията за уеб приложение.
CSS
Каскадните стилови таблици се използват за прилагане на стил към HTML елементи във вашето приложение. Най-добрият начин да видите как изглежда CSS е да посетите инструментите за разработчици в Chrome или Firefox. След като отворите Инструменти за разработчици, щракнете върху бутона за превключване на лентата с инструменти на устройството или въведете control + I, за да превключвате между мобилен и настолен режим. След това изберете изгледа за проектиране.
CSS и JavaScript библиотеките могат да се използват с други библиотеки, благодарение на Apps Script. По-долу е показана илюстрация за това как да се свържете с библиотеката JQuery в заглавната секция.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
Ще видите основния HTML за вашето приложение, заедно със свойствата за стил, приложени към него. Когато приложението се стартира, свойствата за стил също влизат в сила. Въпреки това, ако стилът се приложи към грешен елемент, резултатът може да не изглежда много добре.
JavaScript
JavaScript е език за програмиране, който добавя повече динамични функции към вашето приложение. Например JavaScript ви позволява да добавите интерактивност към уеб страница. JavaScript обикновено се включва във вашите проектни файлове, когато създавате ново приложение. Ако искате да добавите допълнителен JavaScript към приложението си, можете да го направите, като добавите още файлове към проекта си.
Целта е да разберете как работи JavaScript, защото ви позволява да създавате сложен персонализиран код, който може да работи в Google Документи.
За да създадете добавка, първо трябва да разработите JavaScript, необходим за създаване на интерактивна функция в приложението ви. Също така трябва да знаете за няколко важни API на Google, като например JavaScript библиотеката, използвана от Google Docs за създаване на форматиране на обогатен текст, API за списък с документи за извличане на списъци с документи, услугата Drive за достъп до файлове, съхранявани на сървърите на Google, и Drive услуга за качване на файлове.
Можете да получите достъп до повечето от тези API, когато създадете добавка за Google Документи. Въпреки това може да се наложи да промените JavaScript библиотеката на приложението или други части. Например библиотеката на JavaScript не излага API на списъка с документи, така че трябва сами да приложите логиката за запитване към списък с документи.
Освен това библиотеката на JavaScript съдържа само малък поднабор от функции, така че може да се наложи да напишете свои собствени функции, за да създадете по-богати взаимодействия.
Важно е да тествате и отстранявате грешки във всеки код, който пишете, за да сте сигурни, че ще работи правилно. Тъй като в приложението е вградена добавка, можете да използвате нормалните инструменти за отстраняване на грешки в JavaScript, които се намират в уебсайтовете.
4. Тествайте и публикувайте вашата добавка или приложение
След като сте написали своя код, е време да го тествате. Това е важно, за да сте сигурни, че вашата добавка или приложение работи по предназначение. Тестването на вашата добавка или приложение гарантира, че кодът е солиден и че сте покрили всеки възможен сценарий.
В края на краищата не искате да прекарвате часове в разработването на нещо само за да разберете, че има грешка в кода, след като вашият потребител го получи. След като сте доволни от работата си, продължете и я публикувайте на сайта на Workspace Labs.
Можете или да качите публикуваната добавка или приложение директно, или да направите връзка към копие в Google Drive.
Оставете коментар