使用Electron来解决跨平台桌面应用(由于之前学过vue,没有实战过,所以打算electron和vue一起练手,所以选用了Electron-Vue)。
打包之后的程序,需要提供给用户一键式安装,所以需要将所有的前端代码以及后台提供的exe文件一起打包为可安装的文件。
用户安装之后,打开桌面应用的同时,启动后台服务,以便用户操作桌面应用时能够和后端服务通信。
用户关闭应用时,终止后台服务(其实应该就是杀死进程)。
在前面的博客中解决了打包成安装程序的功能,但只是打包了前端代码,并没有将后台exe文件打包,并且在安装的时候也没有去启动后台服务。接下来就研究一下怎么在启动桌面应用时去启动后台exe文件(其实就是怎么在前端electron-vue框架中怎么调用exe文件的问题)。
3.打开桌面应用执行后台exe
首先看一下Electron-vue的整个目录结构
3.1 index.js中配置调用exe程序
我们知道mian/index.js是关于Electron的配置,包括窗体配置,生命周期配置等,由于需要在启动的时候去调用exe,所以我们需要在其ready生命周期中去调用命令执行。
1.配置ex
1.前言上篇博客中讲到使用第三方软件将项目打包成windows安装包,问题解决之后,这次需要处理调用项目之外的exe程序。2.需求整个项目的需求拆分为以下几点使用Electron来解决跨平台桌面应用(由于之前学过vue,没有实战过,所以打算electron和vue一起练手,所以选用了Electron-Vue)。 打包之后的程序,需要提供给用户一键式安装,所以需要将所有的前端代码以及后台提供的exe文件一起打包为可安装的文件。 用户安装之后,打开桌面应用的同时,启动后台服务,以便用户操作
vue
+
electron
打包
成
桌面
应用
exe
1. 背景
由于老板突然让我将之前做的一个
vue
项目套壳成一个
桌面
应用
程序
,一头雾水的我开始百度,然后就找到了
electron
。他是一个跨平台的
桌面
应用
开发工具。看了看后就开始了了解之路。
2.
electron
安装
electron
是基于Chromium 和 Node.js 来
构建
一个跨平台
应用
的。所以首先要确保你的电脑上有node环境。
先从Github上将
electron
项目下载下来
1. git clone https://github.com/
app.whenReady().then(() => {
const { spawn } = require('child_process')
const fs = require('fs')
const path = require('path')
const logStream = fs.createWriteStream('app.log', { flags: 'a...
vue
调用
本地
exe
程序
, 原生js同理1.搭建服务2.路由
文件
3.前端发起请求
此方法需要后端的配合,简单来说了下实现思路,我是使用node+express搭建了一个服务,通过引用node中的 child_process 模块来实现的这个需求
1.搭建服务
在项目根目录下创建 bin/index.js
const express = require('express'); //npm下载并引入express模块 npm -express -D
const router = require('../rout
应用
场景:我们的项目要将其他合作公司的项目加到我们项目中,当然不是代码整合,是点击对用系统菜单能够进入对应系统的页面。问题是某些公司做的是.
exe
这种c端的,现改为b端的已经来不及了,简直是难为我胖虎啊。后来想一个折中的办法,点击菜单出一个带链接的页面(会提示将打开本地某
exe
应用
),然后再点击此链接就直接打开了这个
exe
应用
。勉勉强强应该是可以交付。
思路:在web网页中
调用
本地
应用
程序
的思路...