Moderní vývoj cloudu s využitím nemovitostí Contoso

Aplikace Contoso Real Estate obsahuje referenční architekturu a komponenty pro vytváření moderních front-endů na podnikové úrovni (nebo mikro front-endů) a aplikací nativních pro cloud. Jedná se o kolekci osvědčených postupů, vzorů architektury a funkčních komponent, které je možné použít k vytváření a nasazování moderních javascriptových aplikací do Azure.

Moderní vývoj cloudu používaný v řešení Real Estate společnosti Contoso zahrnuje nástroje, které vám umožní vyvíjet, ladit, sestavovat, nasazovat a testovat aplikaci.

Vývojářské prostředí

Efektivní a efektivní vývojový tým se rozhodne a konzistentně udržuje vývojové prostředí.

Vývojové kontejnery

Vývojové prostředí musí být stejné pro každého vývojáře ve vašem týmu. Toto prostředí také potřebuje co nejvíce zrcadlit produkční prostředí. Vývojové kontejnery jsou oborovým standardem s podporou komunity, specifikací, nástroji, průvodci a šablonami. Vývojový kontejner by se měl udržovat pro operační systém, jazyky a další nástroje nezbytné pro týmovou efektivitu.

Visual Studio Code poskytuje rychlý podrobný proces vytváření vývojového kontejneru, který obtéká kolem zdrojového kódu a umožňuje psát kód místo psaní kontejnerů. Pokud chcete vyvíjet kontejner, můžete přenést existující kontejner nebo změnit zadaný soubor vývojového kontejneru.

• Contoso Dev Container – devcontainer.json

Prostředí IDE

Integrované vývojové prostředí (IDE) je softwarová aplikace, která vývojářům poskytuje komplexní nástroje a funkce pro efektivnější psaní, testování a ladění kódu. Je navržená tak, aby zjednodušila proces vývoje tím, že konsoliduje různé aspekty vývoje softwaru do jednoho prostředí. V integrovaném vývojovém prostředí IDE v kombinaci s vývojovým kontejnerem umožňuje rychle připojit nové členy týmu a zároveň podporovat zbytek týmu. Všechny změny integrovaného vývojového prostředí (IDE), včetně nastavení, rozšíření a dalších integrací, je možné zadat ve vývojovém kontejneru, aby všichni členové týmu měli stejné prostředí, aniž by museli spoléhat na ruční kroky.

Pro vývojářské týmy pro různé platformy použijte Visual Studio Code:

• Nastavení prostředí pro Visual Studio Code – ./vscode
• Rozšíření sady Visual Studio nainstalovaná v souboru devcontainer.json

Nástroje pro kvalitu kódu

Nástroje pro kvalitu kódu se použijí během vývoje, aby se použily pokyny pro formátování a styl a zachytily potenciální problémy s modulem runtime vynucením standardů kódu. Nástroje pro kvalitu kódu jsou jedinečné programovací jazyk a podporované komunitou, aby se zajistila podpora a průběh. Visual Studio Code poskytuje integraci s běžnými nástroji pro kvalitu kódu.

Společnost Contoso používá následující nástroje pro kvalitu kódu:

• Nastavení TypeScriptu v souboru balíčku tsconfig.json
• Přehlednější nastavení v souboru root package.json.
• ESLint v kořenovém souboru .eslintrc.js

Automatické testování

Vývojové prostředí by mělo vývojáři umožnit rychle napsat kód a otestovat dopad, který má na projekt, aniž by musel nasdílat změny do kanálu sestavení a testování . Visual Studio Code poskytuje integraci s automatizovanými testovacími nástroji. PlayWright slouží k kompletnímu testování, včetně testování prohlížeče a rozhraní API.

Společnost Contoso používá:

• Jest pro testy jednotek
• Playwright for end to end testing

Rozhraní příkazového řádku

Rozhraní příkazového řádku umožňují vývojářům rychle pracovat ve svém vývojovém prostředí a přidávat rozhraní příkazového řádku do všech nástrojů pro automatizaci pro sestavování a nasazování kanálů.

Společnost Contoso používá následující rozhraní CLI:

• Rozhraní příkazového řádku služby Static Web Apps (SWA)
• Rozhraní příkazového řádku základních nástrojů Azure Functions (FUNC)
• Azure Developer CLI (AZD)
• git

Výpočetní prostředky pro vývojáře

Pracovní stanice vývojáře se může nacházet v cloudu nebo jako fyzický počítač. Bez ohledu na to, kde je výpočetní prostředek, snadno integruje komponenty potřebné moderním cloudovým vývojářem.

Codespaces

Codespaces je kontejner pro vývojáře dostupný v úložišti GitHub. Otevřete úložiště v Codespaces, a to buď v prohlížeči, nebo v místním integrovaném vývojovém prostředí (IDE). Začněte okamžitě pracovat ve vašem typickém vývojářském toku, psaní, ladění, testování a nahrazování žádostí o přijetí změn zpět do úložiště GitHub. Codespaces uchovává jakékoli konkrétní změny prostředí, jako jsou proměnné prostředí, instalace závislostí a rozhraní CLI.

Projekt můžete otevřít z GitHubu ve webovém prohlížeči nebo můžete otevřít kontejner z místní verze editoru Visual Studio Code. Oba používají stejný vývoj kontejner.

Cloudové prostředky pro vývojáře

Vývojáři potřebují při vývoji přístup ke cloudovým prostředkům. V závislosti na prostředku se může vývojový tým rozhodnout použít místní emulátor (pokud je k dispozici) nebo použít stejnou infrastrukturu jako soubory kódu k poskytování vývojářských prostředků.

Infrastruktura jako kód s nástroji, jako je Azure Dev CLI (AZD), umožňuje rychle vytvářet a rušit cloudové prostředky.

Tento projekt má soubor kořenové úrovně azure.yml, který definuje logické služby, které je možné nezávisle nasadit. Prostředky podporující jednotlivé služby jsou definovány ve složce infra .

• Složka infra/app definuje, jak se služby Azure konfigurují a spojí dohromady.
• Složka infra/core obsahuje soubory Bicep používané k vytvoření jednotlivých služeb Azure.

Azure Developer CLI (AZD) poskytuje vytváření prostředků pro všechny prostředky nebo pouze logickou službu prostřednictvím azd provision příkazu.

Správa zdrojového kódu, kontinuální integrace a nasazování

Správa zdrojového kódu umožňuje sledovat změny během vývojového cyklu. Společnost Contoso používá git ke správě verzí a GitHubu k ukládání zdrojového kódu.

Kontinuální integrace umožňuje ověřit změny zdrojového kódu před sloučením do hlavní větve. Společnost Contoso používá soubor .github/workflows pro kontinuální integraci.

Nasazení je proces přesunu zdrojového kódu a souvisejících souborů do cloudu. Azure Developer CLI (AZD) poskytuje toto nasazení prostřednictvím azd deploy příkazu.