Jak nasadit webovou stránku na Azure

26. 7. 2020 Azure, Programming

V tomto článku vám ukážu a popíšu, jak jednoduché je nasadit webovou stránku na Azure přes Azure App Service a Azure Web App Service pomocí GitHubu a Azure Cloud Shell.

Azure nabízí kvalitní a vysoce škálovatelný web hosting. Já vám ukážu, jak pracovat s Azure Cloud Shell, potažmo Azure CLI a bashem. Celý tento postup vám po pár pokusech nezabere více než pár minut. Proto si také myslím, že je vhodný jak pro začátečníky, protože postup není složitý, tak pro pokročilé programátory, protože šetří čas a dovoluje pracovat rovnou s GitHubem.

Před veškerým tímto postupem musím zmínit, že pro následující kroky je potřeba:

Nasazení na Azure App Service a propojení s GitHubem

Azure provozuje službu Azure Cloud Shell, interaktivní prostředí, které můžete používat skrze váš prohlížeč a používat v něm předinstalované příkazy, aniž byste museli cokoli instalovat na vaše lokální prostředí.

K nastartování Azure Cloud Shellu, následné úpravě kódu a nahrání webu, na kterém vám budu ukazovat tuto funkcionalitu musíte:

  1. Jít na stránku shell.azure.com
  1. V dialogovém okně pro výběr prostředí vybrat „bash“
  1. Zkopírovat příkazy „mkdir quickstart“ a „cd $HOME/quickstart“ z tohoto seznamu.

Poznámka k příkazům „mkdir“ a „cd“. Příkaz „mkdir“, nebo-li zkratka pro „make directory“ vytvoří nový adresář. Příkaz „cd“, se kterým se také můžete setkat jako s „chdir“ je zkratkou pro „change directory“ a přejde do adresáře, který napíšete jako parametr po „cd“.

  1. Vložit je do Cloud Shellu pomocí Ctrl+Shift+V
  2. Stisknout na klávesnici Enter ke spuštění kódu.
  3. Dále pro demonstraci v tomto příkladu zkopírujte tento příkaz „git clone https://github.com/Azure-Samples/html-docs-hello-world.git“ a spusťte ho, opět pomocí klávesy enter.

Nezoufejte, že byste si nemohli nahrát svůj vlastní web. To samozřejmě můžete, stačí jen nahradit náš odkaz za odkaz na váš github projekt s vaší webovou stránkou.

Gratuluji, nahráli jste githubový projekt na Azure App Service, ale ještě nemáte úplně vyhráno, protože aby se k vaší aplikaci dalo přistupovat na internetu, například za pomoci <název domény>.azurewebsites.net musíte zakomponovat Azure Web App Service.

Připojení Azure Web App Service

Teď už stačí jen přejít na adresář, který obsahuje náš zkušební kód a spustit příkat „az webapp up“, kterého význam vám vysvětlím za chvilku. Vzpomenete si, jakým příkazem jsme měnili adresář? Správně, použijete „cd“ takže postup bude následovný.

  1. Začneme příkazem „cd“ a názvem adresáře, ve kterém je náš web, to znamená „cd html-docs-hello-world“ pro náš projekt a stiskneme Enter pro další postup.
  2. Teď přejděme k příkazu „az webapp up„, ten má rovnou několik funkcionalit. První z nich je vytvoření nové skupiny zdrojů, další je vytvoření výchozího plánu služeb a již poslední, třetí, je vytvoření aplikace a její následné pojmenování.
  3. Zatím nám stačí základní parametry „–location“ a „–name„, které udávají lokalitu, ve které bude server, a jméno, pod kterým aplikaci dohledáte na subdoméně azurewebsites.net a v administrátorském panelu na stránkách Microsoft Azure.
  4. Teď vám jen stačí parametry spojit s příkazem a vyjde „az webapp up –location westeurope –name <název vaší aplikace>
  5. Pro rekapitulaci, do bashe tedy napíšete tyto dva příkazy, nejdříve „cd html-docs-hello-world“ stisknete Enter a poté „az webapp up –location westeurope –name <název vaší aplikace>“ a opět spustíte Enterem.
  6. Tento příkaz obvykle zabere několik minut a v mezičase vypíše zajímavé informace ve formátu JSON kódu, které můžou vypadat následovně.
Ukázka výpisu po spuštění příkazu | Zdroj: docs.microsoft.com

App_url vám ukazuje, pod jakým odkazem se na svůj web dostanete. LocationServerfarm říkají zjednodušeně jednu a tu samou věc a to, kde se nachází server, na kterém je váš web hostován. Name je název aplikace. OS značí operační systém, na kterém vaše webová stránka poběží. Resourcegroup je skupina zdrojů, ve které se vaše stránka nachází. Src_path je cesta ke zdroji (vaší stránce). SKU definuje fakturovatelnou sazbu za vaší službu.

Spravujte svou novou webovou aplikaci

Ke správě vaší nově vytvořené aplikaci jděte na portál Azure a v pravém horním rohu vyhledejte App Service a klikněte na něj.

Select App Services in the Azure portal
Ukázka prostředí Azure Portal | Zdroj: docs.microsoft.com

V grafickém rozhraní App Service vyberte svou aplikaci podle názvu, který jste zadávali v konfiguraci.

Portal navigation to Azure app
Ukázka nabídky App Service v Azure Portal | Zdroj: docs.microsoft.com

Po zvolení vaší aplikace můžete vidět přehled vašeho webu, můžete zde dělat základní operace jako procházení detailů, zastavení běhu a opětovný start, restart a kompletní smazání.

App Service blade in Azure portal
Ukázka přehledu aplikace v nabídce App Service v Azure Portal | Zdroj: docs.microsoft.com

Nastavení souborů Cookies

1. Co jsou soubory cookies

Soubory cookies jsou krátké textové soubory, které internetová stránka odešle do vašeho prohlížeče. Umožňují internetové stránce zaznamenat informace o vaší návštěvě, například zvolený jazyk a podobně. Následující návštěva stránek tak pro vás může být snazší a příjemnější. Soubory cookies jsou důležité, neboť bez nich by procházení sítě Internet bylo mnohem složitější. Soubory cookies umožňují lepší využití naší internetové stránky a přizpůsobení jejího obsahu vašim potřebám. Soubory cookies používá téměř každá internetová stránka na světě.

2. Druhy souborů cookies

Relační (tedy dočasné) soubory cookies nám umožňují propojovat vaše jednotlivé aktivity po dobu prohlížení těchto internetových stránek. V okamžiku otevření okna vašeho prohlížeče se tyto soubory vytvoří a po zavření okna vašeho prohlížeče se odstraní.

Trvalé soubory cookies nám pomáhají váš počítač identifikovat, jestliže opětovně navštívíte naši internetovou stránku.

3. Využívání souborů cookies

V souladu s ustanovením § 89 odst. 3 zák. č. 127/2005 Sb., o elektronických komunikacích, v účinném znění, si vás tímto dovolujeme informovat, že naše internetové stránky využívají pro svoji činnost soubory cookies, tedy vaše soubory cookies, včetně trvalých, zpracováváme.

Internetové prohlížeče obvykle obsahují správu souborů cookies. V rámci nastavení vašeho prohlížeče tak pravděpodobně můžete jednotlivé soubory cookies ručně mazat, blokovat či zcela zakázat jejich používání. Pro více informací použijte nápovědu vašeho internetového prohlížeče. Jsou-li cookies povoleny, lze toto nastavení internetového prohlížeče považovat za souhlas se zpracováním osobních údajů.

4. Účel použití souborů cookies

K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookies. Informace o tom, jak náš web používáte, sdílíme se svými partnery působícími v oblasti sociálních médií, inzerce a analýz. Používáním internetových stránek vyjadřujete souhlas propojením následujících služeb: Google Analytics, Google Tag Manager, Facebook Pixel, Microsoft Clarity.

Soubory cookies využíváme, kromě účelu uvedeného v předchozím odstavci, pouze pro měření návštěvnosti webové stránky.

5. Správce osobních údajů

Provozovatelem webové stránky studuj.digital a správcem osobních údajů je společnost: pg-sec s.r.o., sídlem Rybná 716/24, Staré Město, 110 00 Praha 1, identifikační číslo 09580905, zapsaná v obchodním rejstříku Městského soudu v Praze, oddíl C, vložka 338028.

​6. Zásady ochrany osobních údajů

Podrobnější informace o souborech cookies a zpracování tvých osobních údajů najdete v našich Zásadách ochrany osobních údajů.

Nezbytné

Tyto soubory cookie jsou nutné pro základní funkce stránky, a jsou proto vždy povolené. Mezi ně patří soubory cookie, které stránce umožňují si vás zapamatovat při procházení stránky v rámci jedné relace nebo, pokud o ně požádáte, mezi relacemi.

Volitelné

Výkon

Tyto soubory cookie nám pomáhají vylepšovat funkce stránek sledováním využití této webové stránky. V některých případech zrychlují zpracování vašeho požadavku a umožňují nám zapamatovat si vaše vybrané předvolby na stránce. Pokud soubory cookie zakážete, může se tím zhoršit přesnost našich doporučení a zpomalit funkčnost stránek.

Sociální média a relamy

Díky souborům cookies sociálních médií si můžete připojit ke svým sociálním sítím a prostřednictvím sociálních médií sdílet obsah z naší webové stránky. Reklamní soubory cookie (třetích stran) shromažďují informace pro lepší přizpůsobení reklamy tvým zájmům, a to na webových stránkách studuj.digital i mimo ně. V některých případech tyto soubory cookies zpracovávají vaše osobní údaje. Pokud chcete získat více informací o zpracování osobních údajů, přečtěte si naše Zásady ochrany osobních údajů. Pokud zakážete soubory cookies, mohou se zobrazovat reklamy, které méně souvisejí s vašimi zájmy, nebo nebudete moci účinně používat odkazy na Facebook, Instagram či jiné sociální sítě anebo nebudete moci sdílet obsah na sociálnch médiích.