mercado pago - sdk mobile
TRANSCRIPT
![Page 1: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/1.jpg)
![Page 2: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/2.jpg)
AGENDA
AGENDA
![Page 3: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/3.jpg)
AGENDA
v Quem sou?
v Objetivo
v Por quê?
v Como?
v O que?
v Integração ao vivo
v Resumo e benefícios
v Perguntas
![Page 4: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/4.jpg)
QUEM SOU?
QUEM SOU?
![Page 5: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/5.jpg)
QUEM SOU?
Matías Gualino 24 anos
Lider Experiencia pagamento mobile
2015 Mercado Pago Point
SDK Mobile
2014 Segurança do site
![Page 6: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/6.jpg)
OBJETIVO
OBJETIVO
![Page 7: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/7.jpg)
OBJETIVO
MP OP
![Page 8: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/8.jpg)
OBJETIVO
MP OP
![Page 9: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/9.jpg)
OBJETIVO
MP OP
![Page 10: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/10.jpg)
OBJETIVO
MP OP
![Page 11: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/11.jpg)
OBJETIVO
MULTI PLATFORM!!!!
OPEN PRODUCT!
![Page 12: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/12.jpg)
OBJETIVO
![Page 13: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/13.jpg)
POR QUÊ?
POR QUÊ?
![Page 14: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/14.jpg)
POR QUE?
The new payment experience and the best open platform integration
![Page 15: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/15.jpg)
POR QUE?
![Page 16: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/16.jpg)
POR QUE?
![Page 17: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/17.jpg)
COMO?
COMO?
![Page 18: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/18.jpg)
COMO?
![Page 19: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/19.jpg)
COMO?
![Page 20: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/20.jpg)
COMO?
![Page 21: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/21.jpg)
COMO?
![Page 22: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/22.jpg)
COMO?
![Page 23: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/23.jpg)
COMO?
![Page 24: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/24.jpg)
COMO?
![Page 25: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/25.jpg)
COMO?
![Page 26: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/26.jpg)
COMO?
![Page 27: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/27.jpg)
COMO?
![Page 28: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/28.jpg)
COMO?
IT
Produto
UX
![Page 29: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/29.jpg)
O QUE?
O QUE?
![Page 30: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/30.jpg)
O QUE?
![Page 31: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/31.jpg)
O QUE?
![Page 32: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/32.jpg)
O QUE?
![Page 33: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/33.jpg)
O QUE?
Checkout!
UI!
Serviços!
API!
![Page 34: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/34.jpg)
CAMADA API
API
![Page 35: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/35.jpg)
CAMADA SERVIÇOS
Serviços!
API!
![Page 36: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/36.jpg)
CAMADA SERVIÇOS
Serviços!
API!
![Page 37: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/37.jpg)
CAMADA UI
UI!
Serviços!
API!
![Page 38: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/38.jpg)
CAMADA UI
UI!
Serviços!
API!
![Page 39: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/39.jpg)
CAMADA UI
UI!
Serviços!
API!
![Page 40: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/40.jpg)
CAMADA UI
![Page 41: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/41.jpg)
CAMADA UI
UI!
Serviços!
API!
![Page 42: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/42.jpg)
CAMADA UI
UI!
Serviços!
API!
![Page 43: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/43.jpg)
CAMADA UI
UI!
Serviços!
API!
![Page 44: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/44.jpg)
NOSSO CHECKOUT
Checkout!
UI!
Serviços!
API!
Meio de pagamento
Banco
Parcelas
Dados do cartão
Resultado do pagamento
![Page 45: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/45.jpg)
INTEGRAÇÃO
INTEGRAÇÃO
![Page 46: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/46.jpg)
INTEGRAÇÃO
1. Adicionar a dependencia: • Android!
dependencies{compile('com.mercadopago:sdk:1.0.0-rc2@aar'){ transitive=true}
}
• iOS!pod‘MercadoPagoSDK’,‘~>0.9.15’
• Hibrido!cordovapluginaddmercadopago-plugin
![Page 47: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/47.jpg)
INTEGRAÇÃO
2. Quando o usuario clique no botão, tem que fazer a chamada do nosso componente.
newMercadoPago.StartActivityBuilder().setActivity(this).setPublicKey("APP_USR-d0081c85-5dfe-419c-b84a-f5fb787bf393").setAmount(newBigDecimal(31.84)).setSite(Sites.BRASIL).setInstallmentsEnabled(true).startCardVaultActivity();
![Page 48: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/48.jpg)
INTEGRAÇÃO
3. Aguardar os resultados que o usuário inseriu no fluxo: PaymentMethod, Issuer (ARG & MEX), PayerCost e Token. Callback em iOS, onActivityResult pelo Android.
" PaymentMethodpaymentMethod=JsonUtil.getInstance().fromJson(data.getStringExtra("paymentMethod"),PaymentMethod.class);
Issuerissuer=
JsonUtil.getInstance().fromJson(data.getStringExtra("issuer"),Issuer.class);
Tokentoken=
JsonUtil.getInstance().fromJson(data.getStringExtra("token"),Token.class);
PayerCostpayerCost=JsonUtil.getInstance().fromJson(data.getStringExtra("payerCost"),
PayerCost.class);
![Page 49: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/49.jpg)
INTEGRAÇÃO
4. Execute o projeto e faça os testes!
![Page 50: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/50.jpg)
INTEGRAÇÃO
5. Defina a sua cor. Você pode usar letras escuras!
DecorationPreference decorationPreference = new DecorationPreference();! decorationPreference.setBaseColor("#FFCC3E");! decorationPreference.enableDarkFont();!
6. Faça setDecorationPreference em sua chamada!
new MercadoPago.StartActivityBuilder()! .setActivity(this)! .setPublicKey("APP_USR-d0081c85-5dfe-419c-b84a-f5fb787bf393")! .setAmount(new BigDecimal(31.84))! .setSite(Sites.BRASIL)! .setInstallmentsEnabled(true)! .setDecorationPreference(decorationPreference)! .startCardVaultActivity();
![Page 51: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/51.jpg)
INTEGRAÇÃO
7. Teste outra vez! Mas agora tem a sua cor!
![Page 52: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/52.jpg)
RESUMO E BENEFICIOS
RESUMO E BENEFICIOS
![Page 53: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/53.jpg)
RESUMO E BENEFICIOS!
v Melhor utilização dos recursos.
v Não fazer as coisas mais de uma vez e em momentos diferentes.
v Cada nova funcionalidade está disponível para o negócio, mas também para a comunidade de desenvolvedores.
v Integração personalizada (ninja).
v Entender os componentes, fluxos e controles para que o integrador possa construir a experiência que deseja (quebra-cabeça).
v Integração fechada, mas customizável (checkout).
![Page 54: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/54.jpg)
RESUMO E BENEFICIOS!
v Melhor utilização dos recursos.
v Não fazer as coisas mais de uma vez e em momentos diferentes.
v Cada nova funcionalidade está disponível para negócio, mas também para a comunidade de desenvolvedores.
v Integração personalizada (ninja).
v Entender os componentes, fluxos e controles para que o integrador pode construir a experiência que deseja (quebra-cabeça).
v Integração fechada, mas customizável (checkout).
Flexibility!
Development Effort!
Flexibility!
Development Effort!
![Page 55: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/55.jpg)
RESUMO DA INTEGRAÇÃO
RESUMO DA INTEGRAÇÃO
![Page 56: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/56.jpg)
RESUMO DA INTEGRAÇÃO
1. Adicionar uma dependência
2. Adicionar um gatilho. Clique em um botão, QR, Tecnologia nas proximidades, etc..
3. Invocar o componente quando o evento de disparo ocorre.
4. Aguarde os resultados do componente.
5. Teste.
6. Personalize sua cor.
7. Fazer a integração do back-end para alcançar uma integração bem sucedida.
![Page 57: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/57.jpg)
PERGUNTAS
![Page 58: Mercado Pago - SDK mobile](https://reader034.vdocuments.mx/reader034/viewer/2022050806/5872ed3d1a28abfa548b7747/html5/thumbnails/58.jpg)
OBRIGADO!
OBRIGADO!