Saltar para o conteúdo principal
50% de desconto todos os planos, tempo limitado. A partir de $2.48/mo
Tempo restante: 6 min
Aplicações web e de negócio

Os melhores dashboards auto-hospedados para apps e serviços

F Por Flint 6 min de leitura
Dashboards auto-hospedados que reúnem links de apps, widgets de serviços e feeds

Seu servidor de mídia tem um endereço. Sua biblioteca de fotos também, e o cliente de downloads acrescenta outro. Os melhores dashboards auto-hospedados reúnem esses links, com widgets para consultar informações antes de abrir um app. Escolha um modo de edição que continuará usando; depois confira o que a página expõe e o que será necessário para restaurá-la.

Se os favoritos ou o portal atual já resolvem a navegação, mantenha-os. Outra página precisa poupar trabalho antes de merecer tempo de configuração.

Compare edição e dados salvos

A página inicial deve sobreviver à troca do contêiner. Antes de escolher um editor no navegador ou arquivos de configuração, confira quais dados e segredos preservar. O editor web muda onde você faz os ajustes; ainda será necessária uma cópia restaurável da configuração gerada.

YAML é um formato legível de arquivos de configuração. Estes caminhos são internos ao contêiner; os diretórios do host dependem dos mapeamentos de volumes. As instruções dos projetos vinculados documentam os locais de armazenamento.

FerramentaEdiçãoPreservar
HomepageYAML / rótulos Docker/app/config, configuração de implantação e segredos referenciados
HomarrEditor visual no navegador/appdata, SECRET_ENCRYPTION_KEY, configuração de implantação; banco externo se utilizado
DashyYAML / editor de configuração na interface/app/user-data
HomerYAML/www/assets
GlanceYAML/app/config, recursos configurados e entradas secretas

Guarde a chave de criptografia do Homarr com os materiais protegidos de restauração; ela não é um diretório montável. Inclua as entradas de ambiente e os recursos personalizados referenciados pelo Glance. Registre o diretório do host por trás de cada montagem para reconectar arquivos ao substituir o contêiner. Inclua as configurações de implantação para testar tanto a inicialização quanto os dados lidos. Recuperar a imagem não reconstrói suas configurações.

Dashboards recomendados por tarefa

Dashboards para widgets de serviços, painéis compartilhados, personalização, abertura de apps e feeds

Um widget de downloads pode evitar abrir um app; um feed de notícias pode dar outro motivo para permanecer na página. Defina a tarefa desejada. Eu escolheria com base nela e adicionaria integrações seletivamente, pois cada uma traz configurações para manter.

Homepage para widgets de serviços

Homepage é a alternativa ao Homarr que eu escolheria para widgets definidos em arquivos junto aos contêineres. A documentação de configuração Docker mostra serviços e widgets definidos por rótulos. Você pode manter essas definições perto da configuração dos contêineres e administrá-las juntas; para edição no navegador, considere Homarr.

A documentação de instalação do Homepage descreve login opcional por senha ou OIDC, por um provedor de identidade. Essa barreira não é uma configuração completa de acesso público: Homepage não limita tentativas de senha. Configure essa proteção no proxy reverso ou use uma VPN. Uma URL diferente de localhost também exige configurar os hosts permitidos.

Homarr para painéis compartilhados

Homarr serve para organizar visualmente um painel compartilhado e decidir quem pode alterá-lo. Sua documentação de painéis descreve painéis públicos e privados com permissões View, Modify e Full. Se você já usa Homarr assim, mantenha-o. Configuração por arquivos, sozinha, não justifica trocar.

Confira especialmente a permissão de visualização. A documentação de permissões de integração do Homarr diz que os leitores do painel podem ler dados das integrações, inclusive visitantes anônimos de painéis públicos. Isso abrange dados compatíveis além do widget exibido. Limite credenciais compartilhadas às informações permitidas aos leitores e separe leitura de edição do painel.

Dashy para personalização detalhada

Escolha Dashy se for usar seus controles de personalização. O README do Dashy documenta temas, CSS personalizado, widgets, indicadores de status e múltiplas páginas e visualizações. Se sua página já usa esses controles, mantenha Dashy. Caso contrário, escolha conforme a configuração que quer deixar de manter.

