DEV Community: Carlos Alves

Malwares e Ciberataques: como evitar ser vítima?

Carlos Alves — Mon, 22 May 2023 13:39:06 +0000

Nos dias de hoje, em que a tecnologia se tornou parte integrante da vida cotidiana, a segurança cibernética é uma preocupação crescente. A cada ano, milhões de pessoas são vítimas de malwares e ataques cibernéticos, que podem causar prejuízos financeiros, roubar informações pessoais e empresariais confidenciais e comprometer a privacidade online. Neste artigo, vamos discutir cada um desses ataques em detalhes e fornecer dicas para proteger-se contra eles.

1 - Adware

O adware é um tipo de malware que exibe anúncios indesejados em seu dispositivo, geralmente na forma de pop-ups e banners. O objetivo do adware é obter receita para seus criadores através dos cliques nos anúncios. Embora o adware possa ser irritante, ele não é necessariamente prejudicial ao seu dispositivo.

1.1 - Principal alvo

O principal alvo dos adwares são os usuários de computadores e dispositivos móveis que utilizam a internet regularmente. Adwares podem afetar qualquer sistema operacional, incluindo Windows, macOS, iOS e Android. Os adwares geralmente são distribuídos através de downloads de software gratuitos ou piratas, e podem ser instalados sem o conhecimento do usuário.

1.2 - Nível de risco

O nível de risco associado aos adwares é relativamente baixo em comparação com outros tipos de malware, como vírus ou ransomware. No entanto, os adwares podem ser bastante irritantes, exibindo anúncios pop-up em excesso e interferindo na navegação na web e no desempenho do computador ou dispositivo móvel. Além disso, alguns adwares têm a capacidade de coletar informações pessoais do usuário, como histórico de navegação e senhas, o que pode representar um risco de privacidade significativo.

1.3 - Medidas preventivas

Evitar clicar em anúncios suspeitos ou que parecem ser enganosos;
Instalar um software de segurança confiável;
Manter o software de segurança atualizado;
Não baixar programas de fontes não confiáveis ou desconhecidas;
Revisar cuidadosamente as permissões solicitadas pelos aplicativos antes de concedê-las;
Monitorar regularmente o computador ou dispositivo móvel em busca de sinais de adware.

2 - Phishing

O phishing é um ataque cibernético no qual um hacker envia um e-mail ou mensagem falsa que parece legítima, mas que na verdade é projetada para enganar você e roubar suas informações pessoais. Os hackers podem fingir ser empresas conhecidas, como bancos ou redes sociais, para atrair as vítimas a fornecerem senhas, números de cartão de crédito e outras informações confidenciais.

Phishing é uma técnica de fraude online utilizada por criminosos cibernéticos para roubar informações confidenciais de usuários, como senhas, números de cartão de crédito e dados bancários. Esses fraudadores geralmente se passam por empresas ou instituições confiáveis, enviando mensagens fraudulentas por email, mensagem de texto ou até mesmo em redes sociais.

2.1 - Principal alvo

As principais vítimas de phishing são geralmente usuários comuns e empresas de todos os tamanhos, que podem ser alvos de ataques direcionados ou de campanhas de phishing em massa. Os criminosos cibernéticos muitas vezes realizam pesquisas detalhadas sobre suas vítimas potenciais, coletando informações pessoais e profissionais para tornar seus ataques mais convincentes e persuasivos.

Empresas que possuem informações confidenciais, como instituições financeiras, empresas de comércio eletrônico e organizações governamentais, também são frequentemente alvos de phishing. Além disso, indivíduos que possuem grandes quantidades de dinheiro, como celebridades e empresários bem-sucedidos, também são alvos populares de ataque.

Os ataques de phishing podem ser extremamente sofisticados e difíceis de detectar, por isso é importante que os usuários estejam cientes dos sinais de alerta e tomem medidas preventivas para proteger suas informações pessoais.

2.2 - Nível de risco

