Дали знаевте дека можете да развивате додатоци и апликации за Работно место на Google?
Со малку знаење за кодирање, можете да креирате алатки кои ќе ви помогнат да го олесните вашиот работен живот. Во оваа статија, ќе ве водиме низ процесот на создавање основен додаток или апликација.
Ајде да почнеме!
Чекори за развој на додатоци и апликации на Google Workspace
1. Изберете ја вистинската алатка за работата
Првиот чекор е да одлучите дали сакате да развиете додаток или апликација. Најдобар начин да одредите кој најдобро ќе ви одговара е да размислите што сакате да правите, колку време имате на располагање за да го завршите проектот и нивото на знаење што го имате во врска со кодирањето.
Ако штотуку почнувате, користете ја алатката Google Add-ons. Ако претходно сте работеле со JavaScript, проверете го Изградувачот на додатоци за скрипти на Google Apps.
2. Поставете ја вашата развојна средина
Сега кога одлучивте која алатка сакате да ја користите, време е да ја поставите вашата развојна околина. Ова вклучува инсталирање на потребниот софтвер и поставување на некои основни конфигурациски датотеки. Процесот на поставување ќе се разликува во зависност од тоа која алатка ја користите.
Ако развивате апликација, ќе ви треба следново:
Уредувач на скрипти за апликации
Ако развивате скрипта за додаток на Google Apps, користете го уредникот на Google App Scripts; ако работите со апликации на G Suite, користете Google Sheets.
За да пристапите до уредникот на скрипти на апликацијата Google, креирајте нов документ во Google Docs и отворете ги скриптите за апликации од табулаторот за екстензии. Ќе изгледа вака:
Скрипта за апликација CLI
Алатките за програмери на Chrome вклучија интерфејс за командна линија (CLI) што ви овозможува да ја контролирате скриптата на Google Apps директно од вашата командна линија.
Сметка на Google
Ќе ви треба сметка на Google за да пристапите до Google Apps и сите нивни услуги. Ќе ја користите оваа сметка кога ќе го инсталирате Google Chrome на вашата машина за развој и ќе се најавите со вашата сметка на Google, така што вашата машина за развој ќе биде поврзана со вашата сметка на Google.
Истото важи и за додатоците.
3. Напишете некој код!
Сега е време да започнеме со кодирање. Спецификите ќе зависат од тоа која алатка ја користите, но генерално, ќе треба да напишете некои HTML, CSS и Го вклучите Javascript-. Можете да прочитате како да го направите тоа со кој било уредувач на текст или IDE (интегрирана околина за развој).
Откако ќе го напишете вашиот код, можете да го тестирате во прелистувачот или на уред (телефон, таблет или компјутер) што работи на Play Store.
HTML
Јазикот за означување на хипертекст (HMTL) се користи за генерирање на веб-страници. Страницата се состои од HTML елементи и ознаки. HTML е јазик за обележување кој дефинира како изгледа вашата веб-страница и каква содржина ќе се прикажува кога луѓето ќе ја прегледаат страницата.
Можете да генерирате нова HTML-датотека во скриптата за апликации на Google вака:
За да направите ефикасна апликација, ќе користите HTML за да ја дефинирате структурата на апликацијата, да креирате копчиња и друго кориснички интерфејс елементи и прикажување на податоци од вашата база на податоци.
HTML за вашата апликација треба да биде напишан во ознака, која ја опкружува целата содржина во вашата апликација. За да видите како функционира HTML за апликација, можете да креирате нов проект со избирање Датотека > Нов проект. Изберете ја опцијата Web App.
CSS
Каскадните листови со стилови се користат за примена на стил на HTML елементи во вашата апликација. Најдобар начин да видите како изгледа CSS е да ги посетите Алатките за програмери во Chrome или Firefox. Откако ќе ги отворите Алатките за програмери, кликнете на копчето Префрли ја лентата со алатки на уредот или напишете контрола + 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 Docs.
За да креирате додаток, прво, треба да го развиете JavaScript потребен за да создадете интерактивна функција во вашата апликација. Исто така, треба да знаете за неколку важни API на Google, како што е библиотеката JavaScript што ја користи Google Docs за создавање форматирање на богат текст, API за листа на документи за преземање списоци со документи, услугата Drive за пристап до датотеки складирани на серверите на Google и Диск услуга за поставување датотеки.
Може да пристапите до повеќето од овие API кога креирате додаток за Google Docs. Сепак, можеби ќе треба да ја промените библиотеката JavaScript на апликацијата или други делови. На пример, библиотеката JavaScript не го изложува API-то на Document List, така што мора да ја имплементирате логиката сами да побарате листа на документи.
Дополнително, библиотеката JavaScript содржи само мала подгрупа на функции, па можеби ќе треба да напишете свои функции за да создадете побогати интеракции.
Важно е да го тестирате и дебагирате кодот што го пишувате за да се осигурате дека ќе работи правилно. Бидејќи додатокот е вграден во апликацијата, можете да ги користите вообичаените алатки за дебагирање JavaScript што се наоѓаат на веб-локациите.
4. Тестирајте и објавете го вашиот додаток или апликација
Откако ќе го напишете вашиот код, време е да го тестирате. Ова е важно за да се осигурате дека вашиот додаток или апликација работи како што е планирано. Тестирањето на вашиот додаток или апликација гарантира дека кодот е солиден и дека сте го опфатиле секое можно сценарио.
На крајот на краиштата, не сакате да трошите часови развивајќи нешто само за да сфатите дека има грешка во кодот откако вашиот корисник ќе го добие. Откако ќе бидете задоволни со вашата работа, продолжи и објави ја на страницата Workspace Labs.
Можете или директно да го прикачите објавениот додаток или апликација или да поврзете копија на Google Drive.
Оставете Одговор