Integrando o Open WebUI com a extensão Continue

January 4, 2025 (1w ago)

Como integrar o Open WebUI na extensão Continue.dev

Passo 1: Baixar a extensão

  1. Baixe a extensão diretamente no Marketplace do Visual Studio.
  2. Após a instalação, você verá um ícone da extensão na barra lateral do seu VS Code.
  3. Clique no ícone da extensão, acesse as configurações clicando na engrenagem e abra o arquivo config.json no editor.

Passo 2: Configuração do config.json

No arquivo config.json, adicione ou modifique as seguintes configurações para integrar o Open WebUI:

1. Alterar o provedor para openai

"provider": "openai"

2. Adicionar ou atualizar apiBase

Defina o valor como o domínio do seu Open WebUI (exemplo: http://localhost:3000/).

"apiBase": "http://localhost:3000/"

3. Adicionar a apiKey

Substitua pela chave API gerada pelo Open WebUI.

"apiKey": "sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

Nota: Para obter sua chave API, acesse o Open WebUI em: Settings > Account > API Keys. Copie o valor que começa com sk-.

3. Exemplo de Configuração do config.json

Abaixo está um exemplo de configuração utilizando o Open WebUI como provedor. Certifique-se de ajustar os modelos e o domínio para sua instância do Open WebUI:

{
    "models": [
        {
        "title": "Open Coder",
        "model": "opencoder:8b",
        "apiBase": "http://10.0.0.254:3000/ollama/v1",
        "provider": "openai",
        "apiKey": "sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
        },
        {
        "title": "Qwen2.5 Coder",
        "model": "qwen2.5-coder:latest",
        "apiBase": "http://10.0.0.254:3000/ollama/v1",
        "provider": "openai",
        "apiKey": "sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
        },
        {
        "title": "Qwen2.5 Coder 14b",
        "model": "qwen2.5-coder:14b",
        "apiBase": "http://10.0.0.254:3000/ollama/v1",
        "provider": "openai",
        "apiKey": "sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
        }
  ],
}

4. Salvar e usar

Salve o arquivo config.json. Agora sua extensão está integrada ao Open WebUI e pronta para uso!

Notas adicionais

LinkedIn