Conekta.js allow you create token with card details on your web apps, by preventing sensitive card data from hitting your server(More information, read PCI compliance).
$ bower install conekta.js --save
On your html, before body tag close, include jquery and conekta
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://conektaapi.s3.amazonaws.com/v0.5.0/js/conekta.js"></script>
Set your public key
Conekta.setPublicKey('key_KJysdbf6PotS2ut2');
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" data-conekta-public-key="key_KJysdbf6PotS2ut2" src="https://conektaapi.s3.amazonaws.com/v0.5.0/js/conekta.js"></script>
Tokenize via json
var data = {
"card": {
"number": "4242424242424242",
"name": "Javier Pedreiro",
"exp_year": "2018",
"exp_month": "12",
"cvc": "123"
}
};
var successHandler = function(token) {
/* token keys: id, livemode, used, object */
console.log(token);
};
var errorHandler = function(err) {
/* err keys: object, type, message, message_to_purchaser, param, code */
console.log(err);
};
Conekta.Token.create(data, successHandler, errorHandler);
Tokenize via form
<form action="" method="post" id="card-form">
<span class="card-errors"></span>
<div class="form-row">
<label>
<span>Nombre del tarjetahabiente</span>
<input type="text" size="20" data-conekta="card[name]"/>
</label>
</div>
<div class="form-row">
<label>
<span>Número de tarjeta de crédito</span>
<input type="text" size="20" data-conekta="card[number]"/>
</label>
</div>
<div class="form-row">
<label>
<span>CVC</span>
<input type="text" size="4" data-conekta="card[cvc]"/>
</label>
</div>
<div class="form-row">
<label>
<span>Fecha de expiración (MM/AAAA)</span>
<input type="text" size="2" data-conekta="card[exp_month]"/>
</label>
<span>/</span>
<input type="text" size="4" data-conekta="card[exp_year]"/>
</div>
<button type="submit">Tokenizar!</button>
</form>
var successHandler = function(token) {
/* token keys: id, livemode, used, object */
console.log(token);
};
var errorHandler = function(err) {
/* err keys: object, type, message, message_to_purchaser, param, code */
console.log(err);
};
Conekta.Token.create($('#card-form'), successHandler, errorHandler);
Please see https://www.conekta.io/docs/api for up-to-date documentation.
Developed by Conekta. Available with MIT License.
If you are a comfortable working with a range of backend languages (Java, Python, Ruby, PHP, etc) and frameworks, you have solid foundation in data structures, algorithms and software design with strong analytical and debugging skills. Send your CV, github to quieroser@conekta.io