electron 引入node服务的操作方法

 更新时间:2024年03月04日 09:59:30   作者:就是个名称  
这篇文章主要介绍了electron 引入node服务的操作方法,引入node服务很简单,直接在electron的主体中引入就可以了,对electron 引入node服务感兴趣的朋友一起看看吧

这里就不介绍electron的配置了,其实引入node服务很简单,直接在electron的主体中引入就可以了。

首先我们需要有一个node服务。

创建一个 index.js和router.js

index.js

const express = require("express");
const router = express.Router();
// 引入全局对象
var path = require("path");
const indexRouter = require("./router.js");
// 声明创建
let http = require("http");
let port = 3000;
// 建立网站服务器
var app = express();
// 引入路由
app.use(indexRouter);
app.set("port", port);
// 创建 HTTP 服务器并监听 port 端口的所有请求
var server = http.createServer(app);
server.listen(port);
console.log("启动成功:端口" + port);

 router.js

// 1、导入express模块
const express = require("express");
// 2、创建路由对象
const router = express.Router();
// 3、挂载具体的路由
router.get("/test", (req, res) => {
  res.send({
    code: 200,
    data: "访问成功!",
  });
});
// 4、向外导出路由
module.exports = router;

然后启动 node index.js

访问成功!

 electron主体引入

然后我们启动 electron,就会发现node服务启动成了!

这里因为electron没有引入jquery和axios, 这里就用浏览器访问了,如果是vue项目,可以使用代理访问

 注意:打包的时候这里的接口就会发生跨域报错,需要在electron打包的时候配置webPreferences:{webSecurity:true}

 打包运行

问题一:打包后报错缺少依赖

打包遇到的问题, 就是打包遇到缺少依赖什么的,类似下面问题的,都是打包的时候,electron没有把依赖的依赖给打包进去,所以就缺少好多依赖。

 这里我用了一个笨办法解决的,就是把 express 的依赖粘贴过来,重新 cnpm i下载一下就行了,或者缺哪个下那个,如果各位大佬有更好的办法,欢迎指导。谢谢~

"accepts": "~1.3.8",
    "array-flatten": "1.1.1",
    "body-parser": "1.20.1",
    "content-disposition": "0.5.4",
    "content-type": "~1.0.4",
    "cookie": "0.5.0",
    "cookie-signature": "1.0.6",
    "debug": "2.6.9",
    "depd": "2.0.0",
    "encodeurl": "~1.0.2",
    "escape-html": "~1.0.3",
    "etag": "~1.8.1",
    "finalhandler": "1.2.0",
    "fresh": "0.5.2",
    "http-errors": "2.0.0",
    "merge-descriptors": "1.0.1",
    "methods": "~1.1.2",
    "on-finished": "2.4.1",
    "parseurl": "~1.3.3",
    "path-to-regexp": "0.1.7",
    "proxy-addr": "~2.0.7",
    "qs": "6.11.0",
    "range-parser": "~1.2.1",
    "safe-buffer": "5.2.1",
    "send": "0.18.0",
    "serve-static": "1.15.0",
    "setprototypeof": "1.2.0",
    "statuses": "2.0.1",
    "type-is": "~1.6.18",
    "utils-merge": "1.0.1",
    "vary": "~1.1.2",
    "ee-first": "1.1.1"

 问题二: 关闭服务,删除历史包

  关闭服务 

到此这篇关于electron 引入node服务的文章就介绍到这了,更多相关electron 引入node服务内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 如何解决IONIC页面底部被遮住无法向上滚动问题

    如何解决IONIC页面底部被遮住无法向上滚动问题

    Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。在开发过程中我们同样会遇到各种各样奇葩的问题。下面小编给大家带来了有关IONIC页面底部被遮住无法向上滚动问题的解决方案
    2016-09-09
  • 微信公众号weixin-js-sdk使用方法总结

    微信公众号weixin-js-sdk使用方法总结

    最近做了一个活动页面,需要自定义微信分享的标题、详情、缩略图和url,使用到了jssdk,这篇文章主要给大家介绍了关于微信公众号weixin-js-sdk使用方法的相关资料,需要的朋友可以参考下
    2022-12-12
  • 前端实现json动画详细过程(附带示例)

    前端实现json动画详细过程(附带示例)

    这篇文章主要介绍了如何使用Lottie制作动画,包括创建动画文件.json、实现效果、在Git仓库中保存和共享、运行动画以及在动画天堂下载和显示JSON动画,文中通过代码及图文介绍的非常详细,需要的朋友可以参考下
    2025-02-02
  • JavaScrip如何安全使用Payment Request API详解

    JavaScrip如何安全使用Payment Request API详解

    这篇文章主要为大家介绍了JavaScrip如何安全使用Payment Request API详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 基于JavaScript表单脚本(详解)

    基于JavaScript表单脚本(详解)

    下面小编就为大家带来一篇基于JavaScript表单脚本(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 前端使用URL API实现高效的URL解析

    前端使用URL API实现高效的URL解析

    在现代Web开发中,URL是前端和后端交互的核心载体,本文将深入探讨如何利用URL API实现URL的解析,构建和操作,希望对大家有一定的帮助
    2025-04-04
  • JavaScript实现移动端短信验证码流程介绍

    JavaScript实现移动端短信验证码流程介绍

    这篇文章主要为大家详细介绍了javascript实现移动端发送短信验证码案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-10-10
  • xmlplus组件设计系列之分隔框(DividedBox)(8)

    xmlplus组件设计系列之分隔框(DividedBox)(8)

    xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus布局类组件之分隔框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js getBoundingClientRect使用方法详解

    js getBoundingClientRect使用方法详解

    这篇文章主要介绍了js getBoundingClientRect使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • 为body标签和document.body都添加点击事件后仅Firefox弹出了两次

    为body标签和document.body都添加点击事件后仅Firefox弹出了两次

    为body标签和document.body都添加点击事件后仅Firefox弹出了两次,需要的朋友可以参考下。
    2011-04-04

最新评论