Přejít na hlavní obsah

Jak nastavit autodoplň GitHub: podrobný průvodce

Automatizace deployova procesu je důležitou součástí vývoje softwaru. Umožňuje výrazně urychlit práci, snížit pravděpodobnost chyb a zvýšit efektivitu vývojového týmu. GitHub poskytuje mnoho možností pro přizpůsobení autodílů, díky kterým můžete automatizovat proces nasazení aplikace na vzdáleném serveru.

V této příručce se krok za krokem podíváme na to, jak nastavit autodoplň pro vaše úložiště na Githubu. Podíváme se na různé způsoby, jak nastavit automatické sestavení a nasazení, a také se podíváme na funkce práce s populárními platformami Cloud, jako je Heroku a AWS.

Klíčovými nástroji, které použijeme v této příručce, jsou Akční a GitHub Pages. Ukážeme vám, jak vytvořit a nakonfigurovat Action workflow pro automatické sestavení a nasazení vaší aplikace při každé komunikaci do úložiště. Také se podíváme na to, jak používat GitHub Pages k nasazení vašeho webu nebo webové aplikace.

Automatizace deployova procesu pomocí autodoplňky GitHub je mocným nástrojem pro zvýšení výkonu a zjednodušení práce vývojového týmu. Pomocí tohoto podrobného průvodce se dozvíte, jak správně nastavit autodoplň pro váš projekt.

Jak automaticky nasadit Projekt na GitHub: podrobný návod

Nasazení projektu na GitHub může být docela únavný úkol, zvláště pokud jde o pravidelné aktualizace a automatické deploy. Pomocí GitHub Actions však můžete nastavit automatické nasazení vašeho projektu tím, že zkrátíte čas a úsilí a zbavíte se nutnosti to dělat ručně.

GitHub Actions poskytuje možnost přizpůsobení různých událostí, jako je push do úložiště, požadavek na sloučení (pull request) nebo podle plánu. To umožňuje spouštět různé skripty a akce v reakci na tyto události.

Chcete-li nastavit automatické nasazení projektu na Githubu, musíte:

  1. Vytvořit soubor workflow ve vašem projektu na Githubu.
  2. Určete událost, na kterou bude akce reagovat (např. push do hlavní větve).
  3. Určete, které akce mají být provedeny, když dojde k události.
  4. Uložit a stáhnout workflow do úložiště.

Po úspěšném nastavení workflow, GitHub Actions automaticky spustí zadané akce, když dojde k dané události. Tímto způsobem bude váš projekt automaticky nasazen na GitHub pokaždé, když jsou nové změny zahrnuty do hlavní větve nebo podle jiných nakonfigurovaných podmínek.

Automatické nasazení projektu na GitHub pomocí GitHub Actions může výrazně zjednodušit a urychlit vaše pracovní postupy a zajistit stabilnější a konzistentnější nasazení vašeho projektu.

Krok 1: Vytvoření úložiště na Githubu

Chcete-li vytvořit nové úložiště, postupujte takto:

  1. Otevřete web GitHub v prohlížeči a přihlaste se ke svému účtu.
  2. Na domovské stránce klikněte na tlačítko "Nový" (vytvořit) umístěné v levém horním rohu.
  3. V okně, které se otevře, zadejte název úložiště do pole "Repository name" (název úložiště).
  4. Volitelně můžete přidat popis úložiště do pole "Description" (Popis).
  5. Vyberte viditelnost úložiště (Public - Public, Private - Private).
  6. Vyberte možnost "Initializace této repository with a README" (inicializovat toto úložiště s README souborem).
  7. Klikněte na tlačítko "Create repository" (vytvořit úložiště).

Gratuluji! Úspěšně jste vytvořili úložiště na Githubu. Nyní jste připraveni přejít k dalšímu kroku-nastavení autodoplňky.

Krok 2: Připojení a konfigurace služby CI / CD

Existuje mnoho populárních CI/CD služeb, jako jsou Travis CI, Jenkins, CircleCI a GitLab CI / CD. V této příručce se podíváme na příklad přizpůsobení autodílů pomocí služby Travis CI, jednoho z nejoblíbenějších a snadno použitelných nástrojů pro CI/CD.

Chcete-li začít, budete si muset vytvořit účet na Travis CI, pokud jej ještě nemáte. Poté budete muset propojit svůj účet GitHub s účtem Travis CI.

Poté budete moci vytvořit nový soubor v kořenech úložiště s názvem .travis.yml . Tento soubor bude obsahovat všechny potřebné pokyny pro sestavení a nasazení vaší aplikace Travis CI.

Příklad obsahu souboru .travis.yml :

language: node_jsnode_js:- "14"script:- npm run builddeploy:provider: herokuapp: your-app-nameapi_key:secure: your-encrypted-api-key

V tomto příkladu jsme vybrali Node.js jako programovací jazyk uvedl verzi Node.js, skript pro sestavení aplikace a také nastavení pro nasazení na Heroku. Měli byste vyměnit " your-app-name "za aktuální název vaší aplikace na Heroku a" your-encrypted-api-key " za šifrovaný klíč Heroku API, který lze získat v nastavení VAŠEHO účtu.

