Apidog

All-in-one Collaborative API Development Platform

Design de API

Documentação de API

Depuração de API

Mock de API

Testes Automatizados de API

Inscreva-se gratuitamente
Home / Ponto de vista / Dominando WebSockets do FastAPI: Um Guia para Iniciantes

Dominando WebSockets do FastAPI: Um Guia para Iniciantes

Descubra como usar FastAPI com WebSockets para construir aplicativos em tempo real. Aprenda sobre integração de API, passagem de parâmetros e segurança nas conexões.

Bem-vindo ao emocionante mundo do FastAPI e WebSockets! Hoje, vamos mergulhar fundo na mecânica dos WebSockets usando FastAPI. Seja você um desenvolvedor experiente ou apenas começando, este guia irá conduzi-lo pelos conceitos essenciais e implementações práticas de WebSockets. Mas antes de começarmos, não vamos esquecer de uma ferramenta útil que tornará o desenvolvimento da sua API uma brisa—Apidog. Você pode baixar o Apidog gratuitamente e agilizar seus testes e documentação de API sem esforço.

botão

O que é FastAPI?

FastAPI é um framework web moderno e rápido (de alto desempenho) para construir APIs com Python 3.7+ baseado em dicas de tipo padrão do Python. Ele permite que você crie rapidamente APIs web que são robustas e performáticas. Uma das características mais notáveis do FastAPI é sua capacidade de lidar com programação assíncrona e WebSockets com facilidade.

O que são WebSockets?

WebSockets são um protocolo de comunicação que fornece canais de comunicação full-duplex sobre uma única conexão TCP. Diferente do HTTP, que é um protocolo de requisição-resposta, os WebSockets permitem comunicação bidirecional entre o cliente e o servidor. Isso os torna perfeitos para aplicações em tempo real, como aplicativos de chat, notificações ao vivo e jogos.

Websocket

Por que usar FastAPI com WebSockets?

O design do FastAPI facilita a criação de APIs que suportam WebSockets. Com FastAPI, você pode construir APIs que não são apenas rápidas e confiáveis, mas que também suportam comunicação assíncrona usando WebSockets. Essa combinação é ideal para o desenvolvimento de aplicações modernas e em tempo real.

Começando com FastAPI WebSockets

Para começar, você precisará instalar o FastAPI e Uvicorn, que é um servidor ASGI para servir suas aplicações FastAPI.

pip install fastapi uvicorn

Uma vez que você tenha os pacotes necessários instalados, pode começar a criar sua aplicação FastAPI com suporte a WebSocket.

Criando uma Aplicação Básica de WebSocket com FastAPI

Vamos começar com um exemplo simples para entender os fundamentos da comunicação WebSocket no FastAPI.

from fastapi import FastAPI, WebSocket
from fastapi.responses import HTMLResponse

app = FastAPI()

html = """
<!DOCTYPE html>
<html>
    <head>
        <title>Exemplo de WebSocket</title>
    </head>
    <body>
        <h1>Exemplo de WebSocket</h1>
        <button onclick="connectWebSocket()">Conectar</button>
        <script>
            function connectWebSocket() {
                const ws = new WebSocket("ws://localhost:8000/ws");
                ws.onmessage = function(event) {
                    const message = event.data;
                    alert("Mensagem do servidor: " + message);
                };
                ws.onopen = function() {
                    ws.send("Olá Servidor");
                };
            }
        </script>
    </body>
</html>
"""

@app.get("/")
async def get():
    return HTMLResponse(html)

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
    await websocket.accept()
    data = await websocket.receive_text()
    await websocket.send_text(f"A mensagem foi: {data}")

Neste exemplo, temos uma página HTML simples que se conecta a um servidor WebSocket quando um botão é clicado. O servidor recebe a mensagem "Olá Servidor" e responde com "A mensagem foi: Olá Servidor".

Gerenciando Múltiplas Conexões

Uma das forças dos WebSockets é a capacidade de gerenciar múltiplas conexões de clientes simultaneamente. Vamos expandir nosso exemplo para lidar com múltiplas conexões e transmitir mensagens para todos os clientes conectados.

from fastapi import FastAPI, WebSocket
from typing import List

