Procedura dettagliata: utilizzo dei dati LightSwitch in un'applicazione Windows Store

Articolo
03/05/2013

Seguendo questa procedura dettagliata, è possibile imparare come creare o configurare un'applicazione Windows Store o un'altra applicazione che supporta il protocollo OData (open data protocol) per utilizzare i dati da qualsiasi applicazione Visual Studio LightSwitch.

Prerequisiti

Per completare questa procedura dettagliata, è necessario eseguire Visual Studio 2012 su Windows 8.Sarà inoltre necessario scaricare Raccolta di esempi di MSDN l'applicazione di costruzione Contoso dal sito Web Microsoft e seguire le istruzioni di installazione nel file readme.txt.Se non è stata creata mai un'applicazione Windows Store prima, verrà richiesto di una licenza dello sviluppatore quando si crea il progetto per l'applicazione Windows Store.

Per esporre un'origine dati di OData

Sulla barra dei menu, scegliere File, Apri, Progetto/Percorso.
Nella finestra di dialogo Apri progetto, individuare il file di ContosoConstruction.sln quindi aprirlo.
In Esplora soluzioni, aprire il menu di scelta rapida per Proprietàquindi scegliere Apri.
In Progettazione applicazione, scegliere la scheda Tipo di applicazione.
Nella sezione Client, scegliere il pulsante di opzione Web.

Questa procedura sono entrambe le origini dati per l'applicazione della costruzione di Contoso come feed di OData.

Per creare l'applicazione dell'archivio di Windows

Nella barra dei menu, scegliere File, Aggiungi, Nuovo progetto.
Nell'elenco di tipi di progetto per JavaScript, scegliere Applicazione divisa.
Nella casella di testo Nome, specificare ContosoProjectsquindi scegliere il pulsante OK.

Il progetto ContosoConstruction aggiunto alla soluzione.

Per aggiungere le librerie di script

Sulla barra dei menu, scegliere Strumenti, Gestione pacchetti libreria, Console di Gestione pacchetti.

La finestra Console di Gestione pacchetti viene aperto.
Al prompt dei comandi Console di Gestione pacchetti, immettere jquery di installare- pacchettoquindi scegliere la chiave leave.
Dopo il comando completo, immettere datajs di installare- pacchettoquindi scegliere la chiave leave.

Dopo il comando completo, i seguenti file JavaScript visualizzati nella cartella Script in Esplora soluzioni:
- datajs-1.0.2.js
- datajs-1.0.2.min.js
- jquery-1.7.1.js
- jquery-1.7.1.min.js
- jquery-1.7.1 - vsdoc.js.

Per modificare l'applicazione dell'archivio di Windows

In Esplora soluzioni, aprire il file default.html.

Nella sezione WinJS references, aggiungere i riferimenti seguenti:

<!-- jQuery references --> 
  <script src="/Scripts/jquery-1.7.1.js"></script> 
  <!-- datajs references --> 
  <script src="/Scripts/datajs-1.0.2.js"></script>

In Esplora soluzioni, espandere il nodo JS quindi aprire il file default.js.
Sotto la riga var app = WinJS.Application;, aggiungere la seguente variabile:
```
var OData = window.OData;
```
In Esplora soluzioni, aprire il file di data.js.

Sostituire il codice nella sezione sampleGroups con il codice seguente:

var sampleGroups = [ 
        {
            key: "allProjects", title: "All Projects", subtitle: "All Contoso projects.",
            backgroundImage: darkGray
        },
    ];

Individuare la funzione dopo che il commento // TODO: Replace the data with your real data.e sostituire il codice esistente con il codice seguente:

//Generic function for loading data via a odata url
    function loadData(data, odataUrl, dataLoaded) {
        if (data) {
            return WinJS.Promise.as(data);
        }
        else {
            return new WinJS.Promise(function (complete, error, progress) {
                OData.read(odataUrl,
                function (data) {
                    complete(dataLoaded(data.results));
                },
                function (dataerror) {
                    error(dataerror);
                });
            });
        }
    }


    var projectsODataUrl = "https://localhost:#####/ApplicationData.svc/Projects";
    //TODO: Replace projectsODataUrl with url for deployed OData service
    //  before publishing this application.
    var _projects;
    //Loads projects
    function loadProjects() {
        loadData(_projects, projectsODataUrl, function (results) {
            _projects = results;
            return _projects;
        }).then(function (projects) {
            var items = [];

            $.each(projects, function (l, e) {
                var notes;
                if (e.Notes === null) {
                    notes = "";
                }
                else {
                    notes = e.Notes;
                }
                items.push({
                    displayName: e.ProjectName, subtitle: "Estimate: $" +
                        e.OriginalEstimate, description: "", content: notes
                });
            });
            showProjects(items.sort(), sampleGroups[0]);
        });
    }

    //Adds projects to binding list.
    function showProjects(items, itemGroup) {
        items.forEach(function (item) {
            list.push(
                {
                    group: itemGroup, title: item.displayName,
                    subtitle: item.subtitle, description: item.description,
                    content: item.content, backgroundImage: lightGray
                }
              )
        });
    }

    loadProjects();

Per specificare le funzionalità per Windows archiviare l'applicazione

In Esplora soluzioni, aprire il file di package.appxmanifest.
Nella scheda Funzionalità, selezionare la casella di controllo Reti private (Client e Server).

Questa procedura consente a un'applicazione aziendale per accedere alle risorse di rete Intranet.Questa impostazione non è necessaria per le applicazioni tipiche Windows Store da Windows Store.

Per eseguire il debug e testare l'applicazione

In Esplora soluzioni, aprire il menu di scelta rapida del nodo Soluzione quindi scegliere Proprietà.
Scegliere il pulsante di opzione Progetti di avvio multipli.
Nella colonna Azione, scegliere Avvia per i progetti ContosoProjects che ContosoConstruction.

Importante

Assicurarsi che ContosoContruction sia elencato prima ContosoProjects nell'ordine di avvio.
In Esplora soluzioni, aprire il file di data.js.
Nella riga che inizia return new WinJS.Promise, impostare un punto di interruzione.
Scegliere il tasto F5 per avviare il debug.

L'applicazione verrà avviato per caricare e quindi interruzione dell'esecuzione quando il punto di interruzione viene raggiunto.
Nella finestra del browser in cui l'applicazione di costruzione Contoso è in esecuzione, copiare il numero di porta dalla barra degli indirizzi.

Il numero di porta è il valore numerico che segue https://localhost: nell'URL.
Nella finestra Controllo immediato, immettere odataUrl = https://localhost:#####/ApplicationData.svc/Projects, sostituendo il numero di porta per #####, quindi scegliere la chiave Invio.
Scegliere il tasto F5 per continuare caricare l'applicazione di progetti Contoso.

L'applicazione di progetti Contoso visualizzato.
Scegliere il pulsante Tutti i progetti per visualizzare un elenco di progetti dall'applicazione di costruzione Contoso.

Importante
Assicurarsi che ContosoContruction sia elencato prima ContosoProjects nell'ordine di avvio.

Passaggi successivi

Quando si è pronti per distribuire l'applicazione, è necessario pubblicare indipendentemente ogni progetto.Innanzitutto, si pubblica l'applicazione LightSwitch al server di produzione.Dopo l'applicazione LightSwitch viene distribuita e si conosce il servizio URL di OData per il server di produzione, aggiornare il numero di porta nel file di data.js per l'applicazione Windows Store prima della distribuzione.

Vedere anche

Altre risorse

LightSwitch come origine dati

Procedura: distribuire un'applicazione a 3 livelli

Procedura: Distribuire un'applicazione di archivio di Windows

Condividi tramite