FIVEM Como Criar um Launcher de FiveM com Limpeza de Cache e Logs Usando Electron e Bootstrap

[renildomarcio]

Neste tutorial, vou mostrar como criar um launcher básico para o FiveM usando Electron e Bootstrap.
O launcher inclui as seguintes funcionalidades:

• Conectar automaticamente ao servidor FiveM com um clique.
• Limpar o cache e os logs do FiveM.
• Exibir informações do servidor, como o número de jogadores online.

Este projeto é ideal para quem quer simplificar o acesso ao servidor de FiveM e manter o cache e logs do cliente sempre limpos.

Requisitos:

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

Passo a Passo:

1. Estrutura do Projeto

Crie a seguinte estrutura de diretórios:

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

2. Arquivo package.json

No diretório raiz, crie o arquivo package.json com o seguinte conteúdo:

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

3. Arquivo main.js

Esse arquivo é o coração da aplicação Electron.
Ele gerencia a janela principal e executa as ações, como limpar o cache e conectar ao servidor.

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

4. Arquivo preload.js

O preload.js expõe as funções do backend para serem usadas no frontend.

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

5. Arquivo renderer.js

Este arquivo controla a lógica do frontend, permitindo que o usuário se conecte ao servidor, limpe o cache e veja as informações do servidor.
 

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

6. Arquivo index.html

A interface do launcher é simples e utiliza Bootstrap para estilização.
 

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

7. Arquivo styles.css (opcional)

Você pode adicionar alguns estilos básicos para melhorar a aparência do launcher.
 

🔒 Este é conteúdo está oculto, por favor faça login para visualizar.

• Entre
• ou
• Cadastre-se

Conclusão:

Agora você tem um launcher funcional para FiveM que conecta ao servidor automaticamente, limpa os arquivos de cache e logs, e exibe informações importantes do servidor, como o número de jogadores online.
Você pode personalizá-lo e integrá-lo ao seu servidor conforme necessário.

Se tiver dúvidas ou sugestões, deixe seu comentário no fórum!

Créditos

Tutorial criado por Renildo Marcio

[Hideki]

É disso que estamos falando, só conteúdo de qualidade, eu não conhecia nada sobre isso.

[.yuri300]

obrigado