vue electron应用调exe程序的实现步骤

 更新时间:2024年02月10日 10:29:31   作者:海亮啊  
这篇文章主要介绍了vue electron应用调exe程序的实现步骤,用Python写了一个本地服务编译成exe程序,在electron程序启动后,自动执行exe程序,文中有详细的代码示例供大家参考,需要的朋友可以参考下

描述

用Python写了一个本地服务编译成exe程序,在electron程序启动后,自动执行exe程序

实现

1. 使用node的child_process模块可以执行windows执行,通过指令调exe程序

// electron/index.js
var cp = require("child_process");
// 调后台服务 serivePath: exe所在的路径
serverProcss = cp.execFile(serivePath, [], function(err,stdout,stderr){
  if(err){
    console.error(err);
  }
  console.log("stdout:",stdout)
  console.log("stderr:",stderr);
});

2. 路径问题

  • 开发环境直接写前端目录下的路径,比如我的exe程序放到了service目录下,serivePath就可以设置为"service/xx.exe",
  • 生产环境下,资源会放到resources目录下,所以serivePath设置为"resources/service/xx.exe", 开发环境路径生的service是因为我在package.json中配置了exe路径
// 根据环境使用不同的路径
let servicePath = 'resources/service/xx.exe'
if(process.env.NODE_ENV === 'development') {
  servicePath = 'service/xx.exe'
}
 
//package.json
"extraResources": {
  "from": "./service/",
  "to": "service"
},

开发路径

安装后的路径

3. 增加:关闭electron程序结束exe服务

import { app, BrowserWindow, dialog , ipcMain } from 'electron'
app.on('quit', () => {
  // 关闭应用程序,结束后台服务xx.exe
  cp.exec('taskkill /fi "imagename eq xx.exe" /f', function(err, stdout, stderr) {
    if(err) return console.log(err);
  })
})

到此这篇关于vue electron应用调exe程序的实现步骤的文章就介绍到这了,更多相关vue electron调exe程序内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 利用vue.js插入dom节点的方法

    利用vue.js插入dom节点的方法

    这篇文章主要介绍了利用vue.js插入dom节点的相关资料,文中介绍的非常,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-03-03
  • vue项目中定义全局变量、函数的几种方法

    vue项目中定义全局变量、函数的几种方法

    这篇文章主要介绍了vue项目中定义全局变量、函数的几种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • vue中如何添加百度统计代码

    vue中如何添加百度统计代码

    这篇文章主要介绍了vue中如何添加百度统计代码,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2020-12-12
  • VSCode使React Vue代码调试变得更爽

    VSCode使React Vue代码调试变得更爽

    这篇文章主要为大家介绍了VSCode使React Vue代码调试变得更爽的使用方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JS 实现获取对象属性个数的方法小结

    JS 实现获取对象属性个数的方法小结

    这篇文章主要介绍了JS 实现获取对象属性个数的方法,结合实例形式总结分析了JS 获取对象属性个数的三种常用方法,需要的朋友可以参考下
    2023-05-05
  • Vue.js 无限滚动列表性能优化方案

    Vue.js 无限滚动列表性能优化方案

    这篇文章主要介绍了Vue.js 无限滚动列表性能优化方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 在Vue3中使用EasyPlayer.js播放器的具体流程

    在Vue3中使用EasyPlayer.js播放器的具体流程

    EasyPlayer.js是一款强大的H5播放器,专为现代网页设计,提供对多种视频流协议的支持,这篇文章主要介绍了在Vue3中使用EasyPlayer.js播放器的具体流程,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

    vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

    这篇文章主要介绍了vue.js使用v-model实现表单元素(input) 双向数据绑定功能,结合完整实例形式分析了v-model实现表单input元素数据双向绑定相关操作技巧,需要的朋友可以参考下
    2019-03-03
  • vue项目中如何将当前页面生成图片

    vue项目中如何将当前页面生成图片

    这篇文章主要介绍了vue项目中如何将当前页面生成图片问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue系列之动态路由详解【原创】

    vue系列之动态路由详解【原创】

    下面小编就为大家带来一篇vue系列之动态路由详解【原创】。小编觉得挺不错的,现在就想给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09

最新评论