Plano de fundo do windows interativo usando REACT, NEXTJS e NODE
Historia
Olá pessoal, me chamo Flávio, esse é o meu primeiro post aqui na comunidade, então espero trazer um conteudo massa para vocês.
Bom, vamos ao contexto, a alguns dias atrás eu comprei um pc com uma placa de video RX 570 4GB, e fiquei muito feliz, pois eu poderia fazer muito coisa agora que estava com um monstro desse, foi ai que eu lembrei que a muito tempo, no windows 7, dava para alterar o tema do windows e ficava todo personalizado com aqueles temas do alienWare todo doido, e eu achava incrivel, so que era necessario "poder" no pc para isso, e agora que eu tinha esse poder, quis trazer para o windows 10, porem o windows 10 não deixa essa personalização acontecer de forma facil, foi então que eu conheço o app "Lively Wallpaper", que permitia pegar imagens, videos, gif e também era possivel colocar paginas html para ser renderizado no plano de fundo, com um detalhe, se caso eu tivesse um botão clicavel que fizesse algo na minha interface no html, o plano de fundo do windows respondia tambem, só que era limitado somente a animações, foi ai que me veio uma ideia...
"E se eu fizesse um papel de parede que ao clicar nos botões, abriria programas no windows". Pois, e eu fiz kkkk
Resultado:
EXPLICAÇÕES
Então, como eu fiz isso?
O meu primeiro desafio, seria fazer um botão do papel de parede em html disparar uma ação no windows, isso era complicado, porque eu teria que teoricamente disparar uma ação do html para windows, e isso seria bem louco de se fazer, foi ai que eu lembrei que uma ação do sistema operacional poderia ser disparada pelo node, e eu fiz isso, usei a biblioteca shelljs para chamar o cmd do windows e fazer um "start program".
Show, eu tinha então uma forma de manipular o windows por meio do js, eu sabia que o nextjs compilava a meu app react em uma static page, agora ficou facil, porque era so eu fazer o botão clicavel no plano de fundo mandar uma requisição fetch para o metodo de uma api, e nesse metodo disparar o comando do windows, porem, eu so conseguiria fazer isso, caso a api estivesse em um servidor local, foi ai que eu contrui a api, criei o host dela local, fiz o html e coloquei no plano de fundo, e rapaz, num e que deu bom mesmo. 😁
O resultado como vocês podem ver, e que temos botões animados do plano de fundo, que faz referencia para a uma api em node, que executa um codigo prompt e abre o respectivo aplicativo. Ainda existem algumas limtações, e ele buga dependendo da quantidade de vezes que você dispara, mas esta indo aos poucos.