O nível de risco associado a um ataque de phishing pode variar dependendo da natureza do ataque e do tipo de informações que são roubadas. Em alguns casos, as vítimas podem perder apenas algumas informações pessoais, enquanto em outros, podem perder grandes somas de dinheiro ou ter sua identidade roubada. O phishing também pode levar à infecção por malware, o que pode afetar significativamente o desempenho do computador e colocar outras informações em risco.

2.3 - Medidas preventivas

Verificar cuidadosamente os remetentes das mensagens;
Não clicar em links suspeitos ou baixar anexos desconhecidos;
Manter o software de segurança atualizado;
Usar senhas fortes e exclusivas para cada conta;
Entrar em contato com a empresa ou instituição imediatamente se suspeitar que sua conta foi comprometida por um ataque de phishing;
Informar o incidente às autoridades competentes;
Prevenção é a melhor defesa contra esse tipo de fraude online.

3 - Pharming

O pharming é semelhante ao phishing, mas em vez de enviar uma mensagem falsa, o hacker redireciona o tráfego da web para um site falso que parece legítimo. Quando você tenta acessar um site legítimo, como seu banco online, você é redirecionado para um site falso controlado pelo hacker. Lá, eles podem roubar suas informações confidenciais, como senhas e números de cartão de crédito.

As etapas nesse tipo de ataque consiste em:

O invasor identifica o site legítimo que ele deseja direcionar para o site falso;
Ele cria um site falso com uma aparência semelhante à do site original. Isso envolve copiar o código HTML e outros recursos do site legítimo;
O invasor usa técnicas de DNS ou de envenenamento de cache para fazer com que o nome de domínio do site falso pareça estar vinculado ao servidor do site legítimo;
Quando um usuário tenta acessar o site legítimo digitando seu endereço na barra de endereços do navegador, o pedido é redirecionado para o site falso;
O usuário pode inserir informações confidenciais, como nomes de usuário, senhas e detalhes de cartões de crédito, no site falso, acreditando que está interagindo com o site legítimo;
O invasor captura essas informações confidenciais e as usa para fins mal-intencionados, como roubo de identidade ou fraude financeira.

3.1 - Principal alvo

As principais vítimas do Pharming são geralmente empresas de grande porte, instituições financeiras e prestadores de serviços online que possuem sites populares e com muitos acessos. Além disso, os usuários comuns também podem ser alvos de ataques de pharming se seus roteadores forem comprometidos por criminosos cibernéticos.

3.2 - Nível de risco

O nível de risco associado a um ataque de pharming pode ser bastante elevado, uma vez que as informações pessoais e financeiras dos usuários podem ser comprometidas sem que eles saibam. Os usuários podem inserir suas informações em um site falso e, em seguida, ter suas contas bancárias esvaziadas ou sofrer roubo de identidade. Além disso, os sites legítimos que foram alvo de attack pharming podem sofrer danos à sua reputação, perdendo a confiança dos usuários e clientes.

3.3 - Medidas preventivas

Utilize um software antivírus e mantenha-o atualizado;
Mantenha o sistema operacional e todos os programas atualizados com as últimas correções de segurança;
Use um firewall confiável para monitorar o tráfego de rede e bloquear ameaças potenciais;
Evite clicar em links suspeitos ou abrir anexos de e-mails desconhecidos;
Cuidado com sites falsos que se passam por instituições financeiras ou empresas conhecidas, verificando sempre a URL e a identidade visual do site;
Ative a autenticação em duas etapas sempre que possível, especialmente para serviços bancários online;
Fique atento às instruções de segurança fornecidas pelo seu banco ou provedor de serviços online;
Use senhas fortes e nunca as compartilhe com ninguém;
Evite usar wifi público não segura;
Faça backup regularmente dos seus dados importantes e armazene-os em um local seguro.

4 - Ransomware

O ransomware é um tipo de malware que criptografa seus arquivos e exige um resgate em troca da chave de descriptografia. Os hackers usam o ransomware para extorquir dinheiro das vítimas, ameaçando apagar permanentemente seus arquivos se não pagarem o resgate.

4.1 - Principal alvo

Empresas que possuem grandes quantidades de dados valiosos, como instituições financeiras, hospitais e órgãos governamentais, são frequentemente alvo de ataques de ransomware. Isso ocorre porque os criminosos cibernéticos acreditam que essas organizações terão mais incentivo para pagar o resgate para recuperar seus dados. No entanto, pequenas empresas e usuários individuais também podem ser vítimas de ataques de ransomware.

4.2 - Nível de risco

O nível de risco associado a um ataque de ransomware pode ser elevado, pois os dados criptografados geralmente são irrecuperáveis sem a chave de descriptografia. Além disso, mesmo que o resgate seja pago, não há garantia de que os dados serão desbloqueados ou retornados aos proprietários originais. Em alguns casos, as vítimas podem perder toda a sua base de dados e ter suas operações comerciais completamente paralisadas.

4.3 - Medidas preventivas

Manter o software de segurança atualizado;
Fazer backup regular dos dados;
Educar os funcionários sobre práticas de segurança cibernética adequadas.

5 - Keylogger

O keylogger é um malware que registra tudo o que você digita no teclado do seu dispositivo. Isso pode incluir senhas, nomes de usuário e outras informações confidenciais que os hackers podem usar para roubar sua identidade ou acesso a suas contas.

5.1 - Principal alvo

As principais vítimas do keylogger são empresas e indivíduos que lidam com informações sensíveis, como instituições financeiras e governamentais, escritórios de advocacia, consultorias em tecnologia da informação e empresas que possuem propriedade intelectual valiosa.

5.2 - Nível de risco

O nível de risco associado a um ataque de keylogger pode ser significativo, pois os criminosos cibernéticos podem usar as informações obtidas para realizar atividades fraudulentas, roubar dinheiro ou identidade, comprometer dados pessoais ou empresariais, entre outros crimes.

5.3 - Medidas preventivas

Manter o software de segurança atualizado;
Ter cuidado ao clicar em links suspeitos ou abrir anexos de e-mails desconhecidos;
Usar senhas fortes e não compartilhá-las com ninguém;
Monitorar regularmente as atividades de suas contas para detectar qualquer atividade suspeita.

6 - Screenlogger

O screenlogger é semelhante ao keylogger, mas registra tudo o que você faz na tela do seu dispositivo, incluindo cliques do mouse e movimentos do cursor. Os hackers podem usar essas informações para roubar informações pessoais ou empresariais confidenciais.

6.1 - Principal alvo

As principais vítimas do Screenlogger são usuários de computadores e aparelhos móveis que lidam com informações sensíveis, como senhas, informações bancárias e financeiras, dados pessoais e corporativos. O objetivo dos ataques de Screenlogger é capturar as informações digitadas ou exibidas na tela do dispositivo.

6.2 - Nível de risco

O nível de risco associado a um ataque de Screenlogger pode ser significativo, pois os criminosos cibernéticos podem usar as informações obtidas para realizar atividades fraudulentas, roubar dinheiro, comprometer dados pessoais ou empresariais, entre outros crimes.

6.3 - Medidas preventivas

Mantenha o software de segurança atualizado;
Tenha cuidado ao clicar em links suspeitos ou abrir anexos de e-mails desconhecidos;
Monitore regularmente as atividades de suas contas;
Utilize soluções de segurança digital eficientes para proteger seus dispositivos e informações pessoais ou empresariais.

Considerações finais

Ao navegar na internet e utilizar dispositivos conectados à rede, é importante estar ciente dos perigos dos malwares e ataques cibernéticos.

Para proteger-se contra esses tipos de ataques, é essencial tomar as medidas preventivas citados nesse artigo. Ao seguir essas práticas de segurança cibernética, você pode proteger-se contra os perigos do mundo digital e manter-se seguro online.

Me acompanhe no meu...

Website: carlosalves.vercel.app
Gitub: @EuCarlos
Dribbble: @EuCarlos
LinkedIn: linkedin.com/in/josecarlos98

Bibliotecas NodeJS incríveis que você não tem ideia que existem

Carlos Alves — Thu, 10 Nov 2022 17:45:20 +0000

Olá pessoas! Estão preparados para conhecer 10 extensões incríveis que possa de ajudar no seu dia a dia nos estudos de programação? Então vem comigo e se liga nessa lista que está massa demais.

⚠️ OBS.: Lembrando que essa lista não está organizado de melhor para pior ou o inverso, são apenas sugestões de biblioteca para você.

1. PM2

PM2 é um gerenciador de processos para aplicativos NodeJS em produção com balanceador de carga (Load Balancer). Ele permite que você mantenha os aplicativos ativos para sempre, recarregue-os sem tempo de inatividade e facilite as tarefas comuns de administração do sistema.

2. Video.js

Caso você precise incluir um player de video no seu app certamente vale a pena testa a biblioteca Video.js, com ela você pode criar um player básico ou totalmente customizado.

3. Sharp

Sharp é um processador de imagens NodeJS de alto desempenho, o módulo mais rápido para redimensionar imagens JPEG, PNG, WebP, AVIF e TIFF. Usa a biblioteca lipvips escrita em C, a qual é 4-5 vezes mais rápida que ImageMagick ou GraphicsMagick.

4. Uppy

Fazer upload de arquivos pode ser difícil às vezes em ambiente de desenvolvimento, mas com a Uppy esse processo fica bem mais simples.

5. Winston

Mecanismo de registro projetado para aplicativos de produção. Winston permite que seu log seja salvo em um banco de dados, ou em arquivos locais, permite enviar e-mail em formatos altamente personalizáveis. A meu ver, é uma obrigação para depuração em produção.

6. Leaflet

Insira mapas interativos no seu aplicativo que se ajustam no dispositivo mobile e permitem adicionar marcadores em endereços de forma fácil.

7. JsPDF

Gerar PDF's para relatório ou documentos é uma tarefa comum para programadores, usando a biblioteca JsPDF você consegue fazer isso de forma fácil e rápida.

8. Node-Html-To-Image

Agora você já se perguntou, como faço para gerar uma imagem do arquivo HTML? Então esta é a biblioteca NodeJS para você.

9. Howler.js

Biblioteca de áudio para a web moderna. Howler.js torna o trabalho com áudio em JavaScript fácil e confiável em todas as plataformas.

10. Multer

Lida com dados de formulários e multipartes, encontra uso para upload de arquivos. Multer não processará nenhum formulário que não seja multipartes.

Considerações Finais

Você acaba ver 10 indicações minhas de bibliotecas NodeJS para você colocar no seu repertório de estudos. Escolha as que mais gostou ou a que possa te ajudar em algo e estude sua documentação.

E aí gostou? Gostaria de recomendar alguma? Trouxemos alguma que você não conhecia? Coloque seu comentário para sabemos.

Me acompanhe no meu...

Website: carlosalves.vercel.app
Gitub: @EuCarlos
Dribbble: @EuCarlos
LinkedIn: linkedin.com/in/josecarlos98

Extensões ótimas para VS Code e pouco falado

Carlos Alves — Thu, 14 Jul 2022 18:13:25 +0000

Olá, pessoas! Me fale a verdade, você está cansando de ver as mesmas extensões em diversos artigos sobre extensões para VS Code, Certo? Então você tem que ler esse artigo porque é agora o momento de eu apresentar extensões feito para VOCÊ.

"/>

1. Auto Import

O Auto Import é uma ferramenta para arquivos TypeScript(.ts e .tsx) que localiza, analisa e fornece ações de código e autocompletar de código automaticamente para todas as importações disponíveis.

2. Thunder client

o Thunder Client oferece uma ferramenta de extensão do Rest API Client leve, fácil de usar, limpa e simples. Permite que você teste rapidamente os endpoints da API da base de código no próprio editor, minimizando a alternância de guias. Deixar-nos realizar testes sem script torna esta uma alternativa muito atraente ao Postman (embora em uma versão simplificada).

3. SQLite Viewer

O SQLite View como o próprio nome já diz é um visualizador para dados para SQLite rápido e fácil.

Uma alternativa é Database Client que é um gerenciador de banco de dados para MySQL/MariaDB, PostgreSQL, SQLite, Redis e ElasticSearch.

4. Code Time

O Code Time apresenta métricas de programação automática e rastreamento de tempo no VS Code. O Code Time mantém você responsável por sua produtividade rastreando seu tempo e pode ajudá-lo a segmentar em qual projeto você está trabalhando mais.

Uma ótima alternativa para o Code Time é o WakaTime que é também uma extensão para métricas sobre sua programação.

5. Excel Viewer

O Excel Viewer facilita o tratamento de dados do Excel em seu editor do VS Code formatando strings longas e separadas por vírgulas em um formato de tabela. Isso pode fazer maravilhas para suas extensões .csv, .tsv e .tab.

6. TinyPNG

O TinyPNG é uma ferramente usa técnicas inteligentes de compactação com perdas para reduzir o tamanho dos arquivos WEBP, JPEG e PNG.

7. Blockman

O Blockman destacar o escopo focando mais facilmente no bloco de código atual, permite alterar as cores do bloco e profundidade, alternar o foco e fazer muito mais personalização.

8. Git Graph

O Git Graph apresenta as ações do seu repositório Git a partir de um gráfico também sendo possível executar facilmente ações Git diretamente no VS Code.

Considerações finais

Então apresentei nesta postagem 8 extensões ótimas que geralmente não vejo sendo citado nas postagens envolvendo "Extensões do VS Code", lembrando que esta lista não está ordenado de melhor para pior (nem o inverso). Apenas teste as extensões que você acredita ser relevante para seu workspace.

Me acompanhe no meu...

Website: carlosalves.vercel.app
Gitub: @EuCarlos
Dribbble: @EuCarlos
LinkedIn: linkedin.com/in/josecarlos98

Corrigir no Docker: Got permission denied issue 🐳

Carlos Alves — Mon, 06 Jun 2022 15:19:23 +0000

Hoje o artigo será bem curto, o que falaremos hoje é como resolver o seguinte erro:



docker: Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Post http://%2Fvar%2Frun%2Fdocker.sock/v1.26/containers/create: dial unix /var/run/docker.sock: connect: permission denied.
See docker run --help.

É provável que você obteve este erro quando tentou executar o comando docker-compose up é a uma solução bem simples para esse problema, basta digitar sudo antes de qualquer comando docker. Por exemplo:



sudo docker ps -a

Adicione seu usuário ao grupo do Docker

Entretanto, é chato ficar digitando sudo a todo comando Docker e sabemos que não é recomendável executar nenhum comando com privilégios sudo no ambiente de produção. Então pensando nisso, vamos adicionar o seu usuário ao grupo do Docker com o seguinte comando:



sudo usermod -aG docker $USER

Com isso, o seu usuário já está adicionado ao grupo do Docker, então o próximo passo será fazer algumas das opções abaixo:

