快捷導(dǎo)航

electron 引入node服務(wù)的操作方法

更新時(shí)間：2024年03月04日 09:59:30 作者：就是個(gè)名稱

這篇文章主要介紹了electron 引入node服務(wù)的操作方法,引入node服務(wù)很簡(jiǎn)單,直接在electron的主體中引入就可以了,對(duì)electron 引入node服務(wù)感興趣的朋友一起看看吧

首先我們需要有一個(gè)node服務(wù)。

創(chuàng)建一個(gè) index.js和router.js

index.js

const express = require("express");
const router = express.Router();
// 引入全局對(duì)象
var path = require("path");
const indexRouter = require("./router.js");
// 聲明創(chuàng)建
let http = require("http");
let port = 3000;
// 建立網(wǎng)站服務(wù)器
var app = express();
// 引入路由
app.use(indexRouter);
app.set("port", port);
// 創(chuàng)建 HTTP 服務(wù)器并監(jiān)聽(tīng) port 端口的所有請(qǐng)求
var server = http.createServer(app);
server.listen(port);
console.log("啟動(dòng)成功：端口" + port);

router.js

// 1、導(dǎo)入express模塊
const express = require("express");
// 2、創(chuàng)建路由對(duì)象
const router = express.Router();
// 3、掛載具體的路由
router.get("/test", (req, res) => {
  res.send({
    code: 200,
    data: "訪問(wèn)成功！",
  });
});
// 4、向外導(dǎo)出路由
module.exports = router;

然后啟動(dòng) node index.js

訪問(wèn)成功！

electron主體引入

然后我們啟動(dòng) electron，就會(huì)發(fā)現(xiàn)node服務(wù)啟動(dòng)成了！

這里因?yàn)閑lectron沒(méi)有引入jquery和axios，這里就用瀏覽器訪問(wèn)了，如果是vue項(xiàng)目，可以使用代理訪問(wèn)

注意：打包的時(shí)候這里的接口就會(huì)發(fā)生跨域報(bào)錯(cuò)，需要在electron打包的時(shí)候配置webPreferences:{webSecurity:true}

打包運(yùn)行

問(wèn)題一：打包后報(bào)錯(cuò)缺少依賴

打包遇到的問(wèn)題，就是打包遇到缺少依賴什么的，類似下面問(wèn)題的，都是打包的時(shí)候，electron沒(méi)有把依賴的依賴給打包進(jìn)去，所以就缺少好多依賴。

這里我用了一個(gè)笨辦法解決的，就是把 express 的依賴粘貼過(guò)來(lái)，重新 cnpm i下載一下就行了，或者缺哪個(gè)下那個(gè)，如果各位大佬有更好的辦法，歡迎指導(dǎo)。謝謝~

"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"