Azure Cosmos DB: Creare un'app Web con .NET, Xamarin e l'autenticazione di FacebookAzure Cosmos DB: Build a web app with .NET, Xamarin, and Facebook authentication

Azure Cosmos DB è il servizio di database multimodello distribuito a livello globale di Microsoft.Azure Cosmos DB is Microsoft’s globally distributed multi-model database service. È possibile creare ed eseguire rapidamente query su database di documenti, coppie chiave/valore e grafi, sfruttando in ognuno dei casi i vantaggi offerti dalle funzionalità di scalabilità orizzontale e distribuzione globale alla base di Azure Cosmos DB.You can quickly create and query document, key/value, and graph databases, all of which benefit from the global distribution and horizontal scale capabilities at the core of Azure Cosmos DB.

Questa guida di avvio rapido mostra come creare un account, un database di documenti e una raccolta di Azure Cosmos DB tramite il portale di Azure.This quick start demonstrates how to create an Azure Cosmos DB account, document database, and collection using the Azure portal. Si creerà e distribuirà quindi l'app Web elenco attività basata sull'API .NET DocumentDB, su Xamarin, e sul motore di autorizzazione di Azure Cosmos DB.You'll then build and deploy a todo list web app built on the DocumentDB .NET API, Xamarin, and the Azure Cosmos DB authorization engine. L'app Web elenco attività implementa un modello di dati per utente che permette agli utenti di accedere tramite l'autenticazione di Facebook e gestire le proprie attività.The todo list web app implements a per-user data pattern that enables users to login using Facebook Auth and manage their own to do items.

PrerequisitiPrerequisites

Se Visual Studio 2017 non è ancora installato, è possibile scaricare e usare la versione gratuita Visual Studio 2017 Community Edition.If you don’t already have Visual Studio 2017 installed, you can download and use the free Visual Studio 2017 Community Edition. Durante l'installazione di Visual Studio abilitare Sviluppo di Azure.Make sure that you enable Azure development during the Visual Studio setup.

Se non si ha una sottoscrizione di Azure, creare un account gratuito prima di iniziare.If you don't have an Azure subscription, create a free account before you begin.

È inoltre possibile provare gratuitamente Microsoft Azure Cosmos DB senza una sottoscrizione di Azure e senza impegno.Alternatively, you can Try Azure Cosmos DB for free without an Azure subscription, free of charge and commitments. Oppure usare l'emulatore di Azure Cosmos DB per questa esercitazione con l'URI https://localhost:8081 e la chiaveOr you can use the Azure Cosmos DB Emulator for this tutorial with a URI of https://localhost:8081 and a key of

C2y6yDjf5/R+ob0N8A7Cgv30VRDJIWEHLM+4QDU5DE2nQ9nDuVTqobD4b8mGGyPMbIZnqyMsEcaGQy67XIw/Jw==