Fazer login novamente;
Reiniciar sua maquina;
Ou executar o seguinte comando: ```

exec su -l $USER

Se testamos agora o comando `docker ps -a` veremos que vai ser listado no terminal os contêineres disponíveis localmente sem a necessidade de utilizar o sudo.

## Me acompanhe no meu...

Website: [carlosalves.vercel.app](https://carlosalves.vercel.app/)
Gitub: [@EuCarlos](https://github.com/EuCarlos)
Dribbble: [@EuCarlos](https://dribbble.com/eucarlos)
LinkedIn: [linkedin.com/in/josecarlos98](https://www.linkedin.com/in/josecarlos98)

status 22003 no banco de dados

Carlos Alves — Sun, 05 Jun 2022 14:10:25 +0000

Introdução

Nesse artigo você vai aprender a como resolver o problema emitindo o status 22003 no banco de dados.

Contexto

Em um dia desses eu estava fazendo deploy de uma aplicação com Adonis e Postgres no Heroku, até que recebo as seguintes mensagens de log:

Logs do erro

heroku[router]: at=banlanco-patrimonial method=PUT path="/banlanco-patrimonial/7" host=<website>.herokuapp.com request_id=<id> fwd=<fwd> dyno=web.1 connect=0ms service=7ms status=500 bytes=1101 protocol=https
app[web.1]: [1650719030687] ERROR (banco-de-dados/22 on <hash>): update "balanco_patrimonial_dres" set "clientes_a_receber" = $1, "updated_at" = $2 where "id" = $3 - numeric field overflow
app[web.1]:     x-request-id: <id>
app[web.1]:     request_id: <id>
app[web.1]:     err: {
app[web.1]:       "type": "DatabaseError",
app[web.1]:       "message": "update \"balanco_patrimonial_dres\" set \"clientes_a_receber\" = $1, \"updated_at\" = $2 where \"id\" = $3 - numeric field overflow",
app[web.1]:       "stack":
app[web.1]:           error: update "balanco_patrimonial_dres" set "clientes_a_receber" = $1, "updated_at" = $2 where "id" = $3 - numeric field overflow
app[web.1]:               at Parser.parseErrorMessage (/app/node_modules/pg-protocol/src/parser.ts:369:69)
app[web.1]:       "length": 164,
app[web.1]:       "name": "error",
app[web.1]:       "severity": "ERROR",
app[web.1]:       "code": "22003",
app[web.1]:       "detail": "A field with precision 8, scale 2 must round to an absolute value less than 10^6.",
app[web.1]:       "file": "numeric.c",
app[web.1]:       "line": "6589",
app[web.1]:       "routine": "apply_typmod",
app[web.1]:       "status": 500
app[web.1]:     }

O que está acontecendo?

Está emitido o status 22003 no banco de dados, isso significa que o valor numérico está fora do intervalo. Então pode ser que o valor está muito alto, ou muito baixo do esperado.

De acordo com Data Vault Message Reference:

22003
Data exception - numeric value out of range
This message appears when an SQL operation results in a numeric overflow or underflow. That is, an evaluated numeric expression is either too large or too small to be contained in a suitable datatype without loss of precision or scale.

Possível solução:

Uma possível solução para este problema seria a troca o tipo de dados numérico que serão recebidos na requisição da API
Exemplos de valores altos que estão atrapalhando nas requisições:

"estoques": 1502412,
"imobilizados": 1386896,
"fornecedores": 1417072,
"clientes_a_receber": 2091280,
"capital_e_reservas": 1314166,
"receitas_operacionais_brutas": 12226104,
"impostos_incidentes_sobre_vendas": -2420768.59,
"custo_dos_produtos_vendidos": -7101833.06,

OBS.: Regex utilizado para verificar que valores estão altos: \-?[0-9]{7,} ou \"[a-z]{1,}\"\: \-?[0-9]{7,}

Decimal

Começando pelo tipo de dado que estou usando, o tipo decimal é a melhor escolha quando se envolve dinheiro e finança por trazer uma grande precisão para evitar erros de arredondamento. Porém, no meu caso está emitindo o erro de valor fora do intervalo numérico pois, o número é muito grande.

Float e Double

Então a possível solução é trocar o tipo para float ou double. Caso tenha dúvida da escolha entre esses dois tipos a diferença seria a precisão, a variação e a quantidade de casas decimais que consegue suportar.
Esses tipos são chamados ponto flutuante binários:

Tipo	Bits	Descrição
Float	32 bits	Tem 24 dígitos de precisão e por isso é chamado de simples precisão
Double	64 bits	Tem 53 dígitos de precisão e é chamado de dupla precisão

Conclusão

Então minha escolha/solução foi a troca do tipo de dados DECIMAL pelo o tipo FLOAT, apesar de o DOUBLE ter uma precisão maior e suportar uma quantidade maior de casas decimais no meu caso não seria necessário.

Me acompanhe no meu...

Website: carlosalves.vercel.app
Gitub: @EuCarlos
Dribbble: @EuCarlos
LinkedIn: linkedin.com/in/josecarlos98

Referencias:

Data Vault Message Reference - 22003

Neutralinojs - Alternativa para o Electron

Carlos Alves — Mon, 21 Mar 2022 23:57:21 +0000

Se você estiver procurando por uma alternativa para o framework Electron, você acabou de acessar o artigo certo.

Antes de tudo...

Para quem está perdido, primeiramente vamos responder a pergunta o que são os frameworks Electron e Neutralino?

Basicamente o que esses frameworks fazem é buildar aplicações multiplataforma (Linux, Windows e Mac OS) criadas com HTML, CSS e Javascript para aplicações desktop. Então onde queremos chegar é que você consegue criar aplicações desktop sem necessariamente saber desenvolver nas linguagens Delphi, Java ou C# que são linguagens mais específicas para criação de aplicações desktop. Ou seja, com os mesmos conhecimentos que você tem para criar um simples website com neutralino ou electron você consegue facilmente criar um programa desktop em pouco tempo.

Por que escolher Neutralinojs?

Se você usa VS Code, Microsoft Teams ou Figma Desktop como eu sabe muito bem que essa aplicações são lentas, o fato é que esses softwares são desenvolvendo em electron.

Electron é incrível, porém é um devorador de memória e processamento. Diferente do Neutralinojs que em comparação tem um desempenho muito bom.

Clicando neste link você pode ver um comparativo muito bem elaborado (em 2018) do consumo de disco e memoria do Electron e Neutralinojs.

Como usar o Neutralinojs

1. Abra o terminal

Antes de qualquer coisa precisaremos do terminal, então nossa primeira missão é abri-lo.

2. Instalando Neutralinojs

Com seu terminal de comando aberto, digite o cole o comando abaixo:

$ npm i -g @neutralinojs/neu

O que esse comando vai fazer é instalar globalmente o cliente do Neutralinojs.

3. Criando Projeto

Neutralinojs instalado, a próxima etapa é criar nosso projeto, com o comando abaixo:

$ neu create <nome do projeto>

No meu caso vou desenvolver um relógio pomodoro, então estou nomeado o projeto de pomodoro

4. Rodando a aplicação

$ cd <nome-do-projeto> && neu run

O resultado deve ser este:

🚨 ATENÇÃO USUÁRIOS WINDOWS: Se ao rodar programa, caso esteja aparecendo uma tela em branco. Execute o comando seguinte no terminal cmd(como administrador):

CheckNetIsolation.exe LoopbackExempt -a -n="Microsoft.Win32WebViewHost_cw5n1h2txyewy"

🚨 ATENÇÃO USUÁRIOS LINUX: Se ao rodar o programa e você estiver com o erro neutralino-linux_x64 was stopped with error code 127 no terminal, basta colar o seguinte comando no terminal:

sudo apt install \
    libgtk-3-dev \
    libwebkit2gtk-4.0-37 \
    libwebkit2gtk-4.0-dev \
    libayatana-appindicator3-dev

Essa solução é somente para Ubuntu, mas clicando aqui é fácil encontrar solução para o fedora.

5. Primeiros passos

Antes de começar a codar é bom ter uma noção da estrutura de pastas do framework. Se você abrir em seu projeto em um editor de código vai encontrar uma estrutura semelhante a esta:

.
├── .tmp
│    └──  auth_info.json
├── bin
│    ├── neutralino-linux_x64
│    ├── neutralino-mac_x64
│    └── neutralino-win_x64.exe
├── resources
│        ├── icons
│        ├── js
│        ├── index.html
│        └── styles.css
├── LICENSE
├── neutralino.log
└── README.md

5.1 Editando arquivos HTML, CSS e JavaScript

Olhando na estrutura de basta vemos que temos o arquivo index.html é nele que vamos mexer primeiro. Nele vou adicionar a marcação do programa:

Para acessar o código HTML desse projeto clique aqui.

Então agora vamos mexer no styles.css e estilizar nosso relógio pomodoro:

Para acessar o código CSS desse projeto clique aqui.

Precisamos programar o nosso relógio em **js/main.js, nele programei a função de iniciar, pausar e resetar o tempo. Para acessar o código JavaScript desse projeto clique aqui.

5.2 Alterando ícone da aplicação

Vamos agora alterar o ícone, que apesar de não ser nada tão relevante para esse artigo é bem legal de aprender. É só ir em no arquivo neutralino.config.json e procurar pela chave icon e colocar o caminho da imagem ao lado:

"icon": "/resources/icons/medium.png",

E o resultado é esse:

Todo esse código que criei para este projeto pode ser encontrado no repositório @EuCarlos/example-neu-to-devto no github.

6. Buildando aplicação

$ neu build

Com esse comando vai ser criado um arquivo ZIP contendo 3 programas executáveis.

-win_x64.exe: É para ser executado no Windows.
-linux_x64: É para ser executado no linux.
-mac_x64: É para ser executado no Mac OS.

Outras alternativas

Considerações Finais

Aqui aprendemos como criar uma aplicação desktop multiplataforma usando o framework neutralinojs, html, css e javascript. Se houver engajamento para esse artigo posso trazer mais artigos do uso de essa ferramenta muito legal e pouca conhecida. Posso ensinar como usar os templates para usar React, Vue, Angular.js, typescript no Neutralinojs.

Me acompanhe no meu...

Website carlosalves.vercel.app
Gitub: @EuCarlos
Dribbble: @EuCarlos
LinkedIn: linkedin.com/in/josecarlos98

Referencias:

Site oficial
Comparativos Neutralino vs Electron
Setup and build the framework

Como atualizar o Node.js para a ultima versão no Ubuntu 🐧

Carlos Alves — Wed, 16 Mar 2022 00:36:56 +0000

Olá, pessoas! Por questões de estudantis na última semana migrei de sistema operacional... o que antes eu usava Windows 10 para tudo, hoje uso a distribuição Ubuntu do Linux.

Com isso, me deparei com diversas mudanças e dores de cabeças em que nunca passei. E uma delas é que instalei node.js via terminal com o comando:

sudo apt install nodejs

Então tá, tudo certo né? Né?!😐 Não, o problema é que foi instalado uma versão muito antiga do node.js no meu caso era a versão 6.11.3, então toda vez que eu iria instalar um pacote mais atual emitia a mensagem abaixo:

The engine "node" is incompatible with this module. Expected version ">=12.6". Got "10.19.0"

Então começaremos a saga da resolução desde problema.

1. Abra o Terminal no Ubuntu

Antes de qualquer coisa precisaremos do terminal, então nossa primeira missão é abri-lo.

2. Limpar o cache

Para limpar o cache no npm, precisamos executar o comando abaixo em nosso terminal.

sudo npm cache clean -f

Vai solicitar a senha, e então é só colocar e prosseguir.

3. Instalar globalmente o modulo n

o modulo n vai ajudar a facilitar a atualização do node.

sudo npm install -g n

4. Escolha versão do node

Para instalar a última versão lançada do node basta usar o comando abaixa:

sudo n latest

Porém, a última versão nunca é a recomendada, então a melhor escolha seria a versão mais recente que está estável, para isso é bem simples basta usar o comando abaixo:

sudo n stable

Ótimo, agora está perfeito... e se ao invés de querer a última versão lançada ou versão recente estável eu quisesse a uma versão específica? Também é muito simples... suponhamos que queremos a versão 8.2.6. Para isso usaremos o comando:

sudo n 8.2.6

5. Verificar a versão do Node

Pronto, seu node está atualizado. Agora verifique a versão do node com o comando:

node --version

Calma, sei que retornou a versão antiga do node. Não há nada de errado, reinicie o terminal e digite o comando de verificar a versão novamente que dessa vez será apresentado versão atualizada.

Conclusão

Então só para concluir, afirmo com total clareza que os simples comandos ensinados nesse artigo foram os que resolveram esse problema e agora posso instalar todos meus pacotes tranquilamente.

Me acompanhe no GitHub, LinkedIn, Dribbble e Website

Referencias:

https://github.com/tj/n