A documentação de autenticação integrada do Dashy faz uma distinção importante antes de compartilhar: auth.users sozinho fornece login no cliente. Adicione ENABLE_HTTP_AUTH=true aos usuários configurados para impor autenticação no servidor. Essa opção não é uma receita completa de implantação. Para exposição à Internet, use autenticação externa adequada ou VPN, com um proxy oferecendo as proteções necessárias.

Se escolheu um servidor separado, nossa implantação do Dashy em um clique poupa a instalação inicial.

Homer para um iniciador compacto

Escolha Homer como alternativa ao Dashy para um iniciador compacto de serviços. O README do Homer descreve HTML e JavaScript estáticos servidos por HTTP. A hospedagem web existente pode bastar; Docker é outra opção documentada. Eu escolheria pelo fluxo de abertura, sem presumir vantagens de velocidade ou memória.

Para um iniciador em seu próprio VPS, nossa implantação do Homer em um clique cuida da instalação inicial.

Nesse HTML/JavaScript estático, presuma que visitantes podem inspecionar os arquivos recebidos pelo navegador. Mantenha chaves API fora de configurações legíveis pelo navegador e restrinja o acesso antes de adicionar detalhes privados. Eu verificaria os arquivos entregues, inclusive YAML, antes de compartilhar. Chamar uma página de estática não torna seus segredos privados.

Glance para feeds ao lado dos serviços

Escolha o dashboard glanceapp para ter feeds junto aos links de serviços. O README do projeto lista fontes RSS e notícias ao lado de widgets de serviços. É útil para se atualizar ao abrir a página. Se os feeds atrapalham o acesso aos apps, eu não os usaria como critério.

Para essa página inicial em um VPS separado, você pode implantar Glance em um clique pelo nosso Marketplace e depois escolher feeds e widgets.

Glance tem login com usuário e senha, mas as notas de versão da autenticação dizem que todas as contas veem o mesmo dashboard. Não espere layouts separados por usar várias contas. O FAQ de atualização do README descreve dados buscados no carregamento com respostas em cache. Recarregar atualiza a exibição; considere isso se espera mudanças enquanto a página permanece aberta.

Coloque o dashboard onde os serviços sejam acessíveis

Rotas de acesso ao dashboard entre navegador, servidor e serviços privados

O NAS ou host de contêineres atual é adequado para uma página de apps privados. Um VPS separado serve para uma página remota ou compartilhada se você configurar deliberadamente rotas às APIs privadas. Homer pode usar hospedagem HTTP estática existente. Publicar um bloco não cria uma rota para sua rede doméstica.

Em um host novo, conclua a preparação básica do servidor antes de adicionar o dashboard. Mantenha a primeira configuração pequena o bastante para verificar:

  1. Escolha acesso somente LAN, por VPN ou público com autenticação.
  2. Preserve os dados e segredos da tabela. Pare Homarr antes de copiar todo o diretório /appdata, como exigem as instruções.
  3. Adicione um link de serviço e um widget necessário. Confira se retornam o destino e os dados esperados.
  4. Teste o acesso sem login. Salve uma cópia da configuração e dos dados e verifique a restauração antes de preencher a página. Use uma implantação de teste separada e mantenha a página funcional disponível até confirmar a configuração restaurada.

Perguntas Frequentes

O login do dashboard protege os apps vinculados?

Não. Cada app de destino continua precisando de autenticação e autorização. A documentação de apps do Homarr descreve links que abrem serviços; o aviso de visibilidade do Dashy distingue ocultar um bloco de proteger seu recurso. Confira o destino diretamente sem login. A entrada do dashboard é um limite de acesso separado.

Esses dashboards substituem uma plataforma de monitoramento?

Use widgets para determinados estados junto aos links. Para métricas históricas e alertas, eu avaliaria separadamente uma plataforma Grafana e Prometheus. Anote o histórico necessário e as falhas que devem gerar notificações antes de escolher. Uma página inicial útil não resolve esses requisitos de monitoramento.

Partilhar

Discussão

Comentários

Inicie sessão para participar na discussão.

Mais do blogue

Continue a ler.

Pronto para implantar? A partir de $2,48/mês.

Cloud independente, desde 2008. AMD EPYC, NVMe, 40 Gbps. Reembolso em 14 dias.