Po uložení souboru .travis.yml a jeho přidání do úložiště na GitHub, Travis CI bude automaticky shromažďovat a nasazovat vaši aplikaci při každé změně v úložišti.

Toto je pouze základní nastavení CI / CD služby. Můžete také nakonfigurovat mnoho dalších možností, jako je testování kódu, spouštění skriptů, upozornění na selhání a další. Pro podrobnější informace se doporučuje přečíst si dokumentaci služby CI/CD, kterou používáte.

Krok 3: Vytvořte konfigurační soubor pro autodeplach

Po úspěšném vytvoření úložiště a nastavení účtu GitHub je nutné vytvořit konfigurační soubor pro automatické uložení vašeho projektu.

1. V kořenové složce vašeho projektu vytvořte nový soubor s názvem .github/workflows/deploy.yml .

2. Otevřete soubor v textovém editoru a přidejte následující kód:

name: Автодеплойon:push:branches:- mainjobs:build:runs-on: ubuntu-lateststeps:- name: Проверка репозиторияuses: actions/checkout@v2- name: Установка зависимостейrun: npm install- name: Сборка проектаrun: npm run build- name: Деплой на серверuses: easingthemes/[email protected]:ssh-private-key: $>ssh-username: $>server-ip: $>remote-dir: /var/www/htmllocal-dir: dist

3. Uložte soubor deploy.yml .

Tento konfigurační soubor používá GitHub Actions, který vám umožňuje automaticky provádět určité akce při určitých událostech, v našem případě - při změně na větev main .

Následuje spuštění několika kroků:

KrokPopis
Kontrola úložištěKlonování úložiště na virtuální počítač GitHub Actions.
Nastavení závislostíInstalace nezbytných závislostí pro váš projekt (např. JavaScript library).
Sestavení projektuSestavení projektu v případě potřeby (např. kompilace a Minifikace kódu).
Deploy na serveruPřenos shromážděného projektu na server do zadané složky.

K provedení deploye se používá další akce easingthemes/[email protected] .. Možnosti specifikují klíče a nastavení serveru, které by měly být přidány do Nastavení Úložiště v části "Secrets".

Gratulujeme! Nyní máte konfigurační soubor, který automaticky deployuje váš projekt, když načte změny ve větvi main .

Krok 4: konfigurace webového háku pro spuštění autodopravy

Chcete-li nastavit webový hák, postupujte podle následujících kroků:

  1. Otevřete úložiště na Githubu a přejděte do sekce "Settings".
  2. V levé nabídce vyberte kartu "Webhooks".
  3. Klikněte na tlačítko "Add webhook".
  4. Do pole "payload URL" zadejte adresu URL vašeho serveru, na které je spuštěn skript pro automatické přehrávání.
  5. Jako formát přenosu dat vyberte "application/json".
  6. Vyberte" Just the push event " jako událost, která způsobí webový hák.
  7. Klepnutím na tlačítko" Add webhook " uložíte nastavení.

Poznámka: Před nastavením webového háku se ujistěte, že je váš server dostupný z internetu a je správně nakonfigurován tak, aby přijímal a zpracovával požadavky od Githubu.

Po konfiguraci webového háku, pokaždé, když se v úložišti GitHub objeví nový commit, bude zaslán požadavek na zadanou webovou adresu a bude spuštěn autodíl, který aktualizuje váš web nebo webovou aplikaci na nejnovější verzi kódu.

Nyní máte nastaveno automatické nasazení Githubu! Gratuluji!

Poznámka: V závislosti na vaší konkrétní situaci a použitých nástrojích se kroky a nastavení mohou mírně lišit, ale základní princip zůstává stejný.

Krok 5: Kontrola a Konfigurace oznámení o stavu deploye

Oznámení o stavu deploye hrají důležitou roli v procesu autodopravy na platformě GitHub. Umožňují vám sledovat pokrok a úspěch deployova kódu. V této části se podíváme na to, jak nastavit a zkontrolovat oznámení o stavu deploye.

  1. Přejděte do Nastavení Úložiště na Githubu.
  2. Vyberte kartu "Webhooks"
  3. Klikněte na tlačítko "Add webhook"
  4. Do pole "payload URL" zadejte adresu URL, kam mají být oznámení odeslána.
  5. Vyberte typ oznámení "application / json".
  6. Vyberte události, které mají odesílat oznámení (např. "push", "pull_request", "deployment").
  7. Pokud je vyžadována další autentizace při přijímání oznámení, zadejte tajný klíč.
  8. Uložte nastavení. GitHub zašle testovací oznámení na uvedenou adresu URL.

Po nastavení a uložení se na stránce nastavení zobrazí seznam oznámení. U každého oznámení můžete zkontrolovat jeho stav a nejnovější podrobnosti. Pokud oznámení nebylo doručeno nebo nebylo ověřeno, zkontrolujte nastavení a opakujte proces nastavení oznámení.

Nyní si můžete být jisti, že budete dostávat oznámení o stavu deploye v reálném čase. Pomohou vám rychle reagovat na problémy, které se objeví, a zajistí hladké a spolehlivé provádění autodílů na Githubu.