Wskazówki: korzystanie z danych LightSwitch w aplikacji sklepu Windows Store

Artykuł
02/27/2013

Wykonując tego instruktażu można poznać sposoby tworzenia lub skonfigurować Windows Store aplikacji lub innych aplikacji, która obsługuje otwarty protokół danych (OData), należy wykorzystać dane z dowolnej Visual Studio LightSwitch aplikacji.

Wymagania wstępne

Do przeprowadzenia tego instruktażu, musisz używać Visual Studio 2012 na Windows 8.Trzeba będzie również pobrać aplikację budowy Contoso z Galeria przykładów MSDN w witrynie sieci Web firmy Microsoft i wykonaj instrukcje instalacji w pliku readme.txt.Jeśli utworzyłeś nigdy nie Windows Store aplikacji przed, zostanie wyświetlony monit uzyskanie licencji developer podczas tworzenia projektu dla Windows Store aplikacji.

Aby udostępnić źródła danych OData

Na pasku menu wybierz pliku, Otwórz, /Lokalizacji projektu.
W Otwórz projekt okno dialogowe Przejdź do pliku ContosoConstruction.sln, a następnie otwórz go.
W Solution Explorer, otwórz menu skrótów dla Właściwości, a następnie wybierz polecenie Otwórz.
W Projektanta aplikacji, wybierz polecenie Typ aplikacji kartę.
W klienta sekcji, wybierz Web przycisku opcji.

Procedura ta uwidacznia obu źródeł danych dla aplikacji budowy Contoso jako źródła OData.

Aby utworzyć app magazynu systemu Windows

Na pasku menu, kliknij Plik, Dodaj, Nowy projekt.
Na liście typów projektów dla JavaScript, wybierz polecenie Podziału aplikacji.
W Nazwa tekst Określ ContosoProjects, a następnie wybierz polecenie OK przycisku.

ContosoConstruction projekt jest dodawany do roztworu.

Aby dodać skrypt bibliotek

Na pasku menu wybierz Narzędzia, Menedżera pakietów biblioteki, Konsoli Menedżera pakietów.

Konsoli Menedżera pakietów okno.
W Konsoli Menedżera pakietów wierszu polecenia, wprowadź Popularne pakiet instalacyjny, a następnie wybierz klawisz Enter.
Po zakończeniu polecenia, wpisz pakiet instalacyjny datajs, a następnie wybierz klawisz Enter.

Po zakończeniu polecenia, następujące JavaScript pliki pojawiają się w skrypty folderu w Solution Explorer:
- datajs 1.0.2.js
- datajs 1.0.2.min.js
- popularne 1.7.1.js
- popularne 1.7.1.min.js
- popularne 1.7.1.-vsdoc.js

Aby zmodyfikować app magazynu systemu Windows

W Solution Explorer, otwórz plik default.html.

W obszarze WinJS references sekcji, należy dodać następujące informacje:

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

W Solution Explorer, rozwiń węzeł js węzeł, a następnie otwórz plik default.js.
W obszarze var app = WinJS.Application; wiersz, należy dodać następującą zmienną:
```
var OData = window.OData;
```
W Solution Explorer, otwórz plik data.js.

Zastąp kod w sampleGroups sekcji następującym kodem:

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

Zlokalizuj funkcję po komentarz // TODO: Replace the data with your real data.i zastąpić istniejący kod następujący kod:

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

Aby określić możliwości dla aplikacji Windows magazynu

W Solution Explorer, otwórz plik package.appxmanifest.
Na możliwości karcie Wybierz Sieci prywatne (klient i serwer) pole wyboru.

Ta procedura umożliwia aplikacji enterprise dostęp do zasobów intranetowych.To ustawienie nie jest konieczne dla typowych Windows Store aplikacje z Windows Store.

Do debugowania i przetestować aplikację

W Solution Explorer, otwórz menu skrótów dla roztwór węzeł, a następnie wybierz polecenie Właściwości.
Wybierz wielu projektów uruchamiania przycisku opcji.
W akcji kolumny, wybierz polecenie Start dla obu ContosoConstruction i ContosoProjects projektów.

Ważne

Upewnij się, że ContosoContruction znajduje się przed ContosoProjects w kolejności uruchamiania.
W Solution Explorer, otwórz plik data.js.
W wierszu, który uruchamia return new WinJS.Promise, ustaw punkt przerwania.
Wybierz klawisz F5, aby uruchomić debugowanie.

Aplikacja rozpoczyna ładowanie i następnie zatrzymać uruchomione po osiągnięciu punktu przerwania.
W oknie przeglądarki, w którym jest uruchomiona aplikacja Contoso budowy skopiuj numer portu z paska adresu.

Numer portu jest to wartość liczbowa, który następuje https://localhost: w adresie URL.
W natychmiastowe oknie wprowadź odataUrl = https://localhost:#####/ApplicationData.svc/Projects, podstawiając numer portu dla #, a następnie wybierz klawisz Enter.
Wybierz klawisz F5, aby wznowić ładowanie aplikacji Contoso projektów.

Pojawi się app Contoso projektów.
Wybierz Wszystkie projekty przycisk, aby wyświetlić listę projektów z Contoso budowy aplikacji.

Ważne
Upewnij się, że ContosoContruction znajduje się przed ContosoProjects w kolejności uruchamiania.

Następne kroki

Gdy skończysz wdrażanie aplikacji, należy opublikować każdego projektu niezależnie.Najpierw opublikować LightSwitch aplikacji na serwer produkcyjny.Po LightSwitch aplikacja jest rozmieszczana i znasz adres URL usługi OData na serwer produkcyjny, aktualizacja numer portu w pliku data.js Windows Store aplikacji przed wdrożeniem następnie.

Zobacz też

Inne zasoby

LightSwitch jako źródła danych

Jak: Wdrażanie aplikacji 3-warstwowej

Jak: Wdrażanie aplikacji Windows magazynu

Udostępnij za pośrednictwem