Moderne cloudontwikkeling met Contoso-onroerend goed

De Contoso Real Estate-toepassing bevat de referentiearchitectuur en onderdelen voor het bouwen van moderne samenstelbare front-ends (of micro-front-ends) en cloudeigen toepassingen. Het is een verzameling best practices, architectuurpatronen en functionele onderdelen die kunnen worden gebruikt voor het bouwen en implementeren van moderne JavaScript-toepassingen in Azure.

Moderne cloudontwikkeling die wordt gebruikt in de Contoso Real Estate-oplossing bevat hulpprogramma's waarmee u uw toepassing kunt ontwikkelen, fouten opsporen, bouwen, implementeren en testen.

Ontwikkelomgeving

Een effectief en efficiënt ontwikkelteam besluit een ontwikkelomgeving en houdt deze consistent bij.

Ontwikkelingscontainers

De ontwikkelomgeving moet voor elke ontwikkelaar in uw team hetzelfde zijn. Die omgeving moet ook de productieomgeving zoveel mogelijk spiegelen. Development Containers is de industriestandaard met communityondersteuning, een specificatie, hulpprogramma's, handleidingen en sjablonen. De dev-container moet worden onderhouden voor het besturingssysteem, de talen en andere hulpprogramma's die nodig zijn voor teamefficiëntie.

Visual Studio Code biedt een snel stapsgewijs proces voor het maken van dev-containers om uw broncode te omzeilen, zodat u code kunt schrijven in plaats van containers te schrijven. Als u uw container wilt ontwikkelen, kunt u een bestaande container meenemen of het opgegeven dev-containerbestand wijzigen.

IDE's

Een IDE (Integrated Developer Environment) is een softwaretoepassing die uitgebreide hulpprogramma's en functies biedt aan ontwikkelaars voor het schrijven, testen en foutopsporing van code efficiënter. Het is ontworpen om het ontwikkelingsproces te stroomlijnen door verschillende aspecten van softwareontwikkeling in één omgeving te consolideren. In een IDE van een geïntegreerde ontwikkelomgeving, in combinatie met een ontwikkelcontainer, kunt u snel nieuwe teamleden onboarden terwijl u de rest van het team blijft ondersteunen. Wijzigingen in de IDE, inclusief instellingen, extensies en andere integraties, kunnen worden opgegeven in de dev-container, zodat alle teamleden dezelfde omgeving hebben zonder dat ze handmatig hoeven te vertrouwen.

Gebruik Visual Studio Code voor platformoverschrijdende ontwikkelaarsteams:

  • Omgevingsinstellingen voor Visual Studio Code - ./vscode
  • Visual Studio Extensions geïnstalleerd in devcontainer.json

Hulpprogramma's voor codekwaliteit

Hulpprogramma's voor codekwaliteit worden toegepast tijdens de ontwikkeling om opmaak- en stijlrichtlijnen toe te passen en potentiële runtimeproblemen te ondervangen door codestandaarden af te dwingen. Hulpprogramma's voor codekwaliteit zijn uniek voor de programmeertaal en worden ondersteund met een community om ondersteuning en voortgang te garanderen. Visual Studio Code biedt integratie met de algemene hulpprogramma's voor codekwaliteit.

Contoso gebruikt de volgende hulpprogramma's voor codekwaliteit:

Geautomatiseerd testen

De ontwikkelomgeving moet de ontwikkelaar in staat stellen om snel code te schrijven en de impact die deze heeft op het project te testen zonder de wijzigingen naar de build- en testpijplijn te hoeven pushen. Visual Studio Code biedt integratie met de geautomatiseerde testhulpprogramma's. Gebruik PlayWright voor end-to-end-tests, waaronder browser- en API-tests.

Contoso gebruikt:

CLI's

Met opdrachtregelinterfaces kunnen ontwikkelaars snel in hun ontwikkelomgeving werken en de CLI toevoegen aan automatiseringshulpprogramma's voor het bouwen en implementeren van pijplijnen.

Contoso maakt gebruik van de volgende CDI's:

Compute voor ontwikkelaars

Het werkstation van een ontwikkelaar kan zich in de cloud of als een fysieke machine bevinden. Ongeacht waar de rekenresource zich bevindt, kan eenvoudig de onderdelen worden geïntegreerd die een moderne cloudontwikkelaar nodig heeft.

Codespaces

Codespaces is een ontwikkelaarscontainer die beschikbaar is in uw GitHub-opslagplaats. Open uw opslagplaats in Codespaces, in een browser of uw lokale IDE. Begin onmiddellijk te werken in uw typische ontwikkelaarsstroom, schrijven, foutopsporing, testen en pushen naar de GitHub-opslagplaats. Codespaces behoudt eventuele specifieke wijzigingen in de omgeving, zoals omgevingsvariabelen, installatie van afhankelijkheden en CURI's.

U kunt het project openen vanuit GitHub in een webbrowser of u kunt de container openen vanuit een lokale versie van Visual Studio Code. Beide gebruiken dezelfde dev-container.

Cloudresources voor ontwikkelaars

Ontwikkelaars hebben tijdens het ontwikkelen toegang nodig tot cloudresources. Afhankelijk van de resource kan het ontwikkelteam ervoor kiezen om een lokale emulator te gebruiken (indien beschikbaar) of dezelfde infrastructuur te gebruiken als codebestanden om ontwikkelaarsresources te bieden.

Met infrastructuur als code, met hulpprogramma's zoals Azure Dev CLI (AZD) kunt u snel cloudresources maken en verwijderen.

Dit project heeft een bestand op hoofdniveau, azure.yml, waarmee de logische services worden gedefinieerd, die onafhankelijk kunnen worden geïmplementeerd. De resources die elke service ondersteunen, worden gedefinieerd in de infrastructuurmap .

Azure Developer CLI (AZD) biedt het maken van resources, voor alle resources of alleen een logische service, via de azd provision opdracht.

Broncodebeheer, continue integratie en implementatie

Broncodebeheer biedt de mogelijkheid om wijzigingen bij te houden tijdens de ontwikkelingscyclus. Contoso gebruikt Git om versiebeheer en GitHub te beheren om broncode op te slaan.

Met continue integratie kunnen wijzigingen in broncode worden geverifieerd voordat ze worden samengevoegd in de hoofdbranch . Contoso maakt gebruik van het .github/workflows-bestand voor continue integratie.

Implementatie is het proces van het verplaatsen van broncode en gerelateerde bestanden naar de cloud. Azure Developer CLI (AZD) biedt die implementatie via de azd deploy opdracht.