app = FastAPI()

class ConnectionManager:
    def __init__(self):
        self.active_connections: List[WebSocket] = []

    async def connect(self, websocket: WebSocket):
        await websocket.accept()
        self.active_connections.append(websocket)

    def disconnect(self, websocket: WebSocket):
        self.active_connections.remove(websocket)

    async def broadcast(self, message: str):
        for connection in self.active_connections:
            await connection.send_text(message)

manager = ConnectionManager()

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
    await manager.connect(websocket)
    try:
        while True:
            data = await websocket.receive_text()
            await manager.broadcast(f"O cliente disse: {data}")
    except:
        manager.disconnect(websocket)

Neste exemplo atualizado, apresentamos uma classe ConnectionManager para gerenciar múltiplas conexões WebSocket. O método broadcast envia uma mensagem para todos os clientes conectados. Assim, cada cliente recebe qualquer mensagem enviada por qualquer outro cliente.

Passando Parâmetros para Endpoints de WebSocket

Às vezes, você pode precisar passar parâmetros para seus endpoints de WebSocket. O FastAPI facilita isso. Aqui está um exemplo:

from fastapi import FastAPI, WebSocket

app = FastAPI()

@app.websocket("/ws/{client_id}")
async def websocket_endpoint(websocket: WebSocket, client_id: str):
    await websocket.accept()
    await websocket.send_text(f"Olá, Cliente {client_id}")
    while True:
        data = await websocket.receive_text()
        await websocket.send_text(f"Mensagem de {client_id}: {data}")

Neste exemplo, definimos um endpoint de WebSocket que aceita um parâmetro client_id. Este parâmetro pode ser usado para identificar o cliente e personalizar as mensagens.

Integrando WebSockets com Endpoints de API

O FastAPI permite que você integre comunicação WebSocket com seus endpoints de API existentes. Isso é útil quando você precisa combinar comunicação em tempo real com requisições de API tradicionais.

from fastapi import FastAPI, WebSocket, HTTPException

app = FastAPI()

@app.get("/items/{item_id}")
async def read_item(item_id: int):
    if item_id == 0:
        raise HTTPException(status_code=404, detail="Item não encontrado")
    return {"item_id": item_id, "name": "Nome do item"}

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
    await websocket.accept()
    await websocket.send_text("Conectado ao WebSocket")
    while True:
        data = await websocket.receive_text()
        await websocket.send_text(f"Recebido: {data}")

Neste exemplo, temos um endpoint de API tradicional /items/{item_id} ao lado de um endpoint de WebSocket /ws. Ambos os endpoints podem ser usados simultaneamente, permitindo que você gerencie tanto a comunicação síncrona quanto assíncrona em sua aplicação.

Considerações de Segurança

Ao trabalhar com WebSockets, é importante considerar aspectos de segurança, como autenticação e autorização. O FastAPI fornece ferramentas para proteger suas conexões WebSocket.

Protegendo Conexões WebSocket

Você pode usar o sistema de injeção de dependência do FastAPI para proteger seus endpoints de WebSocket. Aqui está um exemplo de como proteger um endpoint de WebSocket com uma simples autenticação baseada em token.

from fastapi import FastAPI, WebSocket, Depends, HTTPException, status

app = FastAPI()

def get_token_header(token: str = None):
    if token != "mysecrettoken":
        raise HTTPException(status_code=status.HTTP_403_FORBIDDEN, detail="Token inválido")

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket, token: str = Depends(get_token_header)):
    await websocket.accept()
    await websocket.send_text("Conectado ao WebSocket")
    while True:
        data = await websocket.receive_text()
        await websocket.send_text(f"Recebido: {data}")

Neste exemplo, usamos a função Depends para injetar a dependência get_token_header, que verifica a validade do token. Se o token for inválido, um erro HTTP 403 Forbidden é levantado.

Manipulando Dados Binários

Os WebSockets também suportam transmissão de dados binários. Isso pode ser útil para enviar arquivos ou imagens. O FastAPI facilita o tratamento de dados binários.

from fastapi import FastAPI, WebSocket

app = FastAPI()

