Sviluppo cloud moderno con contoso immobiliare

Articolo
11/16/2023

L'applicazione Contoso Real Estate contiene l'architettura di riferimento e i componenti per la creazione di front-end moderni componibili di livello aziendale (o micro-front-end) e applicazioni native del cloud. Si tratta di una raccolta di procedure consigliate, modelli di architettura e componenti funzionali che possono essere usati per compilare e distribuire applicazioni JavaScript moderne in Azure.

Lo sviluppo cloud moderno usato nella soluzione Contoso Real Estate include strumenti che consentono di sviluppare, eseguire il debug, compilare, distribuire e testare l'applicazione.

Ambiente di sviluppo

Un team di sviluppo efficace ed efficiente decide e gestisce in modo coerente un ambiente di sviluppo.

Contenitori di sviluppo

L'ambiente di sviluppo deve essere lo stesso per ogni sviluppatore del team. Tale ambiente deve anche rispecchiare il più possibile l'ambiente di produzione. I contenitori di sviluppo sono gli standard del settore con supporto della community, una specifica, strumenti, guide e modelli. Il contenitore di sviluppo deve essere mantenuto per il sistema operativo, i linguaggi e altri strumenti necessari per l'efficienza del team.

Visual Studio Code offre un rapido processo di creazione di contenitori di sviluppo dettagliato per eseguire il wrapping del codice sorgente, consentendo di scrivere codice invece di scrivere contenitori. Se si vuole sviluppare il contenitore, è possibile portare un contenitore esistente o modificare il file del contenitore di sviluppo fornito.

Contoso Dev Container - devcontainer.json

IDE

Un ambiente di sviluppo integrato (IDE) è un'applicazione software che fornisce strumenti e funzionalità completi agli sviluppatori per la scrittura, il test e il debug del codice in modo più efficiente. È progettato per semplificare il processo di sviluppo consolidando vari aspetti dello sviluppo software in un unico ambiente. In un ambiente di sviluppo integrato IDE, in combinazione con un contenitore di sviluppo, consente di eseguire rapidamente l'onboarding di nuovi membri del team pur supportando il resto del team. Eventuali modifiche all'IDE, incluse impostazioni, estensioni e altre integrazioni, possono essere specificate nel contenitore di sviluppo, in modo che tutti i membri del team abbiano lo stesso ambiente senza dover fare affidamento sui passaggi manuali.

Per i team di sviluppo multipiattaforma, usare Visual Studio Code:

Impostazioni dell'ambiente per Visual Studio Code - ./vscode
Estensioni di Visual Studio installate in devcontainer.json

Strumenti di qualità del codice

Gli strumenti di qualità del codice vengono applicati durante lo sviluppo per applicare linee guida di formattazione e stile e rilevare potenziali problemi di runtime applicando gli standard di codice. Gli strumenti di qualità del codice sono unici nel linguaggio di programmazione e supportati con una community per garantire supporto e avanzamento. Visual Studio Code offre l'integrazione con gli strumenti comuni di qualità del codice.

Contoso usa gli strumenti di qualità del codice seguenti:

Impostazioni TypeScript nel file del pacchetto tsconfig.json .
Impostazioni più belle nel file root package.json.
ESLint nella radice .eslintrc.js

Test automatizzati

L'ambiente di sviluppo deve consentire allo sviluppatore di scrivere rapidamente codice e testare l'impatto che ha sul progetto senza dover eseguire il push delle modifiche nella pipeline di compilazione e test . Visual Studio Code offre l'integrazione con gli strumenti di test automatizzati. Usare PlayWright per i test end-to-end, inclusi i test di browser e API.

Contoso usa:

Jest per unit test
Playwright per test end-to-end

Interfacce della riga di comando

Le interfacce della riga di comando consentono agli sviluppatori di lavorare rapidamente nell'ambiente di sviluppo e aggiungere l'interfaccia della riga di comando a qualsiasi strumento di automazione per la compilazione e la distribuzione di pipeline.

Contoso usa le interfacce della riga di comando seguenti:

Calcolo per sviluppatori

La workstation di uno sviluppatore può trovarsi nel cloud o come computer fisico. Indipendentemente dalla posizione in cui si trova la risorsa di calcolo, è possibile integrare facilmente i componenti necessari per uno sviluppatore di cloud moderno.

Codespaces

Codespaces è un contenitore per sviluppatori disponibile con il repository GitHub. Aprire il repository in Codespaces, in un browser o nell'IDE locale. Iniziare subito a lavorare nel flusso di sviluppo tipico, scrivere, eseguire il debug, il test e il push delle richieste pull nel repository GitHub. Gli spazi di codice mantengono eventuali modifiche specifiche all'ambiente, ad esempio variabili di ambiente, installazioni delle dipendenze e INTERFACCE di riga.

È possibile aprire il progetto da GitHub in un Web browser oppure aprire il contenitore da una versione locale di Visual Studio Code. Entrambi usano lo stesso contenitore di sviluppo.

Risorse cloud per sviluppatori

Gli sviluppatori devono accedere alle risorse cloud durante lo sviluppo. A seconda della risorsa, il team di sviluppo può scegliere di usare un emulatore locale (se disponibile) o di usare la stessa infrastruttura dei file di codice per fornire risorse per sviluppatori.

L'infrastruttura come codice, con strumenti come l'interfaccia della riga di comando di Azure Dev (AZD) consente di creare ed eliminare rapidamente le risorse cloud.

Questo progetto ha un file a livello radice, azure.yml, che definisce i servizi logici, che possono essere distribuiti in modo indipendente. Le risorse che supportano ogni servizio sono definite nella cartella infra .

La cartella infra/app definisce la modalità di configurazione e unione dei servizi di Azure.
La cartella infra/core include i file Bicep usati per creare ogni servizio di Azure.

L'interfaccia della riga di comando per sviluppatori di Azure (AZD) fornisce la creazione di risorse, per tutte le risorse o solo un servizio logico, tramite il azd provision comando .

Controllo del codice sorgente, integrazione continua e distribuzione

Il controllo del codice sorgente consente di tenere traccia delle modifiche durante il ciclo di sviluppo. Contoso usa Git per gestire il controllo della versione e GitHub per archiviare il codice sorgente.

L'integrazione continua consente di verificare le modifiche al codice sorgente prima dell'unione nel ramo principale . Contoso usa il file .github/workflows per l'integrazione continua.

La distribuzione è il processo di spostamento del codice sorgente e dei file correlati nel cloud. L'interfaccia della riga di comando per sviluppatori di Azure fornisce tale distribuzione tramite il azd deploy comando .