electron 引入node服務的操作方法

更新時間：2024年03月04日 09:59:30 作者：就是個名稱

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

首先我們需要有一個node服務。

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

index.js

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

router.js

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

然后啟動 node index.js

訪問成功！

electron主體引入

然后我們啟動 electron，就會發(fā)現(xiàn)node服務啟動成了！

這里因為electron沒有引入jquery和axios，這里就用瀏覽器訪問了，如果是vue項目，可以使用代理訪問

注意：打包的時候這里的接口就會發(fā)生跨域報錯，需要在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"