Creare un account di databaseCreate a database account

  1. In una nuova finestra del browser accedere al portale di Azure.In a new browser window, sign in to the Azure portal.
  2. Fare clic su Nuovo > Database > Azure Cosmos DB.Click New > Databases > Azure Cosmos DB.

    Riquadro Database nel portale di Azure

  3. Nella pagina Nuovo account immettere le impostazioni per il nuovo account Azure Cosmos DB.In the New account page, enter the settings for the new Azure Cosmos DB account.

    ImpostazioneSetting Valore consigliatoSuggested value DescrizioneDescription
    IDID Immettere un nome univocoEnter a unique name Immettere un nome univoco per identificare l'account Azure Cosmos DB.Enter a unique name to identify this Azure Cosmos DB account. Poiché alI'ID fornito viene aggiunto documents.azure.com per creare l'URI, usare un ID univoco ma facilmente identificabile.Because documents.azure.com is appended to the ID that you provide to create your URI, use a unique but identifiable ID.

    L'ID può contenere solo lettere minuscole, numeri e il segno meno (-) e deve avere una lunghezza compresa tra 3 e 50 caratteri.The ID can contain only lowercase letters, numbers, and the hyphen (-) character, and it must contain 3 to 50 characters.
    APIAPI SQLSQL L'API determina il tipo di account da creare.The API determines the type of account to create. Azure Cosmos DB offre cinque API per soddisfare le esigenze dell'applicazione, ovvero SQL (database di documenti) Gremlin (grafo), MongoDB, SQL (database di documenti), Tabella di Azure e Cassandra, per ognuna delle quali è attualmente necessario un account separato.Azure Cosmos DB provides five APIs to suits the needs of your application: SQL (document database), Gremlin (graph database), MongoDB (document database), Azure Table, and Cassandra, each which currently require a separate account.

    Selezionare SQL perché in questo avvio rapido si sta creando un database di documenti su cui è possibile eseguire query tramite la sintassi SQL e a cui è possibile accedere tramite l'API DocumentDB.Select SQL because in this quickstart you are creating a document database that is queryable using SQL syntax and accessible with the DocumentDB API.

    Altre informazioni sull'API di DocumentDBLearn more about the DocumentDB API
    SottoscrizioneSubscription Sottoscrizione in usoYour subscription Selezionare la sottoscrizione di Azure da usare per l'account Azure Cosmos DB.Select Azure subscription that you want to use for this Azure Cosmos DB account.
    Gruppo di risorseResource Group Creare un nuovo gruppo di risorseCreate new

    Immettere quindi lo stesso nome univoco specificato sopra in IDThen enter the same unique name as provided above in ID
    Selezionare Crea nuovo, quindi immettere il nome di un nuovo gruppo di risorse per l'account.Select Create New, then enter a new resource-group name for your account. Per semplicità si può usare lo stesso nome usato come ID.For simplicity, you can use the same name as your ID.
    PercorsoLocation Selezionare l'area più vicina agli utentiSelect the region closest to your users Selezionare la posizione geografica in cui ospitare l'account Azure Cosmos DB.Select geographic location in which to host your Azure Cosmos DB account. Usare la località più vicina agli utenti per offrire loro la massima velocità di accesso ai dati.Use the location that's closest to your users to give them the fastest access to the data.
    Abilita ridondanza geograficaEnable geo-redundancy Lasciare vuotoLeave blank Consente di creare una versione replicata del database in una seconda area abbinata.This creates a replicated version of your database in a second (paired) region. Lasciare vuoto.Leave this blank.
    Aggiungi al dashboardPin to dashboard SelezionareSelect Selezionare questa casella per aggiungere il nuovo account di database al dashboard del portale e accedervi più facilmente.Select this box so that your new database account is added to your portal dashboard for easy access.

    Fare quindi clic su Crea.Then click Create.

    Pannello Nuovo account per Azure Cosmos DB

  4. La creazione dell'account richiede alcuni minuti,The account creation takes a few minutes. Durante la creazione dell'account il portale visualizza il riquadro Deploying Azure Cosmos DB (Distribuzione di Azure Cosmos DB) a destra, quindi potrebbe essere necessario scorrere a destra del dashboard per visualizzare il riquadro.During account creation the portal displays the Deploying Azure Cosmos DB tile on the right side, you may need to scroll right on your dashboard to see the tile. È presente anche un indicatore di stato nella parte superiore della schermata.There is also a progress bar displayed near the top of the screen. È possibile esaminare lo stato di avanzamento nelle due aree.You can watch either area for progress.

    Riquadro Notifiche del portale di Azure

    Al termine della creazione dell'account verrà visualizzata la pagina L'account Azure Cosmos DB è stato creato.Once the account is created, the Congratulations! Your Azure Cosmos DB account was created page is displayed.

Aggiungere una raccoltaAdd a collection

