electron使用

1.下载官方dome;

# 克隆这仓库
git clone https://github.com/electron/electron-quick-start
# 进入仓库
cd electron-quick-start
# 安装依赖库
npm install
# 运行应用
npm start

2.打包成桌面应用;


//1 安装打包工具,此处安装出问题,需要修改npm 配置文件,详情见下;
npm install electron-packager --save-dev


//2 在package.json 的scripts中 增加启动命令;
"electron-build": "electron-packager ./ --platform=win32 --arch=x64 --overwrite"


//3 运行 会在项目生成一个文件夹,里面有.exe 文件;
npm run electron-build

第一步安装不成功处理如下;
1. 打开cmd ,输入 npm config edit ;
2. 弹出的文件 中添加 如下代码,保存;

registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
electron_mirror=http://npm.taobao.org/mirrors/electron/

3.删除node-modules ,从新下载包

第二步的命令语法 :
electron-packager <资源路径> <打包出的exe名称> –platform=<平台名称> –arch=<arch 版本> [配置项选填,可以设置二进制打包等,默认没有这些]

  1. sourcedir 资源路径,在本例中既是./

  2. appname 打包出的exe名称

  3. platform 平台名称(windows是win32)

  4. arch 版本,本例为x64

  5. [optional flags…] 配置项选填,可以设置二进制打包等,默认没有这些

3.将.exe文件打包成安装包;

链接:https://www.cnblogs.com/kakayang/p/9559777.html

//添加了 打开 最大化,去掉导航栏

//模块来控制应用程序生命周期和创建本地浏览器窗口
const { app, BrowserWindow } = require('electron')
const path = require('path')

function createWindow() {

  //创建浏览器窗口。
  const mainWindow = new BrowserWindow({
    // frame: false,
    // width: 1200,
    // height: 600,
    show: false,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })
  //打开就是最大化;
  mainWindow.maximize()
  mainWindow.show()


  //并加载应用程序的index.html。
  // mainWindow.loadFile('index.html')
  mainWindow.loadURL('http://192.168.88.220:8000/#/') // 方法三

  //打开开发工具。
  // mainWindow.webContents.openDevTools()
}

//当Electron完成时,将调用此方法
//初始化,准备创建浏览器窗口。
//有些api只能在事件发生后使用。
app.whenReady().then(() => {
  createWindow()
  // 隐藏菜单栏
  const { Menu } = require('electron');
  Menu.setApplicationMenu(null);
  app.on('activate', function () {
    //在macOS上,当
    // dock图标被点击,没有其他窗口打开。
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

//关闭所有窗口后退出。
app.on('window-all-closed', function () {
  //在macOS上,应用程序及其菜单栏是很常见的
  //保持活动状态,直到用户明确退出Cmd + Q
  if (process.platform !== 'darwin') app.quit()
})

//在这个文件中,可以包含应用程序的其他特定主进程
//代码。您还可以将它们放在单独的文件中,并在这里需要它们。

Inno Setup 打包程序汉化教程:https://www.cnblogs.com/liancs/archive/2012/09/14/2685061.html
Inno Setup 官网汉化包:http://www.jrsoftware.org/files/istrans/ (需翻墙)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Electron 是一个用于构建跨平台桌面应用程序的开发工具包,而 RabbitMQ 是一个流行的开源消息队列系统。要在 Electron使用 RabbitMQ,你可以使用 RabbitMQ 的 JavaScript 客户端库 amqplib。 首先,确保你的 Electron 项目已经初始化和配置好。然后,你需要在你的 Electron 应用程序中安装 amqplib 库。你可以使用 npm 或者 yarn 进行安装: ``` npm install amqplib ``` 或者 ``` yarn add amqplib ``` 一旦安装完成,你可以在你的 Electron 代码中引入 amqplib: ```javascript const amqp = require('amqplib'); ``` 接下来,你需要连接到 RabbitMQ 服务器。假设你的 RabbitMQ 服务器运行在本地主机上,你可以使用以下代码创建一个连接: ```javascript const connection = await amqp.connect('amqp://localhost'); ``` 然后,你可以创建一个通道来进行消息的发布和订阅: ```javascript const channel = await connection.createChannel(); ``` 现在,你可以使用这个通道来声明交换机、队列和绑定关系,并发送和接收消息了。以下是一个简单的示例: ```javascript // 声明交换机和队列 const exchange = 'my-exchange'; const queue = 'my-queue'; await channel.assertExchange(exchange, 'direct', { durable: true }); await channel.assertQueue(queue, { durable: true }); await channel.bindQueue(queue, exchange, 'my-routing-key'); // 发送消息 const message = 'Hello, RabbitMQ!'; channel.publish(exchange, 'my-routing-key', Buffer.from(message)); // 接收消息 channel.consume(queue, (msg) => { console.log('Received message:', msg.content.toString()); }); ``` 这只是一个简单的示例,你可以根据你的需求进行更复杂的操作,如使用不同类型的交换机、设置持久化选项等。 需要注意的是,RabbitMQ 是一个独立的消息队列系统,你需要确保 RabbitMQ 服务器已经正确安装和配置,并且在连接和使用时考虑到安全性和性能方面的问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值