Postupy: Používání dat z aplikací LightSwitch v aplikacích pro web Windows Store

Článek
03/04/2013

Podle tohoto postupu můžete naučit vytvořit nebo konfigurovat Windows Store aplikace nebo jiná aplikace, která podporuje protokol otevřít Data (OData) zpracovávat data z libovolného Visual Studio LightSwitch aplikace.

Požadavky

K dokončení tohoto postupu je třeba používat Visual Studio 2012 na Windows 8.Budete také potřebovat stáhnout aplikaci Contoso konstrukci z MSDN vzorky Galerie na webu společnosti Microsoft a postupujte podle pokynů v souboru readme.txt.Pokud jste vytvořili nikdy Windows Store aplikace, zobrazí se výzva získat licenci vývojáře při vytváření projektu pro Windows Store aplikace.

Vystavit zdroj dat OData

V řádku nabídek zvolte soubor, otevřených, Projektu a umístění v.
V Otevřít projekt dialogové okno Vyhledat soubor ContosoConstruction.sln a otevřete jej.
V Aplikaci Solution Explorer, otevřete místní nabídku pro Vlastnostia pak zvolte otevřete.
V Application Designer, zvolte Typ aplikace kartu.
V klienta bodu, zvolte WWW přepínač.

Tento postup poskytuje oba zdroje dat pro aplikaci Contoso konstrukce jako OData kanály.

Vytvoření úložiště systému Windows aplikace

Na panelu nabídky vyberte možnosti Soubor, Přidat, Nový projekt.
V seznamu typy projektu pro JavaScript, zvolte Rozdělené.
V název text zadejte, ContosoProjectsa pak zvolte OK tlačítko.

ContosoConstruction projektu je přidán do roztoku.

Chcete-li přidat skript knihoven

V řádku nabídek zvolte Nástroje, Balíčku správce knihovny, Konzoly Správce balíčků.

Konzoly Správce balíčků okno.
Na Konzoly Správce balíčků příkazového řádku, zadejte instalační balíček jquerya pak zvolte klávesu Enter.
Po dokončení příkazu zadejte instalační balíček datajsa pak zvolte klávesu Enter.

Po dokončení příkazu následující JavaScript soubory se objeví v skripty ve složce Aplikaci Solution Explorer:
- 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

Chcete-li změnit úložiště systému Windows aplikace

V Aplikaci Solution Explorer, otevřete soubor default.html.

Ve skupinovém rámečku WinJS references oddíl, přidejte následující odkazy:

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

V Aplikaci Solution Explorer, rozbalte js uzlu a pak otevřete soubor default.js.
Ve skupinovém rámečku var app = WinJS.Application; řádek, přidejte následující proměnné:
```
var OData = window.OData;
```
V Aplikaci Solution Explorer, otevřete soubor data.js.

Nahradit kód sampleGroups oddíl s následujícím kódem:

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

Vyhledejte funkci po komentář // TODO: Replace the data with your real data.a nahraďte existující kód následující kód:

//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();

Určit možnosti pro aplikaci úložiště systému Windows

V Aplikaci Solution Explorer, otevřete soubor package.appxmanifest.
Na funkce kartu Vybrat Privátní sítě (klient a Server) políčko.

Tento postup umožňuje enterprise aplikace přístup k prostředkům v síti Intranet.Toto nastavení není nutné pro typické Windows Store z aplikace Windows Store.

Ladění a testování aplikací

V Aplikaci Solution Explorer, otevřete místní nabídku pro roztok uzlu a pak zvolte Vlastnosti.
Zvolte více projektů spuštění přepínač.
V Akce sloupce, zvolte Start obou ContosoConstruction a ContosoProjects projekty.

Důležité

Ujistěte se, že ContosoContruction je uveden před ContosoProjects v pořadí spouštění.
V Aplikaci Solution Explorer, otevřete soubor data.js.
V řádku, který spouští return new WinJS.Promise, nastavte zarážku.
Zvolte spustit ladění klávesu F5.

Aplikace spustí načíst a pak ukončeny po zarážce.
V okně prohlížeče, kde je spuštěna aplikace stavební společnosti Contoso zkopírujte číslo portu z panelu Adresa.

Číslo portu je číselná hodnota, která následuje https://localhost: v adrese URL.
V okamžité okně zadejte odataUrl = https://localhost:#####/ApplicationData.svc/Projects, číslo portu pro nahrazování #a pak zvolte klávesu Enter.
Zvolte pokračovat v zavádění aplikace projekty Contoso klávesy F5.

Contoso projekty aplikace se zobrazí.
Zvolte Všechny projekty tlačítko Zobrazit seznam z aplikace Contoso stavebních projektů.

Důležité
Ujistěte se, že ContosoContruction je uveden před ContosoProjects v pořadí spouštění.

Další kroky

Jakmile budete připraveni k nasazení aplikace, je nutné publikovat každý projekt samostatně.Nejprve budete publikovat LightSwitch aplikaci na produkční server.Po LightSwitch aplikace je zavedena a znáte adresu URL služby OData pro produkční server, aktualizuje číslo portu v souboru data.js Windows Store před nasazením pak aplikace.

Viz také

Další zdroje

LightSwitch jako zdroj dat

Jak: zavedení třístupňové aplikace

Postup: nasazení aplikace úložiště systému Windows

Sdílet prostřednictvím