Condividi tramite

Uso dell'API Web 2 con Entity Framework 6

Scaricare il progetto completato

Questa esercitazione illustra le nozioni di base sulla creazione di un'applicazione Web con un back-end dell'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 nelle app Web del servizio app di Azure.

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 ASP.NET API Web 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, Servizio Libro, 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 iniziale della pagina, l'app comunica con il server tramite richieste AJAX. Le richieste AJAX restituiscono dati JSON, usati dall'app per aggiornare l'interfaccia utente.

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

Ecco i blocchi predefiniti principali per questa app:

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

Vedere questa app in esecuzione in Azure

Ti piacerebbe vedere il sito completato in esecuzione come un'app web live? È possibile distribuire una versione completa dell'app nell'account Azure selezionando il pulsante seguente.

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

  • Aprire gratuitamente un account Azure: si ottengono crediti che è possibile usare per provare i servizi di Azure a pagamento e, anche dopo che sono stati usati, è possibile mantenere l'account e usare i servizi di Azure gratuiti.
  • Attivare i vantaggi dei sottoscrittori MSDN: la sottoscrizione MSDN offre crediti ogni mese che è possibile usare per i servizi di Azure a pagamento.

Creare il progetto

Apri 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 evidenziato.

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

Screenshot della finestra di dialogo Nuovo progetto A S P dot Net con il modello Web API 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 App Web del servizio app di Azure 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. Verrà 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. Verrà visualizzata la finestra di dialogo Configura SQL Server .

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

    Accettare le impostazioni predefinite o immettere valori diversi. Immettere un nome utente amministratore e una password di amministratore per il nuovo database. Una volta terminata l’operazione, fare clic su OK. Viene nuovamente visualizzata la pagina Crea servizio app.

  5. Selezionare Crea per creare il profilo. Nell'angolo in basso a destra 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 di pubblicazione che mostra il profilo appena creato, i dettagli del profilo e le opzioni di gestione.

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

Avanti

  • Last updated on