做执法设备有哪些网站,电商网站目录优化,福州seo网址优化公司,电话销售外呼软件cocos 通过 electron 打包成 exe 文件#xff0c;实现通信问题 首先#xff0c;我使用的 cocos 版本是 2.4.12#xff0c;遇到一个问题#xff0c;是啥子呢#xff0c;就是我要把用 cocos 开发出来的项目打包成一个 exe 可执行程序#xff0c;使用的是 electron #xf…cocos 通过 electron 打包成 exe 文件实现通信问题 首先我使用的 cocos 版本是 2.4.12遇到一个问题是啥子呢就是我要把用 cocos 开发出来的项目打包成一个 exe 可执行程序使用的是 electron 现在我有一个需求就是在 cocos 中开发一个“退出”按钮点击这个按钮的时候关闭 exe 程序。 cocos关闭exe程序
首先需要明白一个问题就是 cocos 里面开发的 “退出”按钮 隶属于 cocos 项目与 electron 毫无关系但是关闭 exe 可执行程序呢是 electron 的功能与 cocos 毫无关系
但是现在我的需求是要把 cocos 和 electron 关联起来。
所以我的方案是想办法在 cocos 点击关闭按钮的时候由 cocos 向 electron 发送一个消息当 electron 收到 cocos 传递过来的消息的时候则由 electron 主动关闭 exe 窗口这样就实现了点击按钮关闭功能。
上面的方案可行吗非常可行亲测可行
方案
我使用的是 Electron 的 IPC (Inter-Process Communication) 机制也就是 ipcMain 和 ipcRenderer。
首先在cocos部分写一个按钮绑定一个点击事件这个步骤我就不详细说了 主要是这个点击事件里面是什么也就是说怎么给 electron 发送消息 // 关闭应用closeAppFunc() {window.ipcRenderer.send(close-app);}其实就是上面这段代码通过 ipcRenderer 向 electron 发送一个 close-app 消息当然 close-app 这个名字是自己起的你叫啥都可以。
没了这就是发送消息window 是全局的但是 window 上面其实是没有 ipcRenderer 的先别急哈。
然后就是修改 electron 让它接收 cocos 发送过来的 close-app 消息。
首先我们在 electron 项目electron-quick-start-exe下面找到 main.js 文件我们在 createWindow 方法里面添加下面这段代码 ipcMain.on(close-app, () {mainWindow.close();app.quit()})这段代码的意思就是接收到 close-app 消息之后关闭窗体当然ipcMain 找不到我们需在文件开头引入一下子
const { ipcMain } require(electron);好这样 electron 就可以了。
但是上面在 cocos 里面发送消息的时候说了 window 里面并没有 ipcRenderer 怎么办呢没关系我们在编译 cocos 文件之后生成了一个 web-mobile 文件夹在里面呢有一个 index.html 文件我们编辑这个文件在他的 body 标签前面添加下面这段 js 代码
script typetext/javascript const { ipcRenderer } require(electron);window.ipcRenderer ipcRenderer;
/scriptOK上面步骤完成之后就可以打包了打包完成就好使了
注意浏览器测试没用必须打包成 exe 文件才可以用浏览器测试会报错
electron 向 cocos 传递数据
上面说了一个通过 cocos 向 electron 传递数据现在要说一下 electron 向 cocos 传递数据啊哈哈哈哈
为啥子说这个呢因为我呢还有一个需求就是 打包后的 exe 可执行程序啊需要读取当前文件夹下面的一个 json 文件读取之后呢需要在 cocos 程序中使用你看这事儿闹的这他妈的复杂没关系小意思
方案
首先呢我是这样想的我在 cocos 一加载完啊就给 electron 发送一个消息告诉 electron 说你得给我加载这个 json 文件啦和上面的通信方式是一样的哈
window.ipcRenderer.send(get-config);你看就一句代码告诉 electron 给我加载文件
然后 electron 收到 cocos 传递的消息之后呢就可以加载这个 json 文件了加载完文件之后通过 reply 在把读取到的数据返回给 cocos ipcMain.on(get-config, (event) {const p path.resolve(./)// 读取当前文件加下 wjw.json 文件const resourcesPath path.join(p, wjw.json);// 开始读文件fs.readFile(resourcesPath, utf8, (err, data) { if (err) throw err; // 如果报错就抛出错误console.log(data); // 打印一下数据event.reply(wjw-data, data); // 把数据返回给 cocos});})然后就简单了cocos 里面接收一下就可以啦
window.ipcRenderer.on(wjw-data, (event, data) {// 把数据放进缓存cc.sys.localStorage.setItem(wjwData, data);// 从缓存里面读一下let value cc.sys.localStorage.getItem(wjwData);// 打印一下缓存取出来的数据console.log(wjw-data 缓存读取的数据, JSON.parse(value));
});就这么简单完成
注意依旧是需要打包测试浏览器测试会报错哈谨记
