Поставите Реацт апликацију на Фиребасе помоћу ГитХуб акција

Примена веб апликација на Фиребасе Хостинг може бити гњаважа. Међутим, коришћењем ГитХуб радњи можете да поједноставите и поједноставите процес примене и невероватно је лако управљати радним токовима примене током целог животног века софтвера пројекат.

Са само неколико једноставних корака, можете да подесите ток рада за примену да бисте аутоматизовали процес. Ово укључује праћење нових промена на гранама и евидентирање свих грешака. Читајте даље да бисте сазнали како да примените Реацт апликацију на Фиребасе-овом хостинг сервису.

Шта је ЦИ/ЦД цевовод?

ЦИ/ЦД (Цонтинуоус Интегратион/Цонтинуоус Деливери) цевовод је скуп аутоматизованих процеса који се имплементирају да би се омогућило континуирано креирање, тестирање и примену апликација.

Једноставно речено, ЦИ/ЦД цевовод је постављен да аутоматизује процесе укључене у животни циклус развоја софтвера. Ово ће укључивати стварни развој, тестирање, издања (бета, алфа и коначно издање), исправке грешака, па чак и ажурирања функција. У суштини, овај процес омогућава лаку и брзу испоруку квалитетног софтвера.

ЦИ/ЦД цевовод обично покрива неколико фаза, ово укључује:

1. Фаза извора: Ова фаза покрива стварни развој и одржавање кода апликације помоћу алата за контролу верзија као што је Гит.
2. Фаза изградње: Овај корак саставља изворни код са свим његовим зависностима у извршни формат.
3. Фаза тестирања: Ова фаза укључује аутоматизоване тестове за потврду квалитета софтвера. Крајњи циљ је открити и исправити све грешке. У овој фази можете да извршите различите типове тестова и када код прође тестове, спреман је за примену.
4. Примена: Ова фаза аутоматизује процес примене у производном окружењу.

Цевовод треба да надгледа сваку фазу како би се осигурало да нема грешака и да би се побољшао цео процес за будућа издања.

Шта су ГитХуб акције?

ГитХуб Ацтионс је функција коју пружа ГитХуб за аутоматизацију процеса привођења софтвера у ЦИ/ЦД цевоводима. Омогућава дефинисање и аутоматизацију токова посла директно из ГитХуб спремишта вашег пројекта.

ГитХуб Ацтионс има неколико предности:

1. Једноставан за коришћење: ГитХуб Ацтионс пружа интерфејс прилагођен кориснику и једноставну синтаксу за подешавање радних токова примене. Можете лако и брзо да дефинишете токове рада пројекта користећи уграђени уређивач на ГитХуб-у.
2. Изворна интеграција: ГитХуб Ацтионс је део ГитХуб-а, што олакшава подешавање, управљање и сарадњу на токовима посла заједно са кодом вашег пројекта.
3. Флексибилно и прилагодљиво: ГитХуб Ацтионс пружа флексибилну и прилагодљиву платформу која осигурава да можете изградити токове посла који одговарају вашим специфичним потребама. Поред тога, подржава више програмских језика. Што значи, можете га користити са било којом технологијом коју желите.

Подесите Фиребасе пројекат и Реацт Цлиент

Да бисте започели, пређите на Фиребасе и пријавите се са својим Гоогле налогом. На страници са прегледом конзоле кликните Креирајте пројекат да поставите нови пројекат и наведете назив пројекта.

Следећи, креирајте Реацт апликацију и инсталирајте Фиребасе алате командне линије:

нпм инсталл -г фиребасе-тоолс

Код овог пројекта можете пронаћи у њему ГитХуб спремиште.

Пријавите се на Фиребасе са свог терминала користећи акредитиве свог Фиребасе налога.

фиребасе логин: ци

Ово ће покренути ток Фиребасе аутентификације који ће од вас тражити да унесете своје податке за пријаву ако већ нисте пријављени. Када вас Фиребасе аутентификује, штампаће токен. Копирајте овај токен; користићете га за покретање Фиребасе команди у подешавању ГитХуб Ацтионс.

Коначно, направите верзију апликације спремну за производњу:

нпм рун буилд

Ова команда генерише неопходне датотеке и средства, унутар нове фасцикле 'буилд' у основном директоријуму, потребне за примену апликације.

Иницијализујте Фиребасе у вашој Реацт апликацији

Покрените ову команду да бисте иницијализовали Фиребасе у фасцикли пројекта:

фиребасе инит

