Com o Pagar.me, você pode obter os dados do cartão sem que o seu cliente tenha que sair da sua página/aplicativo. Para que o processo aconteça de forma segura, é necessário incluir a nossa biblioteca em sua página/aplicativo para obter esses dados e, posteriormente, criar uma transação. Para fazer isso nós disponibilizamos o `pagarme.js` e o [Checkout Pagar.me](🔗).

Os passos a seguir descrevem como você pode gerar, a partir dos dados de cartão e usando a `pagarme.js`, um [Card Hash](🔗). Essa informação é usada para criar uma transação com a API Pagar.me.

Para saber mais sobre o que é um `card_hash`, veja a explicação em: [Overview](🔗)

Vamos lá!

## Web

Para gerar o `card_hash` dentro de uma página web, você precisa incluir o `pagarme.js`, nosso Javascript, em sua página. Para fazer isso, insira o seguinte código antes do final da seção head da sua página HTML:



Nós também usamos também jQuery para gerar e inserir o `card_hash` no seu formulário, então é preciso incluir também esse script antes do final da seção head da sua página HTML:



Depois de fazer isso, insira um formulário para digitar os dados de cartão, por exemplo:



Por fim, no seu Javascript, você precisa detectar quando o botão do formulário é pressionado. Quando isso for feito, é preciso chamar o `pagarme.js` para gerar o `card_hash` e substituir os outros campos dos dados de cartão por ele:



Com o `card_hash` gerado, você pode criar uma transação. Saiba mais em: [Cartão de crédito](🔗)

## iOS

Para realizar a geração do `card_hash` dentro de um aplicativo para iOS, você pode usar o nosso CocoaPod. Veja a seguir as instruções para inclusão e utilização do mesmo.

## Instalando a biblioteca

  • Você deve incluir a dependência ao seu PodFile, segue:



Em seguida, execute o comando:



Feito isso, o CocoaPod PagarMe é adicionado ao seu app.

## Usando a biblioteca

Para utilizar a biblioteca com `Objetive-C`, você só precisa importar o Header file a seguir:



Para utilizar a biblioteca com `Swift` você precisa primeiro criar um Header file, que será seu Bridging Header, e depois adicionar o header PagarMe a este file:



Em seguida já é possível importar a biblioteca PagarMe em sua classe `Swift`, e gerar o `card_hash` a partir dos dados de cartão:



## .NET

Para realizar a geração do `card_hash` dentro de um aplicativo para Windows Forms, Windows Phone (plataforma .NET) ou ASP.NET você precisa incluir a nossa biblioteca dentro dele. Para isso, instale a [biblioteca .NET](🔗) ou a [biblioteca portável para .NET](🔗) .

Para utilizar a biblioteca, primeiro importe o namespace:



Para gerar o `card_hash` a partir dos dados de cartão: