Histórico de mensagens sobre javascript | Canal cartões | Página 1

joao_efi

02/09/2022

@barretodanny enquanto não é solucionada a situação da documentação, seguem os scripts que são gerados:
Basta substituir com seu identificador de conta.

PRODUÇÃO:

js
var identificadorDeConta = "seu_identificador_de_conta";

var s = document.createElement('script');
s.type = 'text/javascript';
var v = parseInt(Math.random() 1000000);
s.src = 'https://api.gerencianet.com.br/v1/cdn/' + identificadorDeConta + '/' + v;
s.async = false;
s.id = identificadorDeConta;
if (!document.getElementById(identificadorDeConta)) {
document.getElementsByTagName('head')[0].appendChild(s);
};
$gn = {
validForm: true,
processed: false,
done: {},
ready: function (fn) {
$gn.done = fn;
}
};

HOMOLOGAÇÃO:

js
var identificadorDeConta = "seu_identificador_de_conta";

var s = document.createElement('script');
s.type = 'text/javascript';
var v = parseInt(Math.random() 1000000);
s.src = 'https://sandbox.gerencianet.com.br/v1/cdn/' + identificadorDeConta + '/' + v;
s.async = false;
s.id = identificadorDeConta;
if (!document.getElementById(identificadorDeConta)) {
document.getElementsByTagName('head')[0].appendChild(s);
};
$gn = {
validForm: true,
processed: false,
done: {},
ready: function (fn) {
$gn.done = fn;
}
};

barretodanny

02/09/2022

não e isso, ja fiz os testes estava tudo funcionando, fui pegar o javascript de producao e não esta gerando o codigo
[11:23]
Uncaught TypeError: $(...).click is not a function

.mrbender

27/08/2022

Boa tarde! Alguém poderia me encaminhar algum exemplo ou a documentação da emissão do payment_token sem a necessidade do JavaScript? Infelizmente teremos que recorrer a essa proposta. Está inviável continuar usando aquele script.

carvalhocarneiro

02/08/2022

No playground tem algum endpoint que cria o payment_token para ambiente de homologação, ou tenho que baixar o javascript e rodar um HTML para poder o payment_token?

nicolaujr.

28/06/2022

Olá, boa tarde.
Estou tentando integrar o pagamento de cartão, o one-step da documentação, na minha aplicação React, mas não ficou claro pra mim como proceder, coloquei o código gerado na pagina da documentação (ambiente de desenvolvimento), informado o Identificador da Conta no meu index.html, e tenho uma pagina de checkout, e estou tentando utilizar o

javascript
$gn.ready(function(checkout) {
number: card_number,
cvv: creditCardCvv,
expiration_month: splits_exp[0],
expiration_year: splits_exp[1],
});

no submit do meu formulário, mas o código dentro de da function nunca é executado, tentei até executar manualmente o $gn.ready()

rubenskuhl

12/05/2022

Então é ficar só com o Javascript mesmo...

rubenskuhl

05/05/2022

A bandeira você pode conseguir via Javascript na página de pagamento, inclusive sem nem transmitir o cartão.

.mrbender

02/05/2022

Boa tarde!
Gostaria de pontuar alguns problemas que estão desmotivando a nossa equipe em continuar usando a gerencianet para lidar com pagamentos com cartão. As colocações são todas referentes ao script para obtenção do payment_token.

- Não faz uso de um empacotador de módulos e, por isso, faz requisições extras para algo que poderia estar minificado em apenas um arquivo. É ainda pior quando o contexto se trata de redes móveis.
- jQuery deixa a coisa ainda pior.
- Não oferece formas de lidar com processamento assíncrono em JavaScript moderno (Promise).

guilherme_efi

29/04/2022

Não temos um exemplo desta implementação com NextJs, mas segue um exemplo que está mais simples e direto.

html

Gerar payment_token

Gerar payment_token

Buscar parcelas

Resultado no console

Caso ainda tenha dificuldade em replicar para o Next, Você pode me chamar aqui

mrcweb6273

07/04/2022

Na realidade quero arrumar um jeito de ler no php o valor que eu passo nesse campo customizado. Conheço bastante de php, mas me perco um pouco no javascript.

marcosfilho8113

14/02/2022

vi que no pagamento de cartão é necessário gerar um payment_token, mas só é possível gerar utilizando o javascript?

brdarkriders

02/02/2022

<@!800721458875727872> estou com um problema ao adicionar o método de pagamento de cartão em uma assinatura. Estou gerando normalmente o payment token no javascript e mandando ele pro backend php pra adicionar o método de pagamento. Porém quando vai gerar fala que o payment_token não existe

brdarkriders

23/01/2022

pessoal, estou implementando o pagamento por cartão de crédito e nele pede pra informar a bandeira do cartão. Como vocês fazem isso com javascript ? usam uma biblioteca pronta ou implementaram com regex ?

Deleted User

01/07/2021

Estou atualizando a SDK de Javascript para Typescript, antes esse campo não era obrigatório.

Julia Efí

05/06/2021

Além da possibilidade de geração pela nossa documentação:https://dev.gerencianet.com.br/docs/pagamento-com-cartao#section-1-cria-o-de-transa-o-por-cart-o-de-cr-dito-em-one-step-um-passo- , também há a maneira em que o payment_token é obtido via JavaScript, no browser, de forma segura.
Nesse caso, você deve copiar o script, específico da sua conta, e utilizar a nossa biblioteca Javascript, conforme o snippet exemplo da nossa documentação.

guilherme_efi

19/05/2021

Boa tarde, <@!664563985885954079>!

Para obter o payment_token, possuímos um exemplo pronto com cartão de crédito que você pode utilizar e aplicar a lógica. Para baixar este exemplo, acesse: https://www.gerencianet.com.br/wp-content/themes/Gerencianet/exemplos-api/cartao/

Após baixar este exemplo, informe suas credenciais e alterar mais algumas informações:

Arquivo index.php, alterar na linha 12 - esse é o código JavaScript específico por conta Gerencianet e é utilizado para obtenção do payment_token. Importante frisar que este código é específico de acordo com o ambiente utilizado (produção ou Homologação). Veja neste link (https://dev.gerencianet.com.br/docs/pagamento-cartao#section-2-1-obten-o-do-payment_token) como obter corretamente seu payment_token.

Arquivo pagar-cartao.php, alterar a linha 3 (caminho SDK ou pasta vendor baixada pelo Composer), linhas 8 e 9 (informe seu Client_Id e Client_Secret, de acordo com o ambiente), linha 16 (sandbox possui dois possíveis valores, true se usar ambiente de Homologação e false se produção).

Arquivo script-cartao.js em bootstrap\js\ contém funções JavaScript relacionadas ao exemplo. Altere se julgar conveniente.

Demais linhas cabe a você alterar conforme necessidade.

fabio_amaral

05/05/2021

Bom dia!
Alguém poderia me ajudar como funciona esse javascript do sistema de cartão de credito ?

elaine2983

05/04/2021

Olá <@!775350441965649951> poderia os auxiliar? Cliente deseja pegar a bandeira do cartão através do SDK javascript.

gcysne

30/03/2021

A propósito, para quem usa Angular, segue o snippet de um Service para obtenção do token para quem quiser 🙂

Typescript
import { Injectable } from '@angular/core';
import { environment } from 'src/environments/environment';

export interface ICreditCardGerenciaNet {
brand: string;
number: string;
cvv: string;
expiration_month: string;
expiration_year: string;
}

@Injectable({
providedIn: 'root'
})
export class GerenciaNetService {
private static readonly _PAYEE_CODE = "SEU_PAYEE_CODE";
private static readonly _ENDPOINT = environment.production ? "https://api.gerencianet.com.br/v1/cdn" : "https://sandbox.gerencianet.com.br/v1/cdn";

constructor() { }

public getPaymentToken(creditCard:ICreditCardGerenciaNet) : Promise {
return new Promise((resolve, reject)=>{
var s = document.createElement('script');
s.type='text/javascript';

var v = Math.random()1000000;
s.src=${GerenciaNetService._ENDPOINT}/${GerenciaNetService._PAYEE_CODE}/${v};
s.async=false;
s.id = GerenciaNetService._PAYEE_CODE;

if(!document.getElementById(GerenciaNetService._PAYEE_CODE)){
document.getElementsByTagName('head')[0].appendChild(s);
}

window['$gn'] = {
validForm:true,
processed:false,
done:{},
ready:function(fn){
window['$gn'].done = fn;
}
};

window['$gn'].ready((checkout)=>{
checkout.getPaymentToken(creditCard, (error, response)=>{
if(error) {
reject(error);
}else{
resolve(response.data.payment_token);
}
});
});
});
}

}

joelemanoel

21/01/2021

<@!517929783753965588> vocês adicionaram a biblioteca da GN para Javascript?

Histórico de mensagens sobre javascript em cartões

CONECTAR AO DISCORD

PROCURE NO HISTÓRICO

CANAIS DE TEXTO

DISCUSSÕES

EXIBINDO CONVERSAS RECENTES:

joao_efi

barretodanny

.mrbender

carvalhocarneiro

nicolaujr.

rubenskuhl

rubenskuhl

.mrbender

guilherme_efi

mrcweb6273

marcosfilho8113

brdarkriders

brdarkriders

Deleted User

Julia Efí

guilherme_efi

fabio_amaral

elaine2983

gcysne

joelemanoel