Затим потврдите да желите да иницијализујете Фиребасе у свом пројекту и наставите и изаберите Хостинг: Конфигуришите датотеке за Фиребасе хостинг и (опционо) подесите ГитХуб Ацтион имплементацијеса листе опција.

Наведите да желите да користите постојећи пројекат и изаберите назив пројекта који сте првобитно креирали на Фиребасе-овој конзоли за програмере.

Затим наведите фасциклу 'буилд' као јавности именик, изаберите Не да бисте преписали све УРЛ адресе у опцију /индек.хтмл, изаберите Не до опције подешавања аутоматске израде и примене са ГитХуб-а, и на крају, Селецт да да препишете опцију датотеке буилд/индек.хтмл.

Након што изврши горенаведене промене, ЦЛИ ће креирати датотеку фиребасе.јсон у основном директоријуму. Ова датотека садржи сву конфигурацију хостинга која ће бити потребна за радни ток ГитХуб Ацтионс.

Коначно, пре подешавања тока рада ГитХуб Ацтионс, креирајте спремиште на ГитХуб-у, и гурните датотеке пројекта на њега.

Подешавање ГитХуб радњи

У репозиторијуму вашег пројекта на ГитХуб-у изаберите Подешавања > Тајне и варијабле > Акције. На тајној страници спремишта унесите ФИРЕБАСЕ_ТОКЕН као име тајне и налепите у Фиребасе токен који сте копирали у Сецретс поља.

Подесите ток посла за имплементацију

Кликните на картицу Радње у спремишту вашег пројекта и изаберите Конфигуришите Нодејс радни ток у Континуирано интеграција одељак.

Затим преименујте име датотеке у фиребасе.имл, избришите шаблонски код у уређивачу и додајте код испод:

# Овај ток посла ће извршити чисту инсталацију зависности чворова,
# кеширајте/вратите их, направите извор кодирати и покренути тестове на различитим
# верзије чвора
# За више информација погледајте:
# https://docs.github.com/en/actions/automating-builds-and-tests
# /building-and-testing-nodejs
назив: Фиребасе ЦИ
на:
 гурати:
 огранци: [ главни ]
 пулл_рекуест:
 огранци: [главни]
послови:
 изградити:
 ради на: убунту-најновији
 стратегија:
 матрица:
 верзија чвора: [14.к]

 кораци:
 - користи: ацтионс/цхецкоут@в2
 - име: Користи Ноде.јс ${{ матрик.ноде-версион }}
 користи: ацтионс/сетуп-ноде@в1
 са:
 верзија чвора: ${{ матрик.ноде-версион }}
 - покрените: нпм инсталл -г нпм
 - име: нпм инсталирај, направи и тестирај
 рун: |
 нпм инсталл
 нпм рун буилд
 - назив: Арцхиве Буилд
 користи: ацтионс/уплоад-артифацт@в2
 са:
 назив: градити
 пут: изградити

 развити:
 назив: Деплои
 потребе: изградити
 ради на: убунту-најновији
 кораци:
 - користи: ацтионс/цхецкоут@в2
 - назив: Довнлоад Буилд
 користи: ацтионс/довнлоад-артифацт@в2
 са:
 назив: градити
 пут: изградити
 - назив: имплементација у Фиребасе
 користи: в9јдс/фиребасе-ацтион@мастер
 са:
 аргс: деплои --онли хостинг
 енв:
 ФИРЕБАСЕ_ТОКЕН: ${{ тајне. ФИРЕБАСЕ_ТОКЕН }}

Ево неколико објашњених кључних својстава:

1. на: Догађаји који покрећу радње у овом току посла.
2. Послови: Одређује послове које одређена радња треба да покрене. У овом случају постоје два посла: изградња и имплементација.
3. Рунс-он: машина на којој се ова радња мора покренути.
4. Степс: Дефинише редослед корака које ће Акција извршити за одређени посао.
5. Витх:Одређује све аргументе које радње захтевају за покретање.
6. Име: Назив одређеног корака за посао.

На крају, урезујте измене направљене у овој датотеци. ГитХуб ће аутоматски покренути овај радни ток, прављење и постављање Реацт апликације на Фиребасе-овом хостинг сервису. Можете да проверите живу УРЛ адресу апликације у евиденцији примене.

Примена апликација помоћу ГитХуб радњи

ГитХуб Ацтионс пружа поједностављен приступ примени. Осигурава да можете доследно и поуздано да примењујете апликације, без обзира на технологију у којој их уграђујете.

Штавише, можете лако да прилагодите ток рада примене коришћењем уграђених алата за примену како бисте задовољили ваше специфичне потребе ЦИ/ЦД цевовода.