Como você gerencia erros em seus funcionários de serviço?

1 O que são trabalhadores de serviços e por que eles falham?

Os trabalhadores de serviço são arquivos JavaScript executados em segundo plano do aplicativo Web e interceptam solicitações de rede, armazenam ativos em cache e executam outras tarefas. Eles são registrados e ativados pelo seu aplicativo principal, mas têm seu próprio escopo e ciclo de vida. Os trabalhadores de serviço podem falhar devido a erros de sintaxe ou bugs no código, erros de rede ou tempos limite ao buscar o script ou suas dependências, versões incompatíveis ou desatualizadas do trabalhador de serviço ou dos ativos armazenados em cache, ou ações do usuário ou configurações do navegador que desabilitam ou excluem o trabalhador de serviço ou o cache.

2 Como depurar trabalhadores de serviço em desenvolvimento?

Para gerenciar erros em seus trabalhadores de serviço, depurá-los no desenvolvimento é uma obrigação. O painel Aplicativo do Chrome DevTools pode ser usado para inspecionar o registro, a ativação e os eventos do trabalhador de serviço, bem como o armazenamento em cache e os dados do banco de dados indexado. Além disso, o painel Rede monitora as solicitações de rede e as respostas manipuladas pelo operador de serviço e você pode filtrá-las por tipo, status ou iniciador. O painel Console registra mensagens, erros e avisos do operador de serviço, enquanto o painel Códigos-fonte permite definir pontos de interrupção e percorrer o código do trabalhador de serviço. Além disso, você pode usar a opção Atualização ao recarregar do Chrome DevTools para forçar o trabalhador de serviço a atualizar toda vez que você recarregar a página; Ignorar a opção de espera para ativar o novo trabalhador de serviço imediatamente; e opção Offline para simular o modo offline e testar como o trabalhador de serviço lida com falhas de rede.

3 Como lidar com erros no código do trabalhador de serviço?

Mesmo se você depurar o código do trabalhador de serviço completamente, ainda poderá encontrar erros em tempo de execução que podem afetar a funcionalidade ou a experiência do usuário do aplicativo. Para lidar com esses erros, os blocos try-catch devem ser usados para encapsular qualquer código que possa gerar um erro, como buscar recursos, acessar caches ou analisar dados. Além disso, os ouvintes de eventos devem ser usados para manipular erros específicos que podem ocorrer no ciclo de vida do trabalhador de serviço e event.waitUntil() deve ser usado para estender o tempo de vida do evento até que o erro seja resolvido ou rejeitado. Para verificar periodicamente se há atualizações para o script do trabalhador de serviço, self.registration.update() deve ser usado e self.skipWaiting() e clients.claim() devem ser usados para ativar o novo operador de serviço e assumir o controle dos clientes o mais rápido possível. Se o trabalhador de serviço ficar corrompido ou obsoleto, self.registration.unregister() deve ser usado para cancelar o registro e caches.delete() deve ser usado para excluir quaisquer caches que possam conter ativos obsoletos ou inválidos.

4 Como lidar com erros em ativos armazenados em cache?

Um dos principais benefícios dos trabalhadores de serviço é que eles podem armazenar ativos em cache e atendê-los do cache quando a rede está indisponível ou lenta. No entanto, isso também significa que você precisa lidar com erros em ativos armazenados em cache, como ativos ausentes ou desatualizados que podem fazer com que seu aplicativo quebre ou exiba incorretamente, ativos corrompidos ou inválidos que podem fazer com que seu aplicativo falhe ou se comporte inesperadamente, e ativos grandes ou excessivos que podem consumir muito espaço de armazenamento ou largura de banda. Para manipular esses erros, você pode usar cache.add() ou cache.addAll() para armazenar ativos em cache durante a instalação do trabalhador de serviço e usar cache.put() para atualizar ativos durante a ativação do trabalhador de serviço ou eventos de busca. Você também pode usar cache.match() ou cache.matchAll() para recuperar ativos do cache durante o evento de busca do trabalhador de serviço e usar cache.delete() para remover ativos do cache quando eles não forem mais necessários. Além disso, você pode usar cache.keys() para listar todos os ativos em um cache e usar caches.match() ou caches.matchAll() para pesquisar em todos os caches no armazenamento de cache para implementar várias estratégias, como limitar o número ou o tamanho dos ativos armazenados em cache, usar estratégias de expiração ou controle de versão, implementar um fallback de cache ou estratégia de rede em primeiro lugar e assim por diante.

5 Como lidar com erros no feedback do usuário?

Ao gerenciar erros em seus funcionários de serviço, é importante fornecer feedback e orientação ao usuário. Você pode usar self.clients.matchAll() para obter uma lista de todos os clientes controlados pelo trabalhador de serviço e client.postMessage() para enviar mensagens ou dados aos clientes, que podem ser usados para se comunicar com o aplicativo principal sobre status, erros ou atualizações do trabalhador de serviço. Além disso, você pode aproveitar a API de Notificação para exibir notificações ao usuário sobre eventos, erros ou atualizações do trabalhador de serviço. Essas notificações devem incluir ações de notificação que permitam que o usuário interaja com elas, como atualizar a página, limpar o cache ou atualizar o trabalhador de serviço. Além disso, você pode usar ServiceWorkerRegistration.showUpdateUI() para mostrar uma interface do usuário de atualização padrão quando o trabalhador de serviço tiver uma atualização e solicitar que o usuário recarregue a página ou aceite a atualização. Finalmente, você pode usar as opções ServiceWorkerContainer.register() para configurar o registro do trabalhador de serviço e personalizar seu comportamento e experiência do usuário especificando seu escopo, frequência de atualização ou modo de interação do usuário.

6 Veja o que mais considerar

Este é um espaço para compartilhar exemplos, histórias ou insights que não se encaixam em nenhuma das seções anteriores. O que mais gostaria de acrescentar?