Esercitazione: DevOps con il portale di AzureTutorial: DevOps with the Azure Portal

La piattaforma Azure include diversi flussi di lavoro flessibili di DevOps.The Azure platform is full of flexible DevOps workflows. Questa esercitazione illustra come sfruttare le funzionalità del portale di Azure per sviluppare, testare, distribuire, risolvere i problemi, monitorare e gestire le applicazioni in esecuzione.In this tutorial, you learn how to leverage the capabilities of the Azure Portal to develop, test, deploy, troubleshoot, monitor, and manage running applications. L'esercitazione si incentra sugli argomenti seguenti:This tutorial focuses on the following:

  1. Creazione di un'app Web e abilitazione della distribuzione continuaCreating a web app and enabling continuous deployment
  2. Sviluppare e testare un'appDevelop and test an app
  3. Monitoraggio e risoluzione dei problemi di un'appMonitoring and Troubleshooting an app
  4. Attività di gestione di applicazioni generaliGeneral application management tasks

Creazione di un'app Web e abilitazione della distribuzione continuaCreating a web app and enabling continuous deployment

Creare un'app Web con il servizio app di Azure, che verrà usato nel resto di questa esercitazione.Create a Web app with Azure App Service, which you’ll use in the rest of this tutorial. All'inizio si abiliterà la distribuzione continua dal repository di codice sorgente all'ambiente di Azure in esecuzione.You’ll initially enable continuous deployment from your source code repository into our running Azure environment.

  1. Accedere al portale di Azure.Sign into the Azure Portal
  2. Scegliere Servizi app > icona di aggiunta e immettere un nome, scegliere una sottoscrizione e creare un nuovo gruppo di risorse che funga come contenitore per il servizio.Choose App Services > Add icon and enter a name, choose your subscription, and create a new resource group to serve as the container for the service.

    I gruppi di risorse consentono di gestire diversi aspetti della soluzione, ad esempio, fatturazione, distribuzioni e monitoraggio, come un unico gruppo tramite Azure Resource Manager.Resource groups allow you to manage various aspects of the solution such as billing, deployments and monitoring all as a single group via Azure Resource Manager.

    Immagine1

  3. Dopo pochi secondi, verrà creato il servizio app.After a few moments, your app service is created. Dedicare qualche minuto all'esplorazione delle diverse opzioni di menu per il servizio nel portale.Take a few minutes to explore the various menu options for the service in the portal.

    Immagine2

  4. Fare clic sull'URL.Click the URL. Si noti la varietà di scelte disponibili per gli strumenti e i repository.Notice the variety of available choices for tools and repositories. È anche possibile usare i linguaggi e i framework preferiti, inclusi .NET, Java e Ruby.You can also use the languages and frameworks of your choice including .NET, Java, and Ruby.

    Immagine3

  5. Con il portale di Azure la distribuzione continua è un processo facile che richiede solo pochi semplici passaggi.The Azure portal makes continuous deployment an easy process that involves only a few simple steps. Nel portale di Azure scegliere le impostazioni dall'icona del servizio app appena creato.In the Azure portal, choose settings from the icon for the app service you just created.

    Immagine4

    Nel pannello che si apre a destra scorrere fino alla sezione Pubblicazione.From the blade that opens on the right, scroll to the publishing section.

    Immagine5

  6. Configurare poi alcune impostazioni per abilitare la distribuzione continua per l'app.Next, configure some settings to enable continuous deployment for the app. Fare clic su Origine distribuzione e quindi su Scegliere l'origine.Click Deployment Source and then click Choose Source. Si noti la varietà di opzioni disponibili per le origini del repository.Notice the variety of options you have for repository sources.

    Immagine6

  7. Per questo esempio scegliere GitHub.For this example choose GitHub. In alternativa, è possibile scegliere il repository preferito e configurare le credenziali di autorizzazione.Optionally choose the repository of your choice and setup the authorization credentials.

    Immagine7

  8. Dopo l'autorizzazione per il repository, è possibile scegliere un progetto e il ramo che si vuole distribuire.After authorization to your repository, you can then choose a project and branch you wish to deploy. Sotto sono elencati diversi esempi fittizi.There are several fictitious sample examples listed below.

    Immagine8

  9. Dopo avere scelto il progetto e il ramo, fare clic su OK.Once you choose your project and branch, click ok. Verranno visualizzate le notifiche di una distribuzione.You should start to see notifications of a deployment.

    Immagine9

  10. Tornare a GitHub per visualizzare il webhook creato per integrare il repository del controllo del codice sorgente con Azure.Navigate back to GitHub to see the webhook that was created to integrate the source control repo with Azure. Il portale di Azure abilita l'integrazione con GitHub con pochi semplici passaggi.The Azure Portal enables integration with GitHub with only a few simple steps.

    Immagine10

  11. Per eseguire una dimostrazione della distribuzione continua, si aggiunge rapidamente contenuto al repository.To demonstrate continuous deployment, you quickly add some content to the repository. Per un semplice esempio, aggiungere un file di testo di esempio a un repository GitHub.For a simple example, add a sample text file to a GitHub repo. È possibile usare .NET, Ruby, Python o un altro tipo di applicazione con il servizio app.You are free to use .NET, Ruby, Python, or some other type of application with App Service. È possibile aggiungere un file di testo, un'applicazione ASP.NET MVC, Java o Ruby al repository scelto.Feel free to add a text file, ASP.NET MVC, Java, or Ruby application to the repo of your choice.

    Immagine11

  12. Dopo avere eseguito il commit delle modifiche nel repository, nell'area delle notifiche del portale verrà indicato l'avvio di una nuova distribuzione.After committing changes to your repository, you see a new deployment initiate in the portal notifications area. Fare clic su Sincronizza se dopo il commit nel repository le modifiche non vengono visualizzate rapidamente.Click Sync if you do not quickly see changes after committing to your repository.

    Immagine12

  13. A questo punto, se si prova a caricare la pagina del servizio app, è possibile che venga visualizzato un errore 403.At this point, if you try and load the page for the app service, you may receive a 403 error. In questo esempio si verifica perché non è stato configurato un documento predefinito tipico per la pagina, ad esempio un file index.htm o default.html.In this example, it is because there is no typical default document setup for the page such as a file like index.htm or default.html. È possibile risolvere rapidamente il problema con gli strumenti del portale di Azure.You can quickly remedy this with the tooling in the Azure Portal. Nel portale di Azure scegliere Impostazioni > Impostazioni applicazione.In the Azure Portal choose Settings > Application Settings.

    Immagine13

  14. Viene aperto un pannello per le impostazioni dell'applicazione.A blade opens for application settings. Immettere il nome della pagina "SamplePage.html" e fare clic su Salva.Enter the name of the page “SamplePage.html” and click Save. Dedicare qualche minuto all'esplorazione delle altre impostazioni.Take a few minutes to explore the other settings.

    Immagine14

  15. È possibile aggiornare l'URL del browser per assicurarsi di visualizzare le modifiche previste.Optionally refresh your browser URL to ensure you see the expected changes. In questo caso, un semplice testo popolerà la pagina.In this case, there is some simple text now populating the page. Ogni altra modifica al repository comporterà una nuova distribuzione automatica.Each additional change to the repository would result in a new automatic deployment.

    Immagine15

    Abilitare la distribuzione continua con il portale di Azure è un'esperienza semplice.Enabling continuous deployment with the Azure Portal is an easy experience. È anche possibile creare pipeline di rilascio più complesse e usare diverse altre tecniche con il controllo del codice sorgente esistente e sistemi di integrazione continua per la distribuzione in Azure, ad esempio sfruttando sistemi automatizzati di gestione della compilazione e del rilascio.You can also build more complex release pipelines and use many other techniques with existing source control and continuous integration systems to deploy to Azure, such as leveraging automated build and release management systems.

