Condividi tramite


Uso dell'API Web 2 con Entity Framework 6

Scaricare il progetto completato

Questa esercitazione illustra le nozioni di base per la creazione di un'applicazione Web con un back-end API Web ASP.NET. L'esercitazione usa Entity Framework 6 per il livello dati e Knockout.js per l'applicazione JavaScript lato client. L'esercitazione illustra anche come distribuire l'app in Servizio app di Azure App Web.

Versioni software usate nell'esercitazione

  • API Web 2.1
  • Visual Studio 2017 (scaricare Visual Studio 2017 qui)
  • Entity Framework 6
  • .NET 4.7
  • Knockout.js 3.1

Questa esercitazione usa API Web ASP.NET 2 con Entity Framework 6 per creare un'applicazione Web che modifica un database back-end. Ecco una schermata dell'applicazione che verrà creata.

Screenshot della finestra dell'applicazione creata, Book Service, che mostra i riquadri Libri, Dettagli e Aggiungi libro.

L'app usa una progettazione di applicazione a pagina singola. "Applicazione a pagina singola" è il termine generale per un'applicazione Web che carica una singola pagina HTML e quindi aggiorna la pagina in modo dinamico, invece di caricare nuove pagine. Dopo il caricamento della pagina iniziale, l'app comunica con il server tramite le richieste AJAX. Le richieste AJAX restituiscono dati JSON, che l'app usa per aggiornare l'interfaccia utente.

AJAX non è nuovo, ma oggi sono disponibili framework JavaScript che semplificano la compilazione e la gestione di un'applicazione SPA sofisticata di grandi dimensioni. Questa esercitazione usa Knockout.js, ma è possibile usare qualsiasi framework client JavaScript.

Ecco i principali blocchi predefiniti per questa app:

  • ASP.NET MVC crea la pagina HTML.
  • API Web ASP.NET gestisce le richieste AJAX e restituisce dati JSON.
  • Knockout.js i dati associano gli elementi HTML ai dati JSON.
  • Entity Framework comunica con il database.

Vedere questa app in esecuzione in Azure

Si desidera visualizzare il sito completato in esecuzione come app Web attiva? È possibile distribuire una versione completa dell'app nell'account Azure selezionando il pulsante seguente.

Per distribuire questa soluzione in Azure è necessario un account Azure. Se non si dispone già di un account, sono disponibili le opzioni seguenti:

Creare il progetto

Aprire Visual Studio. Scegliere Nuovo dal menu File, quindi selezionare Progetto. In alternativa, selezionare Nuovo progetto nella pagina Iniziale.

Nella finestra di dialogo Nuovo progetto selezionare Web nel riquadro sinistro e ASP.NET'applicazione Web (.NET Framework) nel riquadro centrale. Assegnare al progetto il nome BookService e selezionare OK.

Screenshot della finestra di dialogo Nuovo progetto con l'opzione Web nel riquadro sinistro e un'applicazione Web A S P dot Net nel riquadro centrale evidenziata.

Nella finestra di dialogo Nuovo progetto ASP.NET selezionare il modello API Web .

Screenshot della finestra di dialogo Nuovo progetto NET punto A S che mostra il modello API Web evidenziato in blu.

Selezionare OK per creare il progetto.

Configurare le impostazioni di Azure (facoltativo)

Dopo aver creato il progetto, è possibile scegliere di eseguire la distribuzione in Servizio app di Azure App Web in qualsiasi momento.

  1. In Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto e scegliere Pubblica.

  2. Nella finestra visualizzata selezionare Avvia. Viene visualizzata la finestra di dialogo Seleziona destinazione di pubblicazione .

    Screenshot della finestra di dialogo Seleziona destinazione di pubblicazione con l'opzione servizio app nel riquadro sinistro e l'opzione Crea nuovo nel riquadro centrale selezionata.

  3. Selezionare Crea profilo. Viene visualizzata la finestra di dialogo Crea servizio app.

    Screenshot della finestra di dialogo Crea servizio app con i valori immessi nei campi nome dell'app, sottoscrizione, gruppo di risorse, piano di hosting e informazioni dettagliate.

    Accettare le impostazioni predefinite o immettere valori diversi per il nome dell'applicazione, il gruppo di risorse, il piano di hosting, la sottoscrizione di Azure e l'area geografica.

  4. Selezionare Crea un database SQL. Viene visualizzata la finestra di dialogo Configura SQL Server.

    Screenshot della finestra di dialogo Configura server Q L con i valori immessi nei campi nome server, percorso, nome amministratore e password amministratore.

    Accettare le impostazioni predefinite o immettere valori diversi. Immettere nome utente amministratore e password amministratore per il nuovo database. Al termine, scegliere OK. Viene visualizzata nuovamente la pagina Crea servizio app.

  5. Selezionare Crea per creare il profilo. Nell'angolo inferiore destro viene visualizzato un messaggio che indica che la distribuzione è in corso. Dopo un breve periodo di tempo, viene visualizzata nuovamente la finestra Pubblica .

    Screenshot della finestra Pubblica che mostra le opzioni di gestione, dettagli profilo e profilo appena creati.

    Il profilo creato per distribuire l'app è ora disponibile.