Repolode
Enviar
vikiboss

vikiboss/r2-web

Gerenciador de arquivos leve, totalmente no navegador, para buckets do Cloudflare R2, com uploads em partes, pré-visualizações e recursos para hospedagem de imagens.

Alternativa open source a:Cyberduck

Ver no GitHubSite
Estrelas
484
Forks
97
Issues abertas
0
Último commit
mês passado

O que é?

O R2 Web é um gerenciador de arquivos web para o armazenamento de objetos Cloudflare R2. Ele funciona inteiramente no navegador: a página chama a API S3 do R2 diretamente, então os arquivos e as credenciais não passam por um backend de terceiros. As credenciais ficam armazenadas no localStorage do navegador.

A interface oferece navegação por diretórios com paginação e miniaturas carregadas sob demanda, ordenação, cópia, movimentação e exclusão em lote, além de renomeação. Arquivos grandes são divididos em partes e enviados simultaneamente, com opções para pausar e retomar, exibição em tempo real da velocidade e do progresso e limite de 1 TiB por arquivo. Também há suporte a uploads por arrastar e soltar e colar, além de modelos de nome de arquivo e compactação local de imagens via WebAssembly para JPEG, PNG, WebP e AVIF.

O projeto é um site estático sem etapa de build, então o diretório src pode ser publicado na Vercel, Netlify ou Cloudflare Pages, ou servido localmente. Também oferece suporte a PWA, modo escuro e vários idiomas na interface.

Recursos principais

  • 01Acesso direto do navegador à API S3 do R2, sem servidor intermediário
  • 02Uploads simultâneos em partes, com opções para pausar, retomar e acompanhar o progresso
  • 03Cópia, movimentação, renomeação e exclusão recursiva em lote
  • 04Modelos de nome de arquivo com marcadores de hash, data, timestamp e UUID
  • 05Compactação local de imagens via WebAssembly, com opção de usar o Tinify
  • 06Pré-visualização e compartilhamento de links como URL direta, QR code, Markdown ou HTML

Casos de uso

  • Gerenciar muitos arquivos em um bucket R2 sem instalar um cliente para desktop
  • Usar o R2 como hospedagem pessoal de imagens, com compactação automática e links em Markdown
  • Publicar um gerenciador de arquivos privado e auto-hospedado para um único bucket R2

Início rápido

  1. 1

    Configure a política CORS do bucket R2 no painel da Cloudflare

  2. 2

    Crie um R2 API Token com escopo limitado ao bucket de destino e informe as credenciais em r2.viki.moe

  3. 3

    Clone o repositório

    git clone https://github.com/vikiboss/r2-web.git
  4. 4

    Instale as dependências e sirva o diretório src localmente

    pnpm install && npx serve src

Antes de usar

  • Para funcionar, é necessário configurar o CORS do bucket R2 e criar um R2 API Token antes.
  • A compressão de imagens pelo Tinify envia as imagens para um serviço de terceiros.
  • Cada arquivo pode ter no máximo 1 TiB, e navegadores antigos, como o IE, não são compatíveis.

Tópicos

#cloudflare-r2#file-manager#object-storage#image-hosting#webassembly#pwa#s3#cloudflare#file#html5

Perguntas frequentes

O que é r2-web?
Gerenciador de arquivos leve, totalmente no navegador, para buckets do Cloudflare R2, com uploads em partes, pré-visualizações e recursos para hospedagem de imagens. O R2 Web é um gerenciador de arquivos web para o armazenamento de objetos Cloudflare R2. Ele funciona inteiramente no navegador: a página chama a API S3 do R2 diretamente, então os arquivos e as credenciais não passam por um backend de terceiros. As credenciais ficam armazenadas no localStorage do navegador.
r2-web é gratuito? Qual é a licença?
r2-web é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
r2-web ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de r2-web foi em 15 de set. de 2026.
Para que posso usar r2-web?
Gerenciar muitos arquivos em um bucket R2 sem instalar um cliente para desktop Usar o R2 como hospedagem pessoal de imagens, com compactação automática e links em Markdown Publicar um gerenciador de arquivos privado e auto-hospedado para um único bucket R2
Como instalar r2-web?
Configure a política CORS do bucket R2 no painel da Cloudflare Crie um R2 API Token com escopo limitado ao bucket de destino e informe as credenciais em r2.viki.moe Clone o repositório: git clone https://github.com/vikiboss/r2-web.git Instale as dependências e sirva o diretório src localmente: pnpm install && npx serve src
Onde consigo r2-web?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/vikiboss/r2-web

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados