apex map rotation Download - apex map rotation download do código-fonte

apex map rotation

Outro código-fonte

1.0.0

Baixar

Apex Legends – Rotação do mapa

Aplicativo NÃO OFICIAL Apex Legends Map Rotation que permite aos usuários ver os mapas atuais e os próximos, além de assinar notificações de alteração de mapas.

Motivação

Embora Apex Legends Status seja um site incrível com seu recurso de rotação de mapa, ele carece de notificações. Portanto, você teria que verificar manualmente sempre que precisar saber qual é o mapa atual.

Apex Legends Map Rotation nasceu de um esforço para saber qual mapa está surgindo, para que você não precise verificar sozinho novamente.

Características

Rotação do mapa em tempo real
Notificações em primeiro plano – notificações em segundo plano estão a caminho!
- Mapas personalizáveis
- Limite personalizável
Aplicativo instalável (consulte suporte)

Contribuir

Bem-vindo e obrigado por contribuir com Apex Legends - Rotação de Mapas!

Clonar repositório

Primeiro, clone o repositório do GitHub:

 # HTTPS
git clone https://github.com/lgaspari/apex-map-rotation.git && cd apex-map-rotation

# SSH
git clone [email protected]:lgaspari/apex-map-rotation.git && cd apex-map-rotation

Instalar pacotes

Em seguida, use npm para instalar as dependências:

npm install

Configurar variáveis de ambiente

Faça uma cópia do arquivo .env em .env.local . Preencha as variáveis de ambiente vazias com seus valores adequados, como a seguir:

VITE_APEX_LEGENDS_API_SECRET_TOKEN : token secreto não oficial da API Apex Legends para autenticação

Inicie o aplicativo no modo de desenvolvimento

Agora, na maior parte, você usará este comando para executar o aplicativo:

npm run start

Iniciar aplicação em modo Produção

Caso contrário, se você quiser executar o aplicativo usando código de produção, use isto:

npm run start:production

Linting e formatação de código

Usamos ESLint para encontrar e corrigir problemas em nosso código. Verifique seu código local executando o seguinte comando:

npm run lint

Além disso, você pode instalar extensões ESLint e Prettier para Visual Studio Code para ajudá-lo a detectar erros e corrigir o formato do código.

Testes

Usamos Vitest como estrutura de teste para nosso aplicativo. Verifique seus testes locais executando o seguinte comando:

npm run test

Além disso, você pode instalar a extensão Vitest para Visual Studio Code para executar testes rapidamente.

Integração Contínua

Um fluxo de trabalho de integração contínua é executado em cada envio para a filial main . Quando suas alterações não passam nas etapas Lint e Test , o fluxo de trabalho falha. Por favor, certifique-se de corrigir esses problemas em um commit separado.

Implantações

Atualmente, não há implantação contínua configurada; você terá que executar este comando manualmente:

npm run deploy

Por favor, evite implantar em produção sem aviso prévio.

Aplicativo Web Progressivo

Este é um recurso experimental e pode ser desativado a qualquer momento.

Usamos o Vite para executar e construir o aplicativo. Portanto, para configuração da Aplicação Web Progressiva, utilizamos o plugin Vite PWA, que faz a configuração de forma integrada.

Geração de ativos PWA

Para gerar os ativos PWA mínimos necessários, usamos o Vite PWA Assets Generator. O comando abaixo irá gerar os ativos com base no arquivo public/logo.svg usando a configuração de pwa-assets.config.ts. Certifique-se de que foi atualizado antes de executá-lo:

npm run generate-pwa-assets

Solução de problemas de PWA

Instalação

Se estiver tendo problemas com a instalação do PWA, você pode usar o Lighthouse das Dev Tools para verificar o que falta para que ele funcione.

Estas são as etapas para navegadores baseados em Chromium:

Abra as ferramentas de desenvolvimento
Vá para a guia Farol
Verifique a categoria Progressive Web App
Pressione o botão Analisar carregamento da página
Revise os resultados

Atualizar trabalhador de serviço

O aplicativo deverá perguntar se há alguma atualização no Service Worker. No entanto, para facilitar as coisas, você pode ativar uma opção das Ferramentas de Desenvolvimento para atualizar os service workers na recarga:

Abra as ferramentas de desenvolvimento
Vá para a guia Aplicativo
Verifique a opção Atualizar ao recarregar
Recarregue a guia usando CTRL+SHIFT+R

Se ainda estiver enfrentando problemas, você mesmo pode atualizar o service worker pressionando o botão Atualizar.

Atualizar ativos

Ao atualizar os ativos do PWA, talvez você não consiga ver os novos ativos carregados. Se for esse o caso, certifique-se de reinstalar o aplicativo.

Compatibilidade entre navegadores (HTTPS)

Notificações

Usamos a interface de notificação da API de notificações para configurar e exibir notificações na área de trabalho para o usuário. Você pode ler mais sobre a API de notificações em MDN Web Docs.

API de notificação

Verificando o suporte da API através de 'Notification' in window .

Plataforma	Corajoso	Cromo	Borda	Raposa de fogo	Safári	Observações
macOS	Sim	Sim	Sim	Sim	Sim	- -
iOS	Não	Não	Não	Não	Sim¹	¹ o recurso experimental deve estar ativado.
Android	Sim	Sim	Sim	Sim	N / D	- -

Permissão de notificação imediata

Solicitando permissões de notificação por meio de Notification.requestPermission() usando Promises .

Plataforma	Corajoso	Cromo	Borda	Raposa de fogo	Safári	Observações
macOS	Sim¹	Sim¹	Sim¹	Sim	Sim	¹ pode exigir etapas manuais adicionais para conceder permissão.
iOS	N / D	N / D	N / D	N / D	Sim¹	¹ Suporte apenas para PWA.
Android	Sim	Sim	Sim¹	Sim²	N / D	¹ pode exigir etapas manuais adicionais para conceder permissão. ² pode exibir página não segura devido ao certificado autoassinado.

Enviar notificações

Criando uma nova instância de Notificação usando new Notification(title, options);

Plataforma	Corajoso	Cromo	Borda	Raposa de fogo	Safári	Observações
macOS	Sim	Sim	Sim	Sim	Sim	- -
iOS	N / D	N / D	N / D	N / D	Não¹	¹ nem mesmo do PWA.
Android	Não	Não	Não	Sim	N / D	- -

Service Workers (HTTPS necessário, exceto localhost)

Os service workers atuam essencialmente como servidores proxy que ficam entre os aplicativos da web, o navegador e a rede (quando disponível). Você pode ler mais sobre a API Service Worker no MDN Web Docs.

Plataforma	Corajoso	Cromo	Borda	Raposa de fogo	Safári	Observações
macOS	Sim	Sim	Sim	Sim	Sim	- -
iOS	Sim	Sim	Sim	Sim	Sim	- -
Android	Sim	Sim	Sim	Sim	N / D	- -

Aplicativo Web Progressivo (HTTPS necessário, exceto localhost)

Um aplicativo da web progressivo (PWA) é um aplicativo criado usando tecnologias de plataforma da web, mas que fornece uma experiência de usuário semelhante à de um aplicativo específico da plataforma. Você pode ler mais sobre Progressive Web Apps em MDN Web Docs.

Plataforma	Corajoso	Cromo	Borda	Raposa de fogo	Safári	Observações
macOS	Sim¹	Sim¹	Sim¹	Não	Não	¹ pode ser instalado a partir do botão `Install PWA` à direita da barra de endereço ou do botão `Options > Install app` .
iOS	Não	Não	Não	Não	Sim¹	¹ pode ser instalado a partir do botão `Share > Add to Home Screen` .
Android	Sim¹	Sim¹	Sim¹	Sim²	N / D	¹ pode ser instalado a partir do pop-up `Add to Home Screen` ou do botão `Options > Install app` . ² pode ser instalado a partir do botão `Options > Add to Home screen` .

Créditos

Obrigado à EA e à equipe Respawn por terem desenvolvido o Apex Legends.
Obrigado à equipe por trás da API não oficial de status do Apex Legends por criar uma API tão excelente.
Obrigado ao site Apex Legends Status por seus recursos de mapa.

Isenção de responsabilidade

Todas as imagens, ícones e marcas registradas pertencem aos seus respectivos proprietários. Apex Legends é uma marca registrada da EA. Ativos, materiais e ícones do jogo pertencem à Electronic Arts. Esteja ciente de que a EA e a Respawn não endossam o conteúdo deste site ou são responsáveis pelo conteúdo deste site.

Expandir

Informações adicionais