⚡
Zenit WebView
Configure suas credenciais na aba "Configurações", depois preencha os dados do usuário e clique em "Iniciar Zenit".
Como usar este exemplo
1
Configure suas credenciais
Na aba "Configurações", informe o Client ID, Client Secret e o Slug do parceiro conforme fornecido pela equipe Zenit. Selecione o ambiente desejado (Dev, Homologação ou Produção).
2
Preencha os dados do usuário
Na aba "Usuário", informe o CPF e os dados do Usuário/Beneficiário/Aluno que será autenticado na plataforma Zenit.
3
Inicie a sessão
Clique em "Iniciar Zenit" e o WebView será carregado automaticamente ao lado com a sessão do usuário autenticada.
💡 Dica: Suas configurações são salvas automaticamente no navegador. Você não precisa preenchê-las novamente ao recarregar a página.
Fluxo de Integração
Para integrar a Zenit White Label na sua aplicação, execute as 3 chamadas abaixo server-side (nunca exponha credenciais no frontend).
Auth→Usuário→WebView
POST/partner-auth/loginPasso 1 — Autenticação B2B
Autentica o parceiro e retorna um accessToken JWT para as chamadas seguintes.
Request Body
{
"clientId": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
"clientSecret": "sua-chave-secreta"
}Response 200
{
"accessToken": "eyJhbGciOiJIUzI1NiIs..."
}Errors
401 Credenciais inválidas
400 Campos obrigatórios ausentes
POST/partner-integration/userPasso 2 — Cadastro/Sincronização
Cria ou sincroniza um usuário/beneficiário no Zenit. Se o usuário já existir, seus dados serão atualizados.
Headers
Authorization: Bearer {accessToken}
Content-Type: application/jsonRequest Body
{
"document": "000.000.000-00", // CPF (obrigatório)
"fullName": "João da Silva", // Nome completo
"registration": "MAT-12345", // Matrícula/referência
"birthdate": "1991-08-24", // Data de nascimento
"gender": "m", // "m" ou "f"
"height": 175, // Altura em cm
"weight": 70 // Peso em kg
}Response 200 / 201
// Usuário criado ou atualizado com sucessoPOST/webview-session/{slug}Passo 3 — Gerar Sessão WebView
Gera uma URL autenticada do WebView para o usuário. Essa URL deve ser carregada em um iframe ou WebView nativo.
Path Params
{slug} — Slug do parceiro (ex: sesc, care-plus)Headers
Authorization: Bearer {accessToken}
Content-Type: application/jsonRequest Body
{
"document": "000.000.000-00" // CPF do usuário
}Response 200
{
"webViewUrl": "https://staging.meuzenit.com/webview?token=..."
}Uso da URL
// Web (iframe)
<iframe src="{webViewUrl}"></iframe>
// React Native (WebView)
<WebView source={{ uri: webViewUrl }} />
// Flutter
WebView(initialUrl: webViewUrl)🌐 Base URLs
| 🏗️ Desenvolvimento | http://localhost:3001 |
| 🧪 Homologação | https://staging.api.meuzenit.com |
| 🚀 Produção | https://api.meuzenit.com |
⚠️ Importante: Todas as chamadas devem ser feitas server-side. Nunca exponha o
clientSecret ou o accessToken no frontend/client-side.