Your SlideShare is downloading. ×
Cobrancas online na sua aplicacao com MoIP
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Cobrancas online na sua aplicacao com MoIP

2,060
views

Published on

O MoIP provê uma API para desenvolvimento de aplicações que necessitem de um sistema de cobrança online, além de fornecer um espaço para desenvolvedores: O MoIP Labs. Nesta palestra, mostraremos como …

O MoIP provê uma API para desenvolvimento de aplicações que necessitem de um sistema de cobrança online, além de fornecer um espaço para desenvolvedores: O MoIP Labs. Nesta palestra, mostraremos como desenvolver aplicações utilizando a plataforma MoIP e as ferramentas desenvolvidas pela equipe do MoIPLabs, além de uma demonstração prática de como contribuir para o projeto no Github.

Published in: Technology, Design

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
2,060
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Cobranças online na sua aplicação com MoIP http://labs.moip.com.br/
  • 2. MoIP?
      • Intermediador de pagamentos
  • 3. MoIP?
      • Intermediador de pagamentos.
        • Alguém que recebe os pagamentos por você e os repassa no futuro.
  • 4. MoIP?
      • Intermediador de pagamentos.
        • Alguém que recebe os pagamentos por você e os repassa no futuro.
        • Interessante para quem quer evitar burocracia com pagamentos online.
  • 5. MoIP?
      • Intermediador de pagamentos.
        • Alguém que recebe os pagamentos por você e os repassa no futuro.
        • Interessante para quem quer evitar burocracia com pagamentos online.
        • Solução preferida para Startups e pequenos/médios negócios.
  • 6. MoIP?
      • Intermediador de pagamentos.
        • Alguém que recebe os pagamentos por você e os repassa no futuro.
        • Interessante para quem quer evitar burocracia com pagamentos online.
        • Solução preferida para Startups e pequenos/médios negócios.
        • Outras funcionalidades interessantes (comissionamento, cobrança/débito recorrente, doações, etc)
  • 7. MoIP?
      • Principais vantagens sobre outros intermediadores
  • 8. MoIP?
      • Principais vantagens sobre outros intermediadores.
        • API simplificada e funcional.
  • 9. MoIP?
      • Principais vantagens sobre outros intermediadores.
        • API simplificada e funcional.
        • Amigável ao desenvolvedor.
  • 10. MoIP?
      • Principais vantagens sobre outros intermediadores.
        • API simplificada e funcional.
        • Amigável ao desenvolvedor.
        • Flexibilidade nas formas de pagamento.
  • 11. MoIP?
      • Principais vantagens sobre outros intermediadores.
        • API simplificada e funcional.
        • Amigável ao desenvolvedor.
        • Flexibilidade nas formas de pagamento.
        • PagamentoDireto.
  • 12. MoIPLabs
    •  
  • 13. MoIPLabs
      • Laboratório criado pela MoIP com o intuito de auxiliar desenvolvedores e incentivar colaboração.
  • 14. MoIPLabs
      • Laboratório criado pela MoIP com o intuito de auxiliar desenvolvedores e incentivar colaboração.
        • Github ( http://github.com/moiplabs/ )
  • 15. MoIPLabs
      • Laboratório criado pela MoIP com o intuito de auxiliar desenvolvedores e incentivar colaboração.
        • Github ( http://github.com/moiplabs/ )
        • Forum ( http://labs.moip.com.br/forum/ )
  • 16. Métodos de Integração Ou: como funciona na prática?
  • 17. Dois ambientes básicos
      • Sandbox
  • 18. Dois ambientes básicos
      • Sandbox
        • feito pra testes.
  • 19. Dois ambientes básicos
      • Sandbox
        • feito pra testes.
        • sem envolvimento de valores reais.
  • 20. Dois ambientes básicos
      • Sandbox
        • feito pra testes.
        • sem envolvimento de valores reais.
      • Produção
        • Envolvimento de valores reais.
  • 21. Dois ambientes básicos
      • Sandbox
        • feito pra testes.
        • sem envolvimento de valores reais.
      • Produção
        • Envolvimento de valores reais.
        • Só deve ser utilizado quando a aplicação for validada no sandbox.
  • 22. Duas formas básicas
      • HTML
  • 23. Duas formas básicas
      • HTML
      • API
  • 24. HTML
      • É a mais simples das duas.
  • 25. HTML
      • É a mais simples das duas.
      • Consiste em um formulário HTML que, quando submetido ao MoIP, mostra a página de checkout .
  • 26. HTML
      • É a mais simples das duas.
      • Consiste em um formulário HTML que, quando submetido ao MoIP, mostra a página de checkout .
      • Sem necessidade de conhecimentos de programação.
  • 27. HTML
      • É a mais simples das duas.
      • Consiste em um formulário HTML que, quando submetido ao MoIP, mostra a página de checkout .
      • Sem necessidade de conhecimentos de programação.
        • Se o usuário souber copiar/colar HTML dentro do seu blog/site/cms.
  • 28. HTML
      • É a mais simples das duas.
      • Consiste em um formulário HTML que, quando submetido ao MoIP, mostra a página de checkout .
      • Sem necessidade de conhecimentos de programação.
        • Se o usuário souber copiar/colar HTML dentro do seu blog/site/cms.
      • GET e POST
  • 29. HTML
      • É a mais simples das duas.
      • Consiste em um formulário HTML que, quando submetido ao MoIP, mostra a página de checkout .
      • Sem necessidade de conhecimentos de programação.
        • Se o usuário souber copiar/colar HTML dentro do seu blog/site/cms.
      • GET e POST
        • Pode-se usar formulários ou links com os parâmetros requeridos.
  • 30. HTML
      • É a mais simples das duas.
      • Consiste em um formulário HTML que, quando submetido ao MoIP, mostra a página de checkout .
      • Sem necessidade de conhecimentos de programação.
        • Se o usuário souber copiar/colar HTML dentro do seu blog/site/cms.
      • GET e POST
        • Pode-se usar formulários ou links com os parâmetros requeridos.
        • GET é interessante para emails e assinaturas de fórum.
  • 31. HTML
      • É a mais simples das duas.
      • Consiste em um formulário HTML que, quando submetido ao MoIP, mostra a página de checkout .
      • Sem necessidade de conhecimentos de programação.
        • Se o usuário souber copiar/colar HTML dentro do seu blog/site/cms.
      • GET e POST
        • Pode-se usar formulários ou links com os parâmetros requeridos.
        • GET é interessante para emails e assinaturas de fórum.
        • POST é interessante para páginas Web comuns.
  • 32. HTML - Exemplo de form de doação
    • <form method='post' action='https://desenvolvedor.moip.com.br/sandbox/Process.do'>
    • <input type='hidden' name='method' value='donation'/>
    • <input type='hidden' name='donation_id' value='35'/>
    • <input type='hidden' name='type' value='2'/>
    • <input type='image' name='submit'
    •   src='https://desenvolvedor.moip.com.br/sandbox/imgs/buttons/bt_doar_c01_e01.png' alt='Ajude a manter o blog!' border='0' />
    • </form>
    Resultado:
  • 33. HTML - Exemplo de link de doação
    • <a href=&quot;https://desenvolvedor.moip.com.br/sandbox/Process.do?method=donation&donation_id=35&type=2&quot;>
    •    <img src=
    • &quot;https://desenvolvedor.moip.com.br/sandbox/imgs/buttons/bt_doar_c01_e01.png&quot; alt=&quot;Ajude a manter o blog!&quot; />
    • </a>
    Resultado:
  • 34. Mais ferramentas de integração HTML
      • Carrinho de Compras MoIP.
  • 35. Mais ferramentas de integração HTML
      • Carrinho de Compras MoIP.
      • Pagamento Simples.
  • 36. Mais ferramentas de integração HTML
      • Carrinho de Compras MoIP.
      • Pagamento Simples.
      • Veja nosso canal no Youtube para mais exemplos:  http://www.youtube.com/user/MoIPOficial
  • 37. HTML
      • Desvantagens
        • Usuário pode ver detalhes da transação.
  • 38. HTML
      • Desvantagens
        • Usuário pode ver detalhes da transação.
        • Possível modificar parâmetros importantes (como valor do pagamento).
  • 39. HTML
      • Desvantagens
        • Usuário pode ver detalhes da transação.
        • Possível modificar parâmetros importantes (como valor do pagamento).
        • &quot;Never trust user data&quot; - Provérbio Chinês ;)
  • 40. API
      • Comunicação Servidor -> Servidor
  • 41. API
      • Comunicação Servidor -> Servidor
        • O cliente não &quot;vê&quot; a transação ocorrendo.
  • 42. API
      • Comunicação Servidor -> Servidor
        • O cliente não &quot;vê&quot; a transação ocorrendo.
        • Mais segura.
  • 43. API
      • Comunicação Servidor -> Servidor
        • O cliente não &quot;vê&quot; a transação ocorrendo.
        • Mais segura.
      • Mais funcionalidades.
  • 44. API
      • Comunicação Servidor -> Servidor
        • O cliente não &quot;vê&quot; a transação ocorrendo.
        • Mais segura.
      • Mais funcionalidades.
        • PagamentoDireto.
  • 45. API
      • Comunicação Servidor -> Servidor
        • O cliente não &quot;vê&quot; a transação ocorrendo.
        • Mais segura.
      • Mais funcionalidades.
        • PagamentoDireto.
        • Comissionamento de vendedores.
  • 46. API
      • Comunicação Servidor -> Servidor
        • O cliente não &quot;vê&quot; a transação ocorrendo.
        • Mais segura.
      • Mais funcionalidades.
        • PagamentoDireto.
        • Comissionamento de vendedores.
        • Instruções adicionais (formas múltiplas de pagamento, dados do boleto,parcelamento e juros, URL de notificação, etc).
  • 47. API
    •  
  • 48. Instrucao XML
      • <EnviarInstrucao>
      •      <InstrucaoUnica>
      •          <Razao> COLOQUE A RAZAO DO  PAGAMENTO </Razao>
      •          <IdProprio> 12345 </IdProprio>
      •          <Valores>
      •              <Valor   moeda = &quot;BRL&quot; > 123.45 </Valor>
      •          </Valores>
      •      </InstrucaoUnica>
      • </EnviarInstrucao>
  • 49. URLs de envio das instruções
      • Cada ambiente (sandbox/producao) tem uma URL de envio de instruções e de redirecionamento de clientes.
  • 50. Enviando instrução XML com cURL
    • curl -X POST -u seu_token:sua_key
    • -d &quot;<EnviarInstrucao><InstrucaoUnica>
    • <Razao>COLOQUE A RAZAO DO  PAGAMENTO</Razao>
    • <IdProprio>abc-12345</IdProprio><Valores><Valor moeda='BRL'>123.45</Valor>
    • </Valores></InstrucaoUnica></EnviarInstrucao>&quot;  
    • https://desenvolvedor.moip.com.br/sandbox/ws/alpha/EnviarInstrucao/Unica
  • 51. Enviando instrução XML com cURL
    • curl -X POST -u seu_token:sua_key
    • -d &quot;<EnviarInstrucao><InstrucaoUnica>
    • <Razao>COLOQUE A RAZAO DO  PAGAMENTO</Razao>
    • <IdProprio>abc-12345</IdProprio><Valores><Valor moeda='BRL'>123.45</Valor>
    • </Valores></InstrucaoUnica></EnviarInstrucao>&quot;  
    • https://desenvolvedor.moip.com.br/sandbox/ws/alpha/EnviarInstrucao/Unica
    <ns1:EnviarInstrucaoUnicaResponse xmlns:ns1=&quot;http://www.moip.com.br/ws/alpha/&quot;><Resposta><ID>201102161007584830000000082983</ID><Status>Sucesso</Status><Token>C2L0S161W0X2E196J1H0Y0J7O5K8M408L3Q050N0X0R0F0O0M0F8G2L9J8X3</Token></Resposta></ns1:EnviarInstrucaoUnicaResponse> Resposta do servidor MoIP:
  • 52. Enviando instrução XML com cURL
    • curl -X POST -u seu_token:sua_key
    • -d &quot;<EnviarInstrucao><InstrucaoUnica>
    • <Razao>COLOQUE A RAZAO DO  PAGAMENTO</Razao>
    • <IdProprio>abc-12345</IdProprio><Valores><Valor moeda='BRL'>123.45</Valor>
    • </Valores></InstrucaoUnica></EnviarInstrucao>&quot;  
    • https://desenvolvedor.moip.com.br/sandbox/ws/alpha/EnviarInstrucao/Unica
    <ns1:EnviarInstrucaoUnicaResponse xmlns:ns1=&quot;http://www.moip.com.br/ws/alpha/&quot;><Resposta><ID>201102161007584830000000082983</ID><Status> Sucesso </Status><Token> C2L0S161W0X2E196J1H0Y0J7O5K8M408L3Q050N0X0R0F0O0M0F8G2L9J8X3 </Token></Resposta></ns1:EnviarInstrucaoUnicaResponse> Resposta do servidor MoIP:
  • 53. Enviando instrução XML com cURL
    • curl -X POST -u seu_token:sua_key
    • -d &quot;<EnviarInstrucao><InstrucaoUnica>
    • <Razao>COLOQUE A RAZAO DO  PAGAMENTO</Razao>
    • <IdProprio>abc-12345</IdProprio><Valores><Valor moeda='BRL'>123.45</Valor>
    • </Valores></InstrucaoUnica></EnviarInstrucao>&quot;  
    • https://desenvolvedor.moip.com.br/sandbox/ws/alpha/EnviarInstrucao/Unica
    <ns1:EnviarInstrucaoUnicaResponse xmlns:ns1=&quot;http://www.moip.com.br/ws/alpha/&quot;><Resposta><ID>201102161009171260000000082984</ID><Status> Falha </Status><Erro Codigo=&quot;102&quot;> Id Próprio já foi utilizado em outra Instrução </Erro></Resposta></ns1:EnviarInstrucaoUnicaResponse> Resposta do servidor MoIP (falha):
  • 54. Redirecionando cliente para página de checkout
      • O cliente deve ser redirecionado para o seguinte endereço:
    • https://desenvolvedor.moip.com.br/sandbox/Instrucao.do?token=token_de_resposta
      • No nosso caso ficaria assim:
    • https://desenvolvedor.moip.com.br/sandbox/Instrucao.do?token=C2L0S161W0X2E196J1H0Y0J7O5K8M408L3Q050N0X0R0F0O0M0F8G2L9J8X3
  • 55. Redirecionando cliente para página de checkout
      • O cliente deve ser redirecionado para o seguinte endereço:
    • https://desenvolvedor.moip.com.br/sandbox/Instrucao.do?token=token_de_resposta
      • No nosso caso ficaria assim:
    • https://desenvolvedor.moip.com.br/sandbox/Instrucao.do?token= C2L0S161W0X2E196J1H0Y0J7O5K8M408L3Q050N0X0R0F0O0M0F8G2L9J8X3
      • Se fosse em produção, seria assim:
    • https://www.moip.com.br/Instrucao.do?token=C2L0S161W0X2E196J1H0Y0J7O5K8M408L3Q050N0X0R0F0O0M0F8G2L9J8X3
  • 56. URLs de envio das instruções
      • Cada ambiente (sandbox/producao) tem uma URL de envio de instruções e de redirecionamento de clientes.
    Produção Sandbox Envio de instrução http://www.moip.com.br/ws/alpha/ EnviarInstrucao/Unica http://www.moip.com.br/sandbox/ws/ alpha/EnviarInstrucao/Unica Redirecionamento do cliente https://www.moip.com.br/Instrucao.do? token=token_retornado https://desenvolvedor.moip.com.br/ sandbox/Instrucao.do? token=token_retornado
  • 57.  
  • 58. Paralelo API x HTML *NASP - Notificação de alteração de status de pagamento Integração HTML Integração API Programação server side é opcional. Programação server side é obrigatória. Mais simples. Mais complexa. Em boa parte das vezes, não há necessidade de conhecimentos de programação. Necessita de conhecimentos de programação (a menos que haja um módulo pronto, como o do Magento, Wordpress ou Prestashop) Sempre redireciona o cliente para o site do MoIP Se a modalidade de pagamento for o Pagamento Direto, o cliente não precisa sair do seu site Somente uma URL de retorno do NASP* Várias URLs de retorno do NASP, com possibilidade de uso da mesma conta da MoIP em vários sites.
  • 59.  
  • 60. Colaborando no Github
      • Criar um repositório e nos mandar o link.
  • 61. Colaborando no Github
      • Criar um repositório e nos mandar o link.
        • &quot;forkamos&quot; o repo e você ainda ganha um post no MoIPLabs :)
  • 62. Colaborando no Github
      • Criar um repositório e nos mandar o link.
        • &quot;forkamos&quot; o repo e você ainda ganha um post no MoIPLabs :)
      • Nos enviar um pull request.
  • 63. Colaborando no Github
      • Criar um repositório e nos mandar o link.
        • &quot;forkamos&quot; o repo e você ainda ganha um post no MoIPLabs :)
      • Nos enviar um pull request.
      • Reportar uma issue .
  • 64. Colaborando no Github
      • Criar um repositório e nos mandar o link.
        • &quot;forkamos&quot; o repo e você ainda ganha um post no MoIPLabs :)
      • Nos enviar um pull request.
      • Reportar uma issue .
      • Todos os repositórios em https://github.com/moiplabs
  • 65. Reportando issues
  • 66. Colaborando com código
      • Parte 1
      • Parte 2
      • Parte 3
  • 67. Obrigado   * http://www.flickr.com/photos/ringoffirehotsauce/5447095375/