...

Criando um novo aplicativo do Facebook

Image Removed

...

1º- Acesse o website aos desenvolvedores do Facebook (http://developers.facebook.com). 

Image Added

2º-

...

Acessar o menu Meus Aplicativos 

...

→ Criar aplicativo

...

3º- Selecionar o tipo do Aplicativo

Selecione Nenhum  Selecione o Tipo Nenhum  e Avançar

Crie

4º- Criar um novo aplicativo Facebook

Informe , informando o Nome de exibição (Nome do aplicativo) e o E-mail de contato do responsável pelo aplicativo.

No exemplo a seguir usaremos o nome: “TOTVS Login”:

...

5º-  Selecionar o Produto → Login do Facebook

  Ao criar o aplicativo, serão exibidos todos os serviços que o Facebook disponibiliza para acesso externo via aplicativo. Neste exemplo escolheremos Login do Facebook e em seguida clique em Configurar:

Image RemovedImage Added

...

6º- 

...

Acessar o menu lateral Login do Facebook

...

→ Configurações

Nesta . Nesta etapa, você deverá informar a as URI’s de redirecionamento do OAuth válidos. Salve as alterações.

Por exemplo:

• • Para o portal do aluno de teste, nós poderíamos informar um endereço baseado em “localhost”, pois o Portal do Aluno de exemplo encontra-se na mesma máquina em que é feito a configuração (definimos o endereço: http://localhost:8080/web/app/edu/PortalEducacional/).
  • Para o portal que está configurado com SSL informe o endereço correto de redirecionamento. (Neste exemplo usamos: https://testeframe.com.br/RM12122/Login.aspx ou http://localhost/Corpore.Net/Login.aspx)
  • Antes, para configurar o aplicativo do Facebook para login na MDI, neste campo era necessário informar o endereço: https://www.facebook.com/connect/login_success.html. Esta funcionalidade não é mais necessária, e inclusive, não é mais permitida pelo facebook nas versões atuais do OAuth. 
    
  Ainda nessa tela, marque a opção Login do OAuth no navegador incorporado e salve as alterações:

Image RemovedImage Added

...

7º-  Clique no menu lateral na opção Configurações → Básico.

Nesta página é obrigatório preencher a URL da Política de Privacidade (Ex.: https://pt-br.facebook.com/msqrd/privacy), a categoria do aplicativo e salvar as alterações.

Poderá ser informado Domínio do aplicativo, opcional;  Pode ocorrer de ao preencher este campo e salvar as alterações ele permaneça vazio, isto não vai gerar problema, pode prosseguir.

Também > Básico. Nessa seção, será necessário definir apenas a configuração Domínio do aplicativo; Também é possível definir configurações adicionais, como: Logo da empresa, URL da política de privacidade, URL de Termos de Serviço e etc (que são opcionais para o funcionamento do serviço desejado, mas recomendável que a instituição faça seu preenchimento.) Observação: Para ativar o aplicativo é necessário preencher a URL da Política de Privacidade (Ex.: https://pt-br.facebook.com/msqrd/privacy), a categoria do aplicativo e salvar as alterações.

Image Removed

Image Added

8º- ID e Chave Secreta do Aplicativo

7º-  Após definir todas as configurações necessárias para funcionamento do aplicativo de Login via Facebook, precisaremos de alguns dados para fazermos a configuração do aplicativo com o sistema RM.

Para isso, permaneça na tela de Configurações > → Básico, onde estão as informações necessárias para fazer essa integração.

Anote os dados destacados conforme a imagem abaixo:abaixo, clique em Mostrar.

Image AddedImage Removed

...

Na mesma página do item anterior, será necessário adicionar para qual plataforma nosso aplicativo será utilizado. Clique no botão Adicionar Plataforma e e escolha a opção opção WebSite.

<div style="background: #fff; padding:10px;text-align:center;width:calc(100% - 25px);margin:0px 0px;">

Image RemovedImage Added

Image RemovedImage Added

</div>

 Em seguida, será criado uma seção na página que contém o campo URL do Site, onde iremos informar o local onde está hospedado o portal. Ex.: (http://localhost:8080/web/app/edu/PortalEducacional/).

<div style="background: #fff; padding:10px;text-align:center;width:calc(100% - 25px);margin:0px 0px;">

Image RemovedImage Added

</div>

<div style="background: #fff; padding:10px;text-align:center;width:calc(100% - 25px);margin:0px 0px;">

...

<script type="text/javascript" language="javascript">

Show = function(divName, imgName){
window["currentElement"] = divName;
if(typeof divName === "string"){
	if(document.getElementById(divName).offsetHeight < 2){
     $("#" + divName).animate({height: $("#" + divName).get(0).scrollHeight + 7});
     $("#" + divName).css("visibility", "visible")
     $("#" + imgName).attr('src', '/download/attachments/309398329/remove.png?version=1&modificationDate=1509386912062&api=v2');  
     $(".HiddenDiv .tab-nav-link").on("click", function(){
          window["currentElement"] = $(this).parents().find(".HiddenDiv").attr("id");
     });  
	 $(".HiddenDiv .confluence-information-macro").mutate('height',function (element,info){
          this.selector.each(function(index, element){
             if($(this).parent().attr("id") == window["currentElement"])
             $(this).parent().height($(this).outerHeight() + 61);
          });		
     });
    }
    else{
     $("#" + divName).animate({height: "0px"});
     $("#" + divName).css("visibility", "hidden")
     $("#" + imgName).attr('src', '/download/attachments/309398329/add.png?version=1&modificationDate=1509382756808&api=v2');
    }
}
}
</script>

...

...

9º- 

...

Publicar o aplicativo

Acesse o menu fixo de cima e ative Ao vivo o modo de desenvolvimento do aplicativo.

Image Removed

Após ativado:

Image RemovedImage Added