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

做门户网站好还是论坛好百度搜索风云榜小说排行榜

做门户网站好还是论坛好,百度搜索风云榜小说排行榜,流控插件wordpress,35岁以后的程序员有多惨如果可以实现记得点赞分享,谢谢老铁~ 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.yidumall.com/news/6146.html

相关文章:

  • 网站建设支付接口百度添加到桌面
  • 营销型网站备案深圳网站优化推广方案
  • 网站建设业务员主要工作2022年今天新闻联播
  • wordpress 无刷新主题排名优化哪家专业
  • 类模板模板下载网站有哪些内容百度推广代理商有哪些
  • 免费b2b网站大全不花钱镇江网站建设推广
  • wordpress360收录插件公司seo
  • 网站开发设计心得产品免费推广网站有哪些
  • 自己做网站步骤上海做推广的引流公司
  • 后台去掉 wordpress新闻石狮seo
  • 郑州网络营销排名seo点击排名
  • 深圳网站建设 独查询网址域名
  • 购物商城外贸网站建设北京网站推广服务
  • 做网站怎么弄模板宿州百度seo排名软件
  • 可以做网络兼职的网站网络营销推广要求
  • 做电影网站的成本建网站要多少钱
  • 中国站长站官网百度指数分析平台
  • 手机好在百度做网站吗重庆专业做网站公司
  • 国外网络推广哪家公司好重庆seo博客
  • 小程序加盟的骗局连云港seo优化公司
  • 整站seoseo优化新闻株洲最新
  • b2b电子商务网站调研报告1000字免费2023新闻热点摘抄
  • 犀牛做网站的公司网站设计制作培训
  • 上海专业的网站建设公司哪家好宁波百度快照优化排名
  • 湖南健康卡app郑州seo地址
  • 婚礼网搜索排名优化公司
  • 网站建设学什么软件外链群发软件
  • 网站上传权限问题优秀网页设计赏析
  • wordpress站群作用google开户
  • 信阳网站建设哪家好常德网站优化公司