È ora possibile usare lo strumento Esplora dati nel portale di Azure per creare un database e una raccolta.You can now use the Data Explorer tool in the Azure portal to create a database and collection.

  1. Fare clic su Esplora dati > Nuova raccolta.Click Data Explorer > New Collection.

    A destra verrà visualizzata l'area Aggiungi raccolta. Per vederla potrebbe essere necessario scorrere verso destra.The Add Collection area is displayed on the far right, you may need to scroll right to see it.

    Esplora dati nel portale di Azure: pannello Aggiungi raccolta

  2. Nella pagina Aggiungi raccolta immettere le impostazioni per la nuova raccolta.In the Add collection page, enter the settings for the new collection.

    ImpostazioneSetting Valore consigliatoSuggested value DescrizioneDescription
    ID databaseDatabase id AttivitàTasks Immettere Tasks come nome del nuovo database.Enter Tasks as the name for the new database. I nomi dei database devono avere una lunghezza compresa tra 1 e 255 caratteri e non possono contenere /, \, #, ? o spazi finali.Database names must contain from 1 through 255 characters, and they cannot contain /, \, #, ?, or a trailing space.
    ID raccoltaCollection id ItemsItems Immettere Items come nome della nuova raccolta.Enter Items as the name for your new collection. Gli ID delle raccolte prevedono gli stessi requisiti relativi ai caratteri dei nomi di database.Collection ids have the same character requirements as database names.
    Capacità di archiviazioneStorage capacity Fissa (10 GB)Fixed (10 GB) Modificare il valore in Fissa (10 GB).Change the value to Fixed (10 GB). Questo valore indica la capacità di archiviazione del database.This value is the storage capacity of the database.
    Velocità effettivaThroughput 400 UR400 RU Modificare la velocità effettiva in 400 unità richiesta al secondo (UR/sec).Change the throughput to 400 request units per second (RU/s). La capacità di archiviazione deve essere impostata su Fisso (10 GB) per impostare la velocità effettiva su 400 UR/sec.Storage capacity must be set to Fixed (10 GB) in order to set throughput to 400 RU/s. Se si vuole ridurre la latenza, è possibile aumentare la velocità effettiva in un secondo momento.If you want to reduce latency, you can scale up the throughput later.
    Chiave di partizionePartition key /category/category Immettere /category come chiave di partizione.Enter /category as the partition key. Una chiave di partizione che distribuisce i dati in modo uniforme a ogni partizione del database.A partition key distributes data evenly to each partition in the database. Per altre informazioni sul partizionamento, vedere Progettazione per il partizionamento.To learn more about partitioning, see Designing for partitioning.

    Fare clic su OK.Click OK.

    In Esplora dati verranno visualizzati il nuovo database e la nuova raccolta.Data Explorer displays the new database and collection.

    Esplora dati nel portale di Azure, con il nuovo database e la nuova raccolta

Clonare l'applicazione di esempioClone the sample application

Clonare ora un'app per le API DocumentDB da GitHub, impostare la stringa di connessione ed eseguirla.Now let's clone a DocumentDB API app from github, set the connection string, and run it. Come si noterà, è facile usare i dati a livello di codice.You'll see how easy it is to work with data programmatically.

  1. Aprire una finestra del terminale Git, ad esempio Git Bash, ed eseguire il comando cd per passare a una directory di lavoro.Open a git terminal window, such as git bash, and cd to a working directory.

  2. Eseguire il comando seguente per clonare l'archivio di esempio.Run the following command to clone the sample repository.

    git clone https://github.com/Azure/azure-documentdb-dotnet.git
    
  3. Aprire quindi il file DocumentDBTodo.sln dalla cartella samples/xamarin/UserItems/xamarin.forms in Visual Studio.Then open the DocumentDBTodo.sln file from the samples/xamarin/UserItems/xamarin.forms folder in Visual Studio.

Esaminare il codiceReview the code

Il codice nella cartella di Xamarin contiene:The code in the Xamarin folder contains:

  • App Xamarin.Xamarin app. L'app archivia le attività dell'utente in una raccolta partizionata chiamata UserItems.The app stores the user's todo items in a partitioned collection named UserItems.
  • API del gestore di token di risorsa.Resource token broker API. Semplice API Web ASP.NET per la gestione dei token di risorsa di Azure Cosmos DB per gli utenti connessi dell'app.A simple ASP.NET Web API to broker Azure Cosmos DB resource tokens to the logged in users of the app. I token di risorsa sono token di accesso di breve durata che forniscono all'app l'accesso ai dati dell'utente connesso.Resource tokens are short-lived access tokens that provide the app with the access to the logged in user's data.

