Explicação passo a passo: Como usar dados do LightSwitch em um aplicativo da Windows Store

Artigo
02/25/2013

Seguindo esta explicação passo a passo, você pode aprender a criar ou Windows Store app ou configurar o outro aplicativo que suporta o protocolo aberto de dados (OData) para consumir dados de qualquer aplicativo de Visual Studio LightSwitch .

Pré-requisitos

Para concluir esta explicação passo-a-passo, você deve executar Visual Studio 2012 em Windows 8.Você também precisará baixar sobre Galeria dos exemplos do MSDN o aplicativo de compilação de Contoso do site da Microsoft e a configuração para seguir as instruções no arquivo readme.txt.Se você nunca criou Windows Store app antes, você será solicitado para adquirir uma licença do desenvolvedor quando você cria um projeto para. Windows Store app

Para expor uma fonte de dados de OData

Em a barra de menu, escolha Arquivo, Abrir, projeto/local.
Em a caixa de diálogo de Abrir Projeto , navegue até o arquivo de ContosoConstruction.sln, e abrí-lo em.
Em Gerenciador de Soluções, abra o menu de atalho para Propriedades, e então escolha Abrir.
Em designer de aplicativo, escolha a guia de Tipo de Aplicativo .
Em a seção de Cliente , escolha o botão de opção de Web .

Este procedimento expõe ambas as fontes de dados para o aplicativo de compilação de Contoso como opção de OData.

Para criar um armazenar app

Na barra de menu, escolha Arquivo, Adicionar, Novo Projeto.
Em a lista de tipos de projeto para JavaScript, escolha São tratadas.
Em a caixa de texto de Nome , especifique ContosoProjects, e então escolha o botão de OK .

O projeto de ContosoConstruction é adicionado à solução.

Para adicionar bibliotecas de script

Em a barra de menu, escolha Ferramentas, O gerenciador de biblioteca de pacote, Console do gerenciador de pacote.

a janela de O console do gerenciador de pacote abre.
Em o prompt de comando de Console do gerenciador de pacote , entre em jquery pacote de instalação-, e escolha a tecla ENTER.
Depois que o comando for concluída, entre em datajs pacote de instalação-, e escolha a tecla ENTER.

Depois que o comando for concluída, os seguintes arquivos de JavaScript aparecem na pasta de Scripts em Gerenciador de Soluções:
- 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.

Para alterar o windows armazenamento app

Em Gerenciador de Soluções, abra o arquivo default.html.

Em a seção de WinJS references , adicione as seguintes referências:

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

Em Gerenciador de Soluções, expanda o nó de js , e abra o arquivo de default.js.
Em a linha de var app = WinJS.Application; variável, adicione o seguinte:
```
var OData = window.OData;
```
Em Gerenciador de Soluções, abra o arquivo de data.js.

Substitua o código na seção de sampleGroups com o seguinte código:

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

Localize a função após o comentário // TODO: Replace the data with your real data., e substitui o código existente com o seguinte código:

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

Para especificar recursos para as janelas armazenar app

Em Gerenciador de Soluções, abra o arquivo de package.appxmanifest.
Em a guia de Recursos , selecione a caixa de seleção de Redes particulares (cliente e servidor) .

Este procedimento permite uma empresa app para acessar recursos da intranet.Essa configuração não é necessária para apps típicos de Windows Store de Windows Store.

Para depurar e testar o aplicativo

Em Gerenciador de Soluções, abra o menu de atalho para o nó de Solução , e então escolha Propriedades.
Escolha o botão de opção de Vários projetos de inicialização .
Em a coluna de Ação , escolha Iniciar para projetos de ContosoConstruction e de ContosoProjects .

Importante

Certifique-se de que ContosoContruction esteja listado antes que ContosoProjects na ordem de inicialização.
Em Gerenciador de Soluções, abra o arquivo de data.js.
Em a linha que inicia return new WinJS.Promise, definir um ponto de interrupção.
Escolha a tecla F5 para iniciar a depuração.

O aplicativo irá iniciar para carregar e então parar de executar quando o ponto de interrupção é alcançado.
Em a janela do navegador onde o aplicativo de compilação de Contoso está sendo executado, copie o número da porta da barra de endereços.

O número da porta é o valor numérico que segue https://localhost: na URL.
Em a janela de Imediato , entre em odataUrl = https://localhost:#####/ApplicationData.svc/Projects, substituindo o número de porta para #####, e escolha a tecla ENTER.
Escolha a tecla F5 para continuar carregar os projetos app de Contoso.

Os projetos app de Contoso aparecem.
Escolha o botão de Todos os Projetos para exibir uma lista de projetos de aplicativo de compilação de Contoso.

Importante
Certifique-se de que ContosoContruction esteja listado antes que ContosoProjects na ordem de inicialização.

Próximas etapas

Quando você estiver pronto para implantar app, você deve publicar cada projeto independente.Primeiro, você publicar o aplicativo de LightSwitch ao seu servidor de produção.Depois que o aplicativo de LightSwitch é implantado e você souber o URL do serviço de OData para o servidor de produção, você atualiza o número de porta no arquivo de data.js para Windows Store app antes do implantá-lo em.

Consulte também

Outros recursos

LightSwitch como fonte de dados

Como: implantar um aplicativo de três camadas

Como: Implantar um aplicativo do windows

Compartilhar via