Exportar (0) Imprimir
Expandir Tudo
Este artigo foi traduzido por máquina. Coloque o ponteiro do mouse sobre as frases do artigo para ver o texto original.
Tradução
Original

Como: criar um aplicativo básico do SharePoint Online

Aprenda a criar um SharePoint hospedado básico aplicativo para SharePoint com o Office Developer Tools para Visual Studio 2012.

Última alteração: quarta-feira, 1 de outubro de 2014

Aplica-se a: apps for SharePoint | Office 365 | SharePoint Foundation 2013 | SharePoint Server 2013

Usando Office Developer Tools para Visual Studio 2012, você pode criar e implantar aplicativos hospedados SharePoint tanto hospedado pelo ISV. Um aplicativo hospedado do SharePoint é o mais fácil de criar e implantar, pois seu conteúdo é implantado em um único site do SharePoint.

Vamos você através das etapas para criar o aplicativo incrementalmente. Você aprenderá como interagir com sites de SharePoint 2013 usando o modelo de objeto do JavaScript . Em seguida, você pode criar e incluir outras partes fundamentais de uma aplicativo para SharePoint.

Usando Office Developer Tools para Visual Studio 2012, você pode criar e implantar aplicativos hospedados SharePoint tanto hospedado pelo ISV. Um aplicativo hospedado do SharePoint é o mais fácil de criar e implantar, pois seu conteúdo é implantado em um único site do SharePoint.

  1. Inicie Visual Studio 2012 usando a opção Executar como administrador .

  2. Em Visual Studio 2012, no menu arquivo , escolha ' novo' e depois escolha New Project.

  3. Na caixa de diálogo Novo projeto , expanda o nó Visual C# , expanda o nó Office para o SharePoint e, em seguida, escolha o nó de aplicativos . Escolha o aplicativo para o SharePoint 2013.

  4. Nomeie o projeto e, em seguida, escolha o botão OK .

  5. Na primeira caixa de diálogo especificar o aplicativo para as configurações do SharePoint , nomeie seu aplicativo e fornecer o URL do site SharePoint 2013 que você deseja usar para depurar seu aplicativo. Em como você deseja hospedar seu aplicativo para o SharePoint, escolha hospedado pelo SharePoint. Escolha Concluir.

  6. Abra o arquivo AppManifest.xml. Visual Studio 2012 exibe o arquivo em um editor que mostra as propriedades e os valores que você atribuirá ao seu aplicativo para SharePoint. Na seção solicitações de permissão , selecione Web da lista de escopos de permissão e leitura da lista de permissões.

  7. Adicione uma lista personalizada para o projeto usando as seguintes etapas:

    1. No Solution Explorer, clique com botão direito no nó do projeto de aplicativo para abrir o menu de atalho para o aplicativo para SharePointe escolha Add New Item.

    2. Expanda o nó Office para o SharePoint em Visual C#.

    3. No painel Templates , escolha a listae, em seguida, escolha Adicionar.

    4. Na caixa de diálogo Escolher configurações de lista , nomeie a nova lista de TestCustomList, clique no botão de rádio de criar uma lista personalizável com base em , selecione padrão (em branco)e, em seguida, clique em Concluir.

  8. Adicione uma ação personalizada do host da web menu item ao projeto usando as seguintes etapas. Isso adiciona uma ação personalizada de Edit Control Block (ECB) que inicia o aplicativo para SharePoint para itens na biblioteca de documentos compartilhados no site do SharePoint pai.

    1. No Solution Explorer, clique com botão direito no nó do projeto de aplicativo para abrir o menu de atalho para o aplicativo para SharePointe escolha Add New Item.

    2. Expanda o nó Office para o SharePoint .

    3. No painel Templates , escolha a Ação do Item de Menu personalizado, digite HelloWorldCustomAction no campo nome e, em seguida, clique em Adicionar.

    4. Na caixa de diálogo Criar ação personalizada para Item de Menu , selecione o botão de rádio Da Web do Host . Selecione a Instância de lista na caixa de lista suspensa onde é to? a ação personalizada no escopo . Selecione documentos na caixa de lista suspensa que determinado item é a ação personalizada no escopo do to? . Clique em Avançar.

    5. Mantenha as opções padrão e clique em Concluir.

  9. Adicione uma ação personalizada da faixa de opções para a biblioteca de documentos compartilhados usando as seguintes etapas.

    1. No Solution Explorer, clique com botão direito no nó do projeto de aplicativo para abrir o menu de atalho para o aplicativo para SharePointe escolha Add New Item.

    2. Expanda o nó Office para o SharePoint .

    3. No painel Templates , escolha A ação personalizada da faixa de opções, digite HelloWorldRibbonCustomAction no campo nome e, em seguida, clique em Adicionar.

    4. Na caixa de diálogo Criar ação personalizada para faixa de opções , selecione o botão de rádio Da Web do Host . Selecione a Instância de lista na caixa de lista suspensa onde é to? a ação personalizada no escopo . Selecione documentos na caixa de lista suspensa que determinado item é a ação personalizada no escopo do to? . Clique em Avançar.

    5. Mantenha as opções padrão e clique em Concluir.

  10. No Visual Studio 2012, no menu Build , escolha de implantaçãoyour app name.

    Depois que o aplicativo for implantado, Visual Studio 2012 abrirá a página de Conteúdo do Site . Seu aplicativo deve aparecer na lista de aplicativos na página.

  1. Substitua o conteúdo do arquivo Scripts\Apps.js com o seguinte JavaScript. Este código recupera uma contagem do número de listas no objeto SPWeb atual e o usuário atual. Ele também ocupa elementos no arquivo default. aspx com as informações que ela recupera.

    // Replace the following with your custom JavaScript. 
    var ctx;
    var web;
    var user;
    
    function sharePointReady() {
        ctx = new SP.ClientContext.get_current();
    
        $("#getListCount").click(function (event) {
            getWebProperties();
            event.preventDefault();
        });
        welcome();
    }
    
    
    function welcome() {
        web = ctx.get_web();
        user = web.get_currentUser();
        ctx.load(user);
    
        ctx.executeQueryAsync(onUserReqSuccess, onUserReqFail);
    }
    
    function onUserReqSuccess() {
        var welcomeText = document.getElementById("starter");
        var userWelcome = document.createElement("p");
        userWelcome.style.fontSize = "14pt";
        userWelcome.innerText = "Welcome " + user.get_loginName() + ".";
        welcomeText.appendChild(userWelcome);
    }
    
    function onUserReqFail(sender, args) {
        alert('Failed to find current user. ' + args.get_message());
    }
    
    
    function getWebProperties() {
        web = ctx.get_web();
        lists = this.web.get_lists();
        ctx.load(this.lists);
        ctx.executeQueryAsync(Function.createDelegate(this, this.onSuccess), Function.createDelegate(this, this.onFail));
    }
    
    function onSuccess(sender, args) {
        alert('Number of lists in web:' + this.lists.get_count());
    }
    
    function onFail(sender, args) {
        alert('failed to get list. Error:' + args.get_message());
    }
    
  2. No arquivo default. aspx, dentro da marca de <PlaceHolderMain> , adicione o seguinte HTML.

     
    <div>
       <button id="getListCount">Get count of lists in web</button>
    </div>
    <div id="starter">
    </div>
    

  3. Você pode exibir o conteúdo de outra página da Web em um Iframe, adicionando o controle SharePoint:SPAppIFrame para o arquivo default. aspx, conforme mostrado no código a seguir.

    <SharePoint:SPAppIFrame   ID="SPAppIFrame1" runat="server" Src="http://www.bing.com" Width="100%" Height="100%"></SharePoint:SPAppIFrame>
    
  4. Você pode adicionar um modo de exibição de lista que exibe o conteúdo da lista personalizada que você criou, adicionando o controle WebPartPages:XsltListViewWebPart para o arquivo default. aspx, conforme mostrado no código a seguir.

    <WebPartPages:WebPartZone runat="server" FrameType="TitleBarOnly" 
    ID="full" Title="loc:full" >
    <WebPartPages:XsltListViewWebPart ID="XsltListViewWebPart2" 
    runat="server" ListUrl="Lists/TestCustomList" IsIncluded="True" 
    NoDefaultStyle="TRUE" Title="TestCustomList" PageType="PAGE_NORMALVIEW" 
    Default="False" ViewContentTypeId="0x"> 
    </WebPartPages:XsltListViewWebPart>
    </WebPartPages:WebPartZone>
    
  5. Use a tecla F5 para implantar e executar o App. Escolha Trust It na página consentimento para conceder permissões para o aplicativo. Quando o aplicativo for iniciado, você verá uma página como a mostrada na Figura 1. Clique no botão obter contagem de listas na web para ver o número de listas que foram implantados para o appweb.

    Figura 1. Página Default. aspx no aplicativo, exibindo o Bing home page e informações sobre o appweb

    Página de lançamento do aplicativo hospedado SharePoint básica

Depois de terminar com o nó de início do modelo de aplicativo do SDK, dê uma olhada em nós projetar, desenvolvere Publicar .

Mostrar:
© 2014 Microsoft