Remember to maintain security and privacy. Do not share sensitive information. Procedimento.com.br may make mistakes. Verify important information. Termo de Responsabilidade

Como criar uma aplicação Cross-Platform utilizando Windows

O desenvolvimento de aplicações Cross-Platform é uma prática cada vez mais comum no mundo da tecnologia. Isso permite que desenvolvedores criem softwares que funcionem em múltiplos sistemas operacionais, como Windows, macOS e Linux, com um único código base. No ambiente Windows, essa prática é totalmente viável e pode ser facilitada por diversas ferramentas e frameworks. Este artigo irá mostrar como configurar e utilizar algumas dessas ferramentas para criar uma aplicação Cross-Platform no Windows.

Exemplos:

  1. Utilizando o Visual Studio Code e Node.js:

    • Instalação do Node.js: Primeiro, baixe e instale o Node.js do site oficial Node.js. Durante a instalação, certifique-se de que a opção para adicionar o Node.js ao PATH do sistema está marcada.

      node -v
npm -v

      Esses comandos devem retornar as versões instaladas do Node.js e do npm, respectivamente.

    • Instalação do Visual Studio Code: Baixe e instale o Visual Studio Code do site oficial Visual Studio Code.

    • Criar um projeto básico com Electron: Electron é um framework popular para criar aplicações desktop Cross-Platform usando JavaScript, HTML e CSS.

      mkdir my-electron-app
cd my-electron-app
npm init -y
npm install electron --save-dev

      Crie um arquivo main.js com o seguinte conteúdo:

      const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
 width: 800,
 height: 600,
 webPreferences: {
   nodeIntegration: true
 }
})
win.loadFile('index.html')
}
app.whenReady().then(createWindow)
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
 app.quit()
}
})
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
 createWindow()
}
})

      Crie um arquivo index.html com o seguinte conteúdo:

      <!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>We are using Node.js <script>document.write(process.versions.node)</script>,
 Chromium <script>document.write(process.versions.chrome)</script>,
 and Electron <script>document.write(process.versions.electron)</script>.
</p>
</body>
</html>

      Adicione um script de início no package.json:

      "scripts": {
"start": "electron ."
}

      Para iniciar a aplicação, execute:

      npm start

  2. Utilizando o .NET Core:

    • Instalação do .NET Core SDK: Baixe e instale o .NET Core SDK do site oficial dotnet.

      dotnet --version

      Esse comando deve retornar a versão instalada do .NET Core.

    • Criar um projeto básico com .NET Core:

      mkdir my-dotnet-app
cd my-dotnet-app
dotnet new console
dotnet run

      Isso criará e executará uma aplicação console básica em .NET Core, que pode ser executada em Windows, macOS e Linux.

To share Download PDF

Windows CMD PowerShell Node.js Visual Studio Code Electron .NET Core dotnet npm cross-platform desenvolvimento

Gostou do artigo? Deixe sua avaliação!
Sua opinião é muito importante para nós. Clique em um dos botões abaixo para nos dizer o que achou deste conteúdo.