@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
    await websocket.accept()
    await websocket.send_text("Conectado ao WebSocket")
    while True:
        data = await websocket.receive_bytes()
        await websocket.send_bytes(data)

Neste exemplo, o endpoint de WebSocket recebe dados binários usando receive_bytes e os envia de volta ao cliente usando send_bytes.

Aplicações do Mundo Real de FastAPI WebSockets

Os WebSockets são incrivelmente versáteis e podem ser usados em várias aplicações do mundo real. Aqui estão alguns exemplos:

Aplicativo de Chat em Tempo Real

Um dos casos de uso mais comuns para WebSockets é a construção de aplicativos de chat em tempo real. Com o FastAPI, você pode facilmente criar um servidor de chat que gerencia múltiplos clientes e transmite mensagens em tempo real.

Notificações Ao Vivo

Os WebSockets são perfeitos para entregar notificações ao vivo. Por exemplo, você pode usar WebSockets para notificar usuários sobre novas mensagens, atualizações ou alertas em tempo real.

Jogos Online

Os WebSockets são amplamente utilizados em jogos online para permitir comunicação em tempo real entre jogadores. O suporte do FastAPI para programação assíncrona o torna uma excelente escolha para construir servidores de jogos.

Como você pode usar o Apidog para depurar um cliente WebSocket?

Gerenciar APIs e dados em tempo real pode ser desafiador. É aí que o Apidog entra. O Apidog simplifica o desenvolvimento, teste e gerenciamento de APIs, tornando mais fácil lidar com requisições HTTP com FastAPI e atualizações em tempo real com WebSockets.

botão
  1. Abra o Apidog: Primeiro, inicie o aplicativo Apidog e clique no botão "+" no lado esquerdo. Um novo menu suspenso será aberto. A partir daí, escolha "Nova API WebSocket":
Interface do Apidog

2. Estabeleça uma Conexão: Comece inserindo a URL da API WebSocket na barra de endereços do Apidog. Você pode então clicar no botão “Conectar” para iniciar o processo de handshake e estabelecer uma conexão. O Apidog permite que você personalize parâmetros como Params, Headers e Cookies durante o handshake.

Interface do Apidog

3. Envie e receba mensagens: Uma vez que a conexão é estabelecida, você pode enviar mensagens na guia "Mensagem". Você pode escrever mensagens em texto, JSON, XML, HTML e outros formatos de texto, assim como mensagens em formato binário usando Base64 ou Hexadecimal. A nova visualização de linha do tempo do Apidog mostra o status da conexão, mensagens enviadas e mensagens recebidas em ordem cronológica. Quando você clica em uma mensagem, pode ver facilmente seus detalhes.

Interface do Apidog

4. Documentação da API: O Apidog herda sua robusta funcionalidade de documentação de API para APIs WebSocket, permitindo que você documente suas interações de WebSocket de forma eficaz.

Interface do Apidog

Lembre-se de verificar problemas comuns de WebSocket, como problemas de conexão, erros de formato de mensagem e preocupações de segurança durante seu processo de depuração.

Usando Apidog para Enviar Requisições HTTP

Apidog oferece vários recursos avançados que melhoram ainda mais sua capacidade de testar requisições HTTP. Esses recursos permitem que você personalize suas requisições e gerencie cenários mais complexos sem esforço.

botão

Passo 1: Abra o Apidog e crie uma nova requisição.

Apidog

Passo 2: Encontre ou insira manualmente os detalhes da API para a requisição POST que deseja fazer.

Apidog

Passo 3: Preencha os parâmetros necessários e quaisquer dados que deseja incluir no corpo da requisição.

Apidog

Conclusão

FastAPI e WebSockets são uma combinação poderosa para construir aplicações modernas em tempo real. Seja construindo um aplicativo de chat, um sistema de notificações ao vivo ou um jogo online, o FastAPI fornece as ferramentas necessárias para lidar com a comunicação WebSocket de forma eficiente.

Não se esqueça de baixar o Apidog gratuitamente para agilizar seu processo de desenvolvimento de API. O Apidog facilita testar e documentar suas APIs, economizando tempo e esforço.

botão

Junte-se à Newsletter da Apidog

Inscreva-se para ficar atualizado e receber os últimos pontos de vista a qualquer momento.