Ragion
RagionIA Contextual
InícioPreçosDocumentaçãoSobreContato
Início

Comece Agora

  • Bem-vindo
  • Início Rápido
  • Quickstart de Produto

Widget de Chat

  • Visão Geral e Instalação
  • Configuração Completa
  • API e Eventos
  • Aparência e Temas
  • Guias por Plataforma

SDK JavaScript/TypeScript

  • Visão Geral
  • Core SDK
  • React Hooks
  • Exemplos

Operação e Confiança

  • Segurança e LGPD
  • Troubleshooting
Ragion

Ragion

IA contextual para seu negócio

Plataforma de IA contextual para times que precisam de respostas inteligentes com seus dados, governança e visibilidade.

Produto

  • Recursos
  • Preços

Documentação

  • Guia de Início
  • API Reference
  • Exemplos

Empresa

  • Sobre
  • Contato

Legal

  • Privacidade
  • Termos

v0.1.0 · © 2026 Ragion. IA contextual com controle e confiança.

  1. Documentação
  2. Guia de Início
  3. Início Rápido
Carregando...

Início Rápido

Este guia mostra como começar com os pacotes oficiais do Ragion em poucos minutos.

Pré-requisitos

  • Node.js 18.0.0 ou superior
  • Uma conta no Ragion (crie em sign-up)
  • Uma API Key válida (gerada no dashboard)

Instalação

Core SDK

npm install @ragion/sdk
# ou
yarn add @ragion/sdk
# ou
pnpm add @ragion/sdk

React Hooks (Opcional)

Se você está usando React, instale também os hooks:

npm install @ragion/react-hooks @ragion/sdk react
# ou
yarn add @ragion/react-hooks @ragion/sdk react
# ou
pnpm add @ragion/react-hooks @ragion/sdk react

Configuração Básica

JavaScript/TypeScript Puro

import { RagionSDK } from '@ragion/sdk'

const ragion = new RagionSDK({
  apiKey: 'rg_...', // Obrigatório
  timeout: 30000, // Opcional (padrão: 30000)
  retryAttempts: 3, // Opcional (padrão: 3)
  retryDelay: 1000, // Opcional (padrão: 1000)
})

React

import { RagionProvider } from '@ragion/react-hooks'

function App() {
  return (
    <RagionProvider config={{
      apiKey: 'rg_...',
    }}>
      <YourApp />
    </RagionProvider>
  )
}

Primeiro Uso

Enviar uma Mensagem

const abortController = new AbortController()

// Com streaming
const controller = ragion.chat.ask({
  message: 'Olá, como você pode me ajudar?',
  sessionId: 'session_123', // Opcional
  signal: abortController.signal, // Opcional
  onChunk: (chunk) => {
    console.log('Chunk recebido:', chunk)
  },
  onComplete: () => {
    console.log('Resposta completa!')
  },
  onError: (err) => {
    console.error('Erro:', err)
  },
})

// Sem streaming (aguarda resposta completa)
const response = await ragion.chat.askComplete({
  message: 'Olá, como você pode me ajudar?',
  sessionId: 'session_123', // Opcional
})

console.log('Resposta:', response)

// Cancelar requisição em andamento (streaming)
controller.abort()
// ou
abortController.abort()

React Hooks

import { useRagionChat } from '@ragion/react-hooks'

function ChatComponent() {
  const { messages, sendMessage, isStreaming, error, clearMessages, abort } = useRagionChat()

  return (
    <div>
      {messages.map(msg => (
        <div key={msg.id}>{msg.content}</div>
      ))}
      {error && <p>Erro: {error.message}</p>}
      <button onClick={() => sendMessage('Olá!')} disabled={isStreaming}>Enviar</button>
      <button onClick={abort} disabled={!isStreaming}>Cancelar</button>
      <button onClick={clearMessages}>Limpar</button>
    </div>
  )
}

Tratamento de erros recomendado

try {
  const response = await ragion.chat.askComplete({
    message: 'Explique RAG de forma simples',
  })
  console.log(response)
} catch (error) {
  if (error instanceof Error) {
    console.error('Falha ao consultar o Ragion:', error.message)
  }
}

Segurança da API Key

  • Não exponha apiKey em frontend público sem proteção.
  • Para aplicações públicas, prefira um backend/proxy intermediário.
  • Se usar key no cliente, limite escopo e taxa no backend.

Próximos Passos

Agora que você configurou o básico:

  1. Visão geral das integrações - Entenda os pacotes e cenários.
  2. Core SDK - Veja todos os tipos, métodos e comportamento de retry.
  3. React Hooks - Implemente chat com estado reativo.
  4. Exemplos - Consulte exemplos práticos.

Problemas?

Se você encontrou algum problema:

  • Verifique se sua API Key está correta
  • Valide conectividade com a API do Ragion
  • Consulte a documentação completa para mais detalhes

Pronto! Você já pode integrar o Ragion no seu projeto.