Sviluppare e testare un'appDevelop and test an app

Apportare ora alcune modifiche alla base codici e distribuirle rapidamente.Next, make some changes to the code base and rapidly deploy those changes. Si configurerà anche un test delle prestazioni per l'app Web.You will also setup up some performance testing for the Web app.

  1. Nel portale di Azure scegliere Servizi app nel riquadro di spostamento e trovare il servizio app.In the Azure Portal choose App Services from the navigation pane, and locate your App Service.

    Immagine16

  2. Fare clic su Strumenti.Click Tools

    Immagine17

  3. Si noti la categoria Sviluppo sotto Strumenti,Notice the develop category under Tools. in cui sono disponibili diversi utili strumenti che consentono di usare le app senza uscire dal portale di Azure.There are several useful tools here that allow us to work with apps without leaving the Azure Portal. Fare clic su Console.Click on Console.

    Immagine18

  4. Nella finestra Console è possibile eseguire comandi attivi per l'app.In the console window, you can issue live commands for your app. Digitare il comando dir e premere INVIO.Type the dir command and hit enter. Si noti che i comandi che richiedono privilegi elevati non funzionano.Note that commands requiring elevated privileges do not work.

    Immagine19

  5. Tornare alla categoria Sviluppo e scegliere Visual Studio Online.Move back to the Develop category and choose Visual Studio Online. Nota: Visual Studio Online si chiama ora Visual Studio Team Services.Note: Visual Studio Online is now named Visual Studio Team Services.

    Immagine20

  6. Attivare l'esperienza di modifica nel browser per l'app.Toggle on the in-browser editing experience for your App.

    Immagine21

  7. Viene installata un'estensione Web per l'app.A web extension installs for your app. Le estensioni aggiungono funzionalità alle app in Azure velocemente e facilmente.Extensions quickly and easily add functionality to apps in Azure. Nello screenshot seguente sono visibili alcuni degli altri tipi di estensione disponibili.Notice some of the other extension types available in the screenshot below.

    Immagine22

  8. Una volta installata l'estensione Visual Studio Online, fare clic su Vai.Once the Visual Studio Online extension installs, click Go.

    Immagine23

  9. Si apre una scheda del browser in cui viene direttamente visualizzato un IDE di sviluppo.A browser tab opens where you see a development IDE directly in the browser. Si noti che nell'immagine seguente viene usato Chrome.Notice the experience below is in Chrome.

    Immagine24

  10. È possibile eseguire diverse attività, ad esempio modificare file, aggiungere file e cartelle e scaricare contenuto dal sito attivo.You can perform several activities such as edit files, add files and folders, and download content from the live site. Apportare una rapida modifica al file SamplePage.html.Make a quick edit to the SamplePage.html file.

    Immagine25

  11. Dopo alcuni istanti, le modifiche vengono automaticamente salvate.In a few moments, the changes are automatically saved. Se si torna alla pagina, è possibile visualizzarle.If you navigate back to the page, you can see the changes. Tenere presente che modifiche di questo tipo non sono per lo più adatte agli ambienti di produzione.Keep in mind live edits like these are most likely not suitable for production environments. Gli strumenti consentono tuttavia di apportare molto facilmente modifiche rapide agli ambienti di sviluppo e di test.However, the tools make it very easy to make quick changes for dev and test environments.

    Immagine26

    Immagine27

  12. Tornare al pannello Strumenti e nella categoria Sviluppo fare clic su Test delle prestazioni.Move back to the tools blade and under the Develop category, click on Performance Test.

    Immagine28

  13. È necessario impostare un account di Team Services.You need to set a team services account. Per altri dettagli, vedere Create a Team Services AccountSee here for more details: Create a Team Services Account
  14. Fare clic su Nuovo per creare un test delle prestazioni.Click on New to create a performance test.

    Immagine29

    Configurare i diversi valori e fare clic su Esegui test nella parte inferiore della finestra di dialogo per avviare un test delle prestazioni.Configure the various values and click Run Test at the bottom of the dialogue to initiate a performance test.

    Immagine30

    Immagine31

  15. Una volta avviata l'esecuzione del test, è possibile monitorare lo stato.Once the test starts running, you can monitor the state.

    Immagine32

    Una volta terminato il test, fare clic sul risultati per visualizzare altri dettagli.Once the test finishes, clicking on the result shows more details.

    Immagine33

  16. In questo esempio è stata creata una rapida esecuzione dei test, quindi i dati da analizzare sono limitati, ma è possibile notare diverse metriche, oltre a eseguire di nuovo il test da questa visualizzazione.In this example, you created a small test run, so there is limited data to analyze, but you can see various metrics as well as rerun your test from this view. Il portale di Azure facilita la creazione, l'esecuzione e l'analisi dei test prestazioni Web.The Azure Portal makes creating, executing, and analyzing web performance tests an easy process. Gli screenshot seguenti visualizzano i dati sulle prestazioni.The screenshots below display the performance data.

    Immagine34

    Immagine35

    Immagine36

