Desenvolvendo Apps Online para o SharePoint 2013

O SharePoint 2013 veio com o conceito de apps, seguindo a linha de outros produtos como o Windows Phone 7, Windows 8 e também até mesmo o Office 2013, veja o post: Novo Conceito no SharePoint 2013: Apps.

O que vou mostrar neste post é um apps que a Microsoft criou e que irá nos ajudar a desenvolver outros apps, é isso mesmo, um app para criar apps. O nome atual – antes do lançamento oficial – é “Napa” Office 365 Development Tools.

As informações contidas neste post são da versão Preview do SharePoint 2013, elas podem sofrer alterações até o lançamento do produto.

Antes de começar o post vamos fazer uma pequena reflexão: os apps deram um poder de customização e entrega de customizações ao SharePoint que até então não era sonhado. No SharePoint 2010 o artefato mais flexível que tínhamos era a sandbox solution, mas por causa de sua arquitetura não permitia que algumas coisas fossem feitas. Mas agora o cenário é outro, com apps e o uso de JavaScript acessando os dados do SharePoint ou serviços externos, as possibilitades são muito maiores do que antes. Só o fato de termos a possibilidade de utilizarmos um app para criar outros apps, já é algo bem interessante. Mostra o poder das apps que poderemos criar. Não acredito que vamos utilizar esse app para fazer as apps realmente, porque o Visual Studio é sem comparação, mas quem sabe… esse editor tem até intellisense e alguns recursos interessante. Para fazer algumas coisas será de bom uso.

Para fazer os procedimentos deste post, crie um site do tipo Developer Site no Centro de Administração do SharePoint.

 

Instalando o App

O primeiro passo é acessar o app para poder instalá-lo no site. O link para o app está na página principal do site de dev, conforme a imagem 01.

appsonline01

Imagem 01: Selecionando o link para a instalação do app

A página do aplicativo foi exibida, conforme a imagem 02. Clique em Add It para instalá-lo no site.

appsonline02

Imagem 02: Instalando o app no site

Clique em Trust it para dizer que confia no aplicativo, conforme imagem 03.

appsonline03

Imagem 03: Aceitando o termo de segurança do app

A página com os apps do site foi exibida, nela o app que acabamos de instalar é exibida. A imagem 04 mostra os apps disponíveis no site. Clique no app para abri-lo.

appsonline04

Imagem 04: Apps instalados no site

 

Criando um novo App

A página do app é exibida, veja que o app nos direcionou para o site dele próprio, para fazermos a seleção do tipo de app que vamos criar. Ficou muito interessante, porque além de podermos fazer apps para o SharePoint, podemos fazer para o Word, Excel e Outlook. No nosso caso vamos criar para o SharePoint, conforme a imagem 05.

appsonline05

Imagem 05: Criando um app do tipo SharePoint

A página com os novo app foi aberta, repare que a estrutura é a mesma estrutura que é utilizada no Visual Studio, veja a imagem 06. Aqui você pode escrever o código do seu app e adicionar artefatos a ele, como scripts, imagens, css.

appsonline06

Imagem 06: Editando o código do app

O projeto pode ser aberto no Visual Studio, conforme imagens 07 e 08, veja que interessante que as coisas estão ficando.

appsonline07

Imagem 07: Abrindo o projeto no Visual Studio

appsonline08

Imagem 08: App aberto no Visual Studio

 

Instalando e Executando o novo App

Voltando ao site, vamos fazer a publicação do app, para isso clique no botão na barra inferior esquerda chamado Run Project, a tela de progresso da instalação e a instalação será feita, conforme a imagem 09.

appsonline09

Imagem 09: Instalando o app

Após a instalação ser executada com sucesso, o link para testar o app será exibido, conforme a imagem 10.

appsonline10

Imagem 10: Acessando o app recém instalado

A página do app foi exibida, veja que a mensagem que escrevemos está sendo exibida.

appsonline11

Imagem 11: Acessando o app recém criado

 

Acessando os Apps Criados

Para acessar os apps criados, acesse o app de criação de apps, conforme a imagem 12.

appsonline12

Imagem 12: Acessando o app de criação de apps

O site do app é exibido, nele os seus apps são exibidos e você pode continuar a editá-los, conforme imagem 13.

appsonline13

Imagem 13: Acessando os apps criados

 

Conclusão

Este post teve como objetivo mostrar apenas o app responsável por fazer a criação de outros apps via web, que serviu para nos mostrar o poder dos apps e nos faz pensar nos tipos de solução que poderemos fazer com eles. Venha logo SharePoint 2013!

Para ver mais detalhes do que é possível fazer com esse app, acesse o help Create apps for Office and SharePoint by using “Napa” Office 365 Development Tools.

Anúncios

3 Respostas to “Desenvolvendo Apps Online para o SharePoint 2013”

  1. Meu Primeiro App para o Excel « Fabian André Gehrke Says:

    […] Este app poderia ter sido desenvolvido no navegador ao invés do Visual Studio, veja o post Desenvolvendo Apps Online para o SharePoint 2013. […]

  2. Andréa Cursino Says:

    Fabian, não estou usando o Napa para criar app, crio com VS2013, mas gostaria da sua ajuda pra resolver um problema.
    Criei um app padrão no VS2013, sem nada e tentei fazer a publicação diretamente do VS tb, mas está dando o erro abaixo. Meu app é um Provider-Hosted MVC. Sabe o que pode ser?

    ————————————————
    Configuration Error
    Description: An error occurred during the processing of a configuration file required to service this request. Please review the specific error details below and modify your configuration file appropriately.

    Parser Error Message: Could not load type ‘Microsoft.SharePoint.WebControls.ListMenu’.

    Source Error:

    Line 7:
    Line 8:
    Line 9:
    Line 11: <adapter controlType="Microsoft.SharePoint.WebPartPages.XsltListViewWebPart, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"

    Source File: C:\inetpub\wwwroot\wss\VirtualDirectories\wssappscatalog.b2w80\App_Browsers\compat.browser Line: 9

    ——————————————————————————–
    Version Information: Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.18055

    ————————————————

    Fico no aguardo.
    Obrigada.

    Andréa Cursino

    • Fabian André Gehrke Says:

      Andréa,

      Você está utilizando o controle ListMenu do SharePoint na sua aplicação ASP.NET MVC? A aplicação MVC é uma aplicação remota, não irá rodar no mesmo processo do SharePoint, sendo assim acredito que esses controles não irão funcionar se você nao adicionar as referências da Microsoft.SharePoint. A aplicação MVC é uma aplicação remota e utiliza as DLLs cliente do SharePoint como a Microsoft.SharePoint.Client e Microsoft.SharePoint.Client.Runtime, que já vem adicionadas ao projeto quando você cria.


Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: