添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
  • 使用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网页中 调用 本地 应用 程序 的思路...