Geral

Desenvolvendo uma App de CRUD via REST para SharePoint – Parte 1

Olá Pessoal,

Nessa série de posts, vamos conhecer um pouco mais de como desenvolver uma app para SharePoint e colocá-la como “pedaço” de uma página no nosso portal. Iremos desenvolver o CRUD completo de uma lista utilizando a api REST do SharePoinit Online e hospedá-la usando a AppCatalog do SharePoint.

Iremos utilizar o modelo SharePoint-Hosted app para desenvolver essa app e criar uma Client WebPart para poder colocá-la como app part em uma página do SharePoint.

Para conhecer mais sobre os modelos de desenvolvimento para SharePoint você pode assistir ao treinamento do Microsoft Virtual Academy que desenvolvi para mostrar quais são os modelos de desenvolvimento de app disponíveis até a versão 2013. O link do MVA está aqui: http://www.microsoftvirtualacademy.com/training-courses/introdu-o-ao-desenvolvimento-sharepoint

Nesse primeiro post vou apresentar para vocês como criar a app no Visual Studio e publicá-la no App Catalog. Se você ainda não tem um AppCatog na sua estrutura SharePoint, fiz um post mostrando como criá-lo em um tenant do Office 365 no seguinte link: https://douglasromao.wordpress.com/2015/05/24/o-que-e-e-como-configurar-o-catalogo-de-aplicativos-do-office-365/

Vamos lá! Abra o seu Visual Studio (Estou usando o Visual Studio 2012 com o SharePoint developer tools)

Vamos adicionar um novo projeto, então, vá no menu File > New > Project.

1

Vamos procurar pelo Projeto odo tipo App for SharePoint.

2

Ao clicar em Ok, aparecerá a tela abaixo para preenchermos os dados de URL do site SharePoint em que você deseja debugar sua app, ou seja, você pode fazer debug das suas apps direto do visual studio! Cool, não?

*É importante que o portal onde será publicado seja um portal do tipo Developer site.

No nosso caso, vou colocar o site de Catálogo de Aplicativos que tenho para fazer a publicação.

Você pode também solicitar um portal Office 365 clicando no link abaixo do “Don´t have a developer site?”

Após isso vamos selecionar onde será hosteada a nossa app, ou qual o modelo de desenvolvimento, o Provider-hosted ou o SharePoint-hosted.  No MVA que citei lá no começo do post eu explico um pouco da diferença dos dois. Nesse nosso exemplo aqui vamos usar a SharePoint-hosted.

3

Após darmos “Finish” a nossa app será criada e junto com ela uma estrutura completa com algumas pastas e uma app Full Part de exemplo.

Uma app Full Part é uma app que será rodada dentro de uma página e não pode ser colocada dentro de outra página no portal como se fosse uma webpart, para fazermos isso é necessário criar uma Client WebPart no Projeto, que no fim virará uma App Part.

4

Dentro da pasta Scripts, temos um javascript pré-montado com algumas funcionalidades de exemplo para nos guiar no primeiro desenvolvimento.

5

No código abaixo, vamos buscar o usuário corrente e mostrar na tela “Hello ” e o nome do usuário.

 

 

6

 

Vamos publicar essa app no nosso catálogo de aplicativos pelo modo Publish, então clique com o botão direito em cima do nome o Projeto e vá até Publish.

7

Abrirá a tela de Publish, com as opções de empacotamento de app ou de submissão para a Office Store. Vamos publicar usando o Package the app.

8

Abrirá uma pasta com o arquivo da app.

9

Agora vamos abrir nosso portal de Catálogo de Aplicativos e clicar em Aplicativos para SharePoint.

10

Em Aplicativos para SharePoint, estão listados todos os apps que já foram colocados no nosso catálogo, no meu caso tem um app lá já, mas vamos clicar em Carregar para carregar o arquivo da nossa app.

11

Escolha o arquivo da sua app.

13 14

 

Após isso, vamos em um dos nossos portais, dentro de Conteúdo do Site, e vamos clicar em Adicionar um novo aplicativo.

15

Na tela de adicionar aplicativo, você já verá a sua app listada, basta clicar nela.

 

16

A app vai pedir permissão das informações, clique em Confiar.

17

Pronto! Nossa app está instalada no nosso portal e pode ser utilizada clicando em cima dela.

 

18Como falei para vocês, essa app de exemplo dá uma mensagem de bem vindo para o usuário.

21

 

Bom pessoal, por hoje era isso, nos próximos posts vamos começar a criar as tela da nossa app com o CRUD utilizando REST.

Até a próxima!

Anúncios

2 comentários

    1. Olá Tarcísio!
      Pois é, infelizmente acabei não dando continuidade nesse post mas prometo fazê-lo assim que possível, postando te aviso!

      Obrigado por acompanhar aqui e qualquer sugestão estou à disposição, abraços!

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 )

Foto do Google+

Você está comentando utilizando sua conta Google+. 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 )

Conectando a %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.