L'autenticazione e il flusso di dati vengono mostrati nel diagramma seguente.The authentication and data flow is illustrated in the diagram below.

  • La raccolta UserItems viene creata con la chiave di partizione '/userid'.The UserItems collection is created with the partition key '/userid'. Specificando una chiave di partizione per una raccolta, Azure Cosmos DB può ridimensionarsi in modo illimitato in base all'aumentare del numero di utenti ed elementi.Specifying a partition key for a collection allows Azure Cosmos DB to scale infinitely as the number of users and items grows.
  • L'app Xamarin permette agli utenti di accedere con le credenziali di Facebook.The Xamarin app allows users to login with Facebook credentials.
  • L'app Xamarin usa il token di accesso di Facebook per l'autenticazione con l'API ResourceTokenBrokerThe Xamarin app uses Facebook access token to authenticate with ResourceTokenBroker API
  • L'API del gestore di token di risorsa autentica la richiesta tramite la funzionalità Autenticazione servizio app e richiede un token di risorsa di Azure Cosmos DB con accesso in lettura/scrittura a tutti i documenti che condividono la chiave di partizione dell'utente autenticato.The resource token broker API authenticates the request using App Service Auth feature, and requests an Azure Cosmos DB resource token with read/write access to all documents sharing the authenticated user's partition key.
  • Il gestore di token di risorsa restituisce il token di risorsa all'app client.Resource token broker returns the resource token to the client app.
  • L'app accede alle attività dell'utente usando il token di risorsa.The app accesses the user's todo items using the resource token.

App elenco attività con dati di esempio

Aggiornare la stringa di connessioneUpdate your connection string

Tornare ora al portale di Azure per recuperare le informazioni sulla stringa di connessione e copiarle nell'app.Now go back to the Azure portal to get your connection string information and copy it into the app.

  1. Nell'account Azure Cosmos DB nel portale di Azure fare clic su Chiavi nel riquadro di spostamento a sinistra e quindi su Chiavi di lettura/scrittura.In the Azure portal, in your Azure Cosmos DB account, in the left navigation click Keys, and then click Read-write Keys. Usare i pulsanti di copia sul lato destro dello schermo per copiare l'URI e la chiave primaria nel file Web.config nel passaggio seguente.You'll use the copy buttons on the right side of the screen to copy the URI and Primary Key into the Web.config file in the next step.

    Visualizzazione e copia di una chiave di accesso nel portale di Azure, pannello Chiavi

  2. In Visual Studio 2017 aprire il file Web.config nella cartella azure-documentdb-dotnet/samples/xamarin/UserItems/ResourceTokenBroker/ResourceTokenBroker.In Visual Studio 2017, open the Web.config file in the azure-documentdb-dotnet/samples/xamarin/UserItems/ResourceTokenBroker/ResourceTokenBroker folder.

  3. Copiare il valore di URI dal portale (usando il pulsante di copia) e impostarlo come valore di accountUrl in Web.config.Copy your URI value from the portal (using the copy button) and make it the value of the accountUrl in Web.config.

    <add key="accountUrl" value="{Azure Cosmos DB account URL}"/>

  4. Copiare quindi il valore di CHIAVE PRIMARIA dal portale e impostarlo come valore di accountKey in Web.config.Then copy your PRIMARY KEY value from the portal and make it the value of the accountKey in Web.congif.

    <add key="accountKey" value="{Azure Cosmos DB secret}"/>

L'app è stata aggiornata con tutte le informazioni necessarie per comunicare con Azure Cosmos DB.You've now updated your app with all the info it needs to communicate with Azure Cosmos DB.

Creare e distribuire l'app WebBuild and deploy the web app

  1. Nel portale di Azure creare il sito Web di un servizio app per ospitare l'API del gestore di token di risorsa.In the Azure portal, create an App Service website to host the Resource token broker API.
  2. Nel portale di Azure aprire il pannello Impostazioni app del sito Web dell'API del gestore di token di risorsa.In the Azure portal, open the App Settings blade of the Resource token broker API website. Immettere le impostazioni dell'app seguenti:Fill in the following app settings:

    • accountUrl: URL dell'account Azure Cosmos DB impostato nella scheda Chiavi dell'account Azure Cosmos DB.accountUrl - The Azure Cosmos DB account URL from the Keys tab of your Azure Cosmos DB account.
    • accountKey: chiave master dell'account Azure Cosmos DB impostato nella scheda Chiavi dell'account Azure Cosmos DB.accountKey - The Azure Cosmos DB account master key from the Keys tab of your Azure Cosmos DB account.
    • Valori di databaseId e collectionId del database e della raccolta creatidatabaseId and collectionId of your created database and collection
  3. Pubblicare la soluzione ResourceTokenBroker nel sito Web creato.Publish the ResourceTokenBroker solution to your created website.

  4. Aprire il progetto Xamarin e passare a TodoItemManager.cs.Open the Xamarin project, and navigate to TodoItemManager.cs. Immettere i valori per accountURL, collectionId, databaseId, nonché per resourceTokenBrokerURL come URL HTTPS di base per il sito Web del gestore di token di risorsa.Fill in the values for accountURL, collectionId, databaseId, as well as resourceTokenBrokerURL as the base https url for the resource token broker website.

  5. Completare l'esercitazione Come configurare un'applicazione del servizio App per usare l'account di accesso di Facebook per configurare l'autenticazione di Facebook e il sito Web ResourceTokenBroker.Complete the How to configure your App Service application to use Facebook login tutorial to setup Facebook authentication and configure the ResourceTokenBroker website.

    Eseguire l'app Xamarin.Run the Xamarin app.

Esaminare i contratti di servizio nel portale di AzureReview SLAs in the Azure portal

La velocità effettiva, lo spazio di archiviazione, la disponibilità, la latenza e la coerenza delle risorse nell'account vengono monitorati nel portale di Azure.The throughput, storage, availability, latency, and consistency of the resources in your account are monitored in the Azure portal. Di seguito vengono illustrate brevemente queste metriche.Let's take a quick look at these metrics.

  1. Fare clic su Metriche nel menu di spostamento.Click Metrics in the navigation menu.

    Metriche nel portale di Azure

  2. Fare clic su ogni scheda per conoscere le metriche offerte da Azure Cosmos DB.Click through each of the tabs so you're aware of the metrics Azure Cosmos DB provides.

    Ogni grafico associato ai contratti di servizio per Azure Cosmos DB contiene una linea che indica le eventuali violazioni dei contratti di servizio.Each chart that's associated with the Azure Cosmos DB Service Level Agreements (SLAs) provides a line that shows if any of the SLAs have been violated. Con questo gruppo di metriche, Azure Cosmos DB garantisce trasparenza nel monitoraggio dei contratti di servizio.Azure Cosmos DB makes monitoring your SLAs transparent with this suite of metrics.

    Gruppo di metriche di Azure Cosmos DB

Pulire le risorseClean up resources

Se non si intende continuare a usare l'app, eliminare tutte le risorse create tramite questa guida di avvio rapido nel portale di Azure eseguendo questi passaggi:If you're not going to continue to use this app, delete all resources created by this quickstart in the Azure portal with the following steps:

  1. Scegliere Gruppi di risorse dal menu a sinistra del portale di Azure e quindi fare clic sul nome della risorsa appena creata.From the left-hand menu in the Azure portal, click Resource groups and then click the name of the resource you just created.
  2. Nella pagina del gruppo di risorse fare clic su Elimina, digitare il nome della risorsa da eliminare nella casella di testo e quindi fare clic su Elimina.On your resource group page, click Delete, type the name of the resource to delete in the text box, and then click Delete.

Passaggi successiviNext steps

In questa guida di avvio rapido si è appreso come creare un account Azure Cosmos DB, come creare una raccolta con Esplora dati e come creare e distribuire un'app Xamarin.In this quickstart, you've learned how to create an Azure Cosmos DB account, create a collection using the Data Explorer, and build and deploy a Xamarin app. È ora possibile importare dati aggiuntivi nell'account Cosmos DB.You can now import additional data to your Cosmos DB account.