当前位置: 首页 > news >正文

网站设计模板简约以下选项中排序正确的是

网站设计模板简约,以下选项中排序正确的是,佛山市专业的网站设计,海外seo推广公司如果可以实现记得点赞分享,谢谢老铁~ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中,因此它允许你仅需一个代码仓库,就可以撰写支持 Windows、…

如果可以实现记得点赞分享,谢谢老铁~

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和
Node.js 嵌入到了一个二进制文件中,因此它允许你仅需一个代码仓库,就可以撰写支持 Windows、macOS 和 Linux
的跨平台应用。

1.项目效果, 我这里的本地服务是一个离线的地图
在这里插入图片描述
2. 文件目录
在这里插入图片描述

我的目的就是将 public/foxigis-server-lite-win/foxigis-server-lite-win.exe 这个文件起一个服务便于本地离线地图调用。

  1. electron.js 主进程, 编写startServer和stopServer的方法
// 打开窗口
function createWindow() {mainWindow = new BrowserWindow({width: 1200,height: 700,minWidth: 1200, // 设置窗口的最小宽度minHeight: 700, // 设置窗口的最小高度icon: __dirname + "/favicon.ico",});mainWindow.title = 'UniSAR';mainWindow.maximize();mainWindow.loadFile(appConfig.fileUrl);
}let childProcess = null;
function startServer() {// 构建 .exe 文件的绝对路径const exePath = path.join(__dirname, 'foxgis-server-lite-win', 'foxgis-server-lite-win.exe');const childProcess = cp.spawn(exePath);console.log('=========================' + exePath)childProcess.on('close', (code) => {console.log(`exe process exited with code ${code}`);});// 监听服务 B 的输出childProcess.stdout.on('data', (data) => {console.log(`Service B Output: ${data}`);// 在这里可以根据输出信息判断服务是否已经启动// 例如,检查输出中是否包含特定的启动完成标志if (data.indexOf('1234') !== -1) {// 服务已经启动,可以执行服务 A 中调用服务 B API 的代码// PS: 这里确保本地服务启动起来才来调用窗口的创建函数。createWindow();}});// 监听服务 B 的错误信息childProcess.stderr.on('data', (data) => {console.error(`Service B Error: ${data}`);// 这里可以处理服务 B 的错误信息});// 在服务 B 启动后执行其他逻辑childProcess.on('exit', (code) => {console.log(`Service B exited with code ${code}`);// 这里可以处理服务 B 退出后的逻辑});
}function stopServer() {if (childProcess !== null) {childProcess.kill('SIGTERM'); // 发送 SIGTERM 信号终止子进程childProcess = null; // 清空对子进程的引用console.log('服务已停止');} else {console.log('没有运行的服务');}
}app.on('ready', () => {// 开始本地服务启动startServer()});app.on('activate', () => {if (BrowserWindow.getAllWindows().length === 0) {createWindow();}
});app.on("window-all-closed", () => {if (process.platform !== "darwin") {// 停止本地服务stopServer()app.quit();}
});// 在应用退出时关闭服务
app.on('before-quit', () => {// 停止本地服务stopServer();
});

4.运行以下命令来构建React项目:

npm run build

PS:打开build目录下的index.html文件,发现是一片空白😱,F12一下,发现是资源路径不对。解决方案是在package.json中添加"homepage": “./”。添加之后再进行build,打开index.html,就能看到正常页面了。

5.运行以下命令来启动Electron应用程序:

npm run electron:dev

这将启动Electron应用程序,并加载React应用程序的构建文件。

6.运行以下命令来打包Electron应用程序:

npm run electron:build

收工!谢谢老铁们的点赞收藏~

http://www.15wanjia.com/news/189896.html

相关文章:

  • 自己有域名怎么做网站网页制作参考文献
  • 安徽网站建设优化推广flash网站源文件
  • 苏州网站建设外贸广东新闻联播片头
  • 建设网站可以做什么四川建设人才网官网查询
  • 商务网站建设工程师江西省城乡住房建设部网站
  • 申请域名后怎样做网站拼多多网站怎么建设的
  • 全flash网站模板滨州教育平台 网站建设
  • flash上传空间网站网站开发编辑器
  • 天津网站建设定做什么是精准营销
  • 免费创建个人网站申请西安做网站选哪家好
  • 郑州网站权重网站建设制作人员招聘要求
  • 广州企业网站建设价格欧美做爰爰爰爰网站
  • 手表东莞网站建设技术支持idc 网站源码
  • 成都各公司网站黄埔区网站建设
  • 新网站怎么做友情链接电商平台网站定制
  • 安徽省建设工程信息管理平台win10优化工具
  • 建设公司营销网站网站开发公司是干嘛的
  • 做外贸需要哪些网站有哪些手机界面app界面设计分析
  • 九千营销工作室介绍搜索广告优化
  • 建设礼品网站的策划书商务网站开发的的基本流程
  • 网站建设实训室八戒商标注册网
  • 免费网站模板源码巩义做网站汉狮公司
  • 焦作公司做网站音乐网站建设规划书
  • 做网站asp网站开发前台实训
  • 长沙网站制作公司怎么做短视频营销推广方案
  • 网站建设动画代码重庆建设技术发展中心网站
  • 平面设计资源网站做网站需要字体切换
  • 中职课程网站建设与管理网络营销外包推广定制公司
  • 阿里云 企业网站选哪种上海公司章程在哪里可以查询打印
  • 我国政务网站建设统计大型网站开发团队