Monitoraggio e risoluzione dei problemi di un'appMonitoring and troubleshooting an app

Azure offre diverse funzionalità per il monitoraggio e la risoluzione dei problemi delle applicazioni in esecuzione.Azure provides many capabilities for monitoring and troubleshooting running applications.

  1. Nel portale di Azure per l'app Web scegliere Strumenti.In the Azure Portal for our Web app choose Tools.

    Immagine37

  2. Nella categoria Risoluzione dei problemi sono disponibili diverse scelte per l'uso di strumenti per risolvere potenziali problemi con un'app in esecuzione.Under the Troubleshoot category, notice the various choices for using tools to troubleshoot potential issues with a running app. È possibile, ad esempio, monitorare il traffico HTTP in tempo reale, abilitare la riparazione automatica, visualizzare log e altro ancora.You can do things like monitor Live HTTP traffic, enable self-healing, view logs, and more.

    Immagine38

  3. Scegliere Metriche del sito per ottenere velocemente una visualizzazione di alcuni codici HTTP.Choose Site Metrics to quickly get a view of some HTTP codes.

    Immagine39

  4. Scegliere Diagnostica distribuita come servizio.Choose Diagnostics as a Service. Scegliere il tipo di applicazione, quindi scegliere Esegui.Choose your application type, then choose Run.

    Immagine40

    Inizia una raccolta.A collection begins.

    Immagine41

  5. È possibile scegliere il log appropriato per diagnosticare i potenziali problemi.You may choose the appropriate log to diagnose potential issues. È necessario abilitare la registrazione per visualizzare tutte le opzioni dei dati disponibili, ad esempio HTTP Logs (Log HTTP).You need to enable logging to see all of the available data options such as HTTP Logs.

    Immagine42

    Facendo clic sul file di immagine della memoria, è possibile scaricare e analizzare un report analisi DebugDiag per trovare i potenziali problemi.By clicking on the Memory Dump file you can download and analyze a DebugDiag analysis report to help find potential issues.

    Immagine43

  6. Per visualizzare altri dati, è necessario abilitare altre opzioni di registrazione.To view more data, you need to enable additional logging. Nel portale di Azure andare all'app Web e scegliere Impostazioni.In the Azure Portal, navigate to the Web app and choose Settings.

    Immagine44

  7. Scorrere verso il basso fino alla categoria Funzionalità e scegliere Log di diagnostica.Scroll down to the features category, and choose Diagnostic logs.

    Immagine45

  8. Si notino le diverse opzioni per la registrazione.Notice the various options for logging. Attivare Registrazione server Web e fare clic su Salva.Toggle on Web server logging and click save.

    Immagine46

  9. Tornare all'area degli strumenti per l'app, scegliere Diagnostica distribuita come servizio e fare clic su Esegui per eseguire di nuovo la raccolta dati.Move back to the tools area for the app and choose Diagnostics as a service and click Run to rerun the data collection.

    Immagine47

  10. Con l'impostazione per la registrazione HTTP abilitata, vengono visualizzati i dati raccolti per HTTP Logs (Log HTTP).With the HTTP logging setting enabled, you now see data collected for HTTP Logs.

    Immagine48

  11. Fare clic sul log del file HTML, per generare un report avanzato basato sul browser per altre indagini.By clicking the HTML file log, you produce a rich browser-based report for further investigation.

    Immagine49

  12. Tornare alla sezione Strumenti nel portale di Azure per l'app.Move back to the tools section in the Azure Portal for the app. Scorrere fino alla sezione Strumenti e scegliere Esplora processi.Scroll to the Tools section and choose Process Explorer.

    Immagine50

  13. Scegliendo Esplora processi, è possibile visualizzare i dettagli sui processi in esecuzione.By choosing Process Explorer, you can view details about running processes. Come si può notare dalle immagini seguenti, dal portale di Azure è anche possibile eseguire il drill-down dei processi e terminarli.Notice below you can drill into processes and even kill processes all from the Azure Portal.

    Immagine51

    Immagine52

  14. Tornare al pannello Impostazioni a sinistra.Move back to the Settings blade on the left. Fare clic su Nuova richiesta di supporto.Click New support request.

    Immagine53

  15. Nel pannello a destra è possibile compilare i dettagli sui problemi, immettere le informazioni sul contatto e anche caricare i dati di diagnostica.From the blade on the right, you can fill out details about the issues, enter contact information, and even upload diagnostic data. Il portale di Azure consente di collaborare con il supporto Microsoft in modo molto facile.The Azure Portal enables working with Microsoft support a seamless experience.

    Immagine54

    Immagine55

    Il portale di Azure consente di offrire esperienze avanzate e familiari di uso degli strumenti per monitorare e risolvere i problemi delle applicazioni in esecuzione.The Azure Portal helps provide powerful and familiar tooling experiences to help monitor and troubleshoot our running applications. È anche possibile agire rapidamente eseguendo attività come il riciclo dei processi, l'abilitazione e la disabilitazione di diverse raccolte dati e l'interazione con il supporto dei professionisti Microsoft.You are also able to take action quickly by performing tasks such as recycling processes, enabling and disabling various data collections, and even integrating with Microsoft professional support.

Gestione di applicazioni generaleGeneral Application Management

Quando si gestiscono applicazioni, spesso è necessario eseguire un'ampia gamma di attività, ad esempio configurare strategie di backup, implementare e gestire provider di identità e configurare il controllo degli accessi in base al ruolo.When managing applications, you often need to perform a broad variety of activities such as configuring backup strategies, implementing and managing identity providers, and configuring Role-based access control. Come con le altre esperienze DevOps, la piattaforma Azure integra queste attività direttamente nel portale.As with the other DevOps experiences, the Azure platform integrates these tasks directly into the portal.

  1. Per assicurarsi di proteggere l'app Web dalla perdita dei dati, è necessario configurare i backup.To ensure you are keeping the Web App safe from data loss you need to configure backups. Andare all'area Impostazioni per l'app Web.Navigate to the Settings area for your Web app.

    Immagine56

  2. Nel pannello a destra scorrere verso il basso fino alla categoria Funzionalità.In the blade on the right, scroll down to the Features category.

    Immagine57

  3. Scegliere Backup. Si apre un pannello a destra.Choose Backups; a blade opens on the right.

    Immagine58

  4. Fare clic su Configura, scegliere un account di archiviazione dal pannello a destra.Click Configure, choose a storage account from the blade on the right.

    Immagine59

  5. Ora creare e scegliere un contenitore di archiviazione in cui salvare i backup.Now create and choose a storage container to hold your backups. Fare clic su Crea nella parte inferiore del pannello,Click create at the bottom of the blade. quindi selezionare il contenitore.Then select the container.

    Immagine60

  6. Una volta scelto il contenitore, è possibile configurare le pianificazioni, oltre ai backup per i database.Once you have chosen the container, you can configure schedules, as well as setup backups for your databases. Per questo scenario, fare clic sull'icona Salva.For this scenario, click the save icon.

    Immagine61

  7. Dopo avere salvato, scorrere di nuovo fino al pannello a sinistra per Backup.After saving, scroll back to the blade on the left for Backups. Fare clic su Esegui backup ora per eseguire il backup dell'applicazione.Click Backup Now to back the application.

    Immagine62

  8. Dopo alcuni istanti, viene creato un backup.In a few moments, you see a backup created. Si noti l'opzione Ripristina ora nello screenshot seguente.Notice the Restore Now option on the screen-shot below.

    Immagine63

  9. Fare clic su Ripristina ora ed esaminare le opzioni nel pannello a destra.Click on Restore Now and examine the options to the blade on the right. È possibile scegliere un backup appropriato e ripristinare facilmente uno stato precedente, se necessario.You can choose an appropriate backup and easily restore to an earlier state as necessary. Il portale di Azure ha consentito di abilitare facilmente una semplice strategia di ripristino di emergenza per l'app.The Azure portal has helped us easily enable a simple disaster recovery strategy for the app.

    Immagine64

  10. Tornare al pannello Impostazioni a sinistra e in Funzionalità scegliere Autenticazione/Autorizzazione.Move back to the Settings blade on the left, and under Features and choose Authentication/Authorization.

    Immagine65

  11. Nel pannello a destra scegliere Autenticazione servizio app.In the blade on the right choose App Service Authentication. Si noti la varietà di opzioni che è possibile configurare con noti provider.Notice the variety of options you can configure with popular providers.

    Immagine66

  12. Scegliere il provider preferito e notare le opzioni per l'ambito.Choose the provider of your choice and notice the options for the scope. È possibile specificare un ID app e una chiave privata app e abilitare rapidamente l'autenticazione Facebook per l'app.You can provide an App ID and App Secret and quickly enable Facebook authentication for the app. Il portale di Azure consente l'autenticazione come soluzione chiavi in mano per le app.The Azure Portal enables authentication as a turnkey solution for apps.

    Immagine67

  13. Tornare al pannello Impostazioni e scegliere Utenti nella categoria Gestione risorse.Move back to the Settings blade and choose Users under the Resource Management category.

    Immagine68

  14. Nel pannello a destra esaminare le diverse opzioni per l'aggiunta di ruoli e utenti.In the blade on the right examine the various options for adding roles and users. Il portale di Azure consente di controllare facilmente il controllo degli accessi in base al ruolo per l'applicazione.The Azure Portal lets you easily control RBAC (Role-based access control) for the application.

    Immagine69

RiepilogoSummary

Questa esercitazione ha illustrato alcune potenzialità della piattaforma Azure abilitando rapidamente la distribuzione continua per un'app Web, eseguendo diverse attività di sviluppo e test, monitorando e risolvendo i problemi di un'app attiva e infine gestendo strategie chiave, ad esempio il ripristino di emergenza, l'identità e il controllo degli accessi in base al ruolo.This tutorial demonstrated some of the power with the Azure platform by quickly enabling continuous deployment for a web app, performing various development and testing activities, monitoring and troubleshooting a live app, and finally managing key strategies such as disaster recovery, identity, and role-based access control. La piattaforma Azure consente un'esperienza integrata per questi flussi di lavoro di DevOps ed è possibile lavorare in modo efficiente rimanendo nell'ambito dell'attività in questione.The Azure platform enables an integrated experience for these DevOps workflows, and you can work efficiently by staying in context for the task at hand.

Passaggi successiviNext steps