Electron开发 - 如何在主进程Main中让node-fetch使用系统代理

背景

开发过程中,用户设置的系统代理是不同的,比如公司内的服务器,所以就要动态地使用系统代理来访问,但是主进程默认为控制台级别的请求,不走系统代理,除非你指定系统代理配置,这个就就有了这篇内容

思路

网上其实已经有了一篇文章写了这块,这里权当总结

  1. 通过 electron 自带 session 请求来判断是否走了代理,这里的 session 相当于一个渲染进程的 session,所以走的是系统代理;

  2. 通过 electron 执行 cmd 命令来返回系统代理配置,这个兼容性比较麻烦,mac,windows 各不相同,不推荐;

  3. 通过内部通信,委派渲染进程来干这件事,但是这个如果来回传递 10M 左右的数据,则会造成内存溢出,原因不详,总之通信不能进行大数据传输,electron 的 bug

  4. 综上所述,还是自带的 session 方式比较靠谱,但是遇上 mac socks5 有账号密码时,返回的不清楚是啥,还未尝试

代码实现

Electron 主进程获取系统代理代码

复制代码
async function getSystemProxy() {
    const proxyUrl = await session.defaultSession.resolveProxy('https://www.baidu.com');
    if (proxyUrl.startsWith('PROXY')) {
        const [host, port] = proxyUrl.split(' ')[1].split(':');
        console.log(proxy)
    }
}

node-fetch 使用系统代理需要借助库 `https-proxy-agent`

复制代码
const {HttpsProxyAgent} = require('https-proxy-agent');

(async () => {
    const fetch = (await import('node-fetch')).default;

    // 使用 fetch 发送请求
    fetch("https://crashlogs.whatsapp.net/wa_fls_upload_check?type=crashlog&access_token=1063127757113399%7C745146ffa34413f9dbb5469f5370b7af", {
        "headers": {
            "accept": "*/*",
            "accept-language": "zh-CN",
            "content-type": "multipart/form-data; boundary=----WebKitFormBoundary0liYTCH2BoYgSkZz",
            "sec-ch-ua": "\"Not?A_Brand\";v=\"8\", \"Chromium\";v=\"108\"",
            "sec-ch-ua-mobile": "?0",
            "sec-ch-ua-platform": "\"Windows\"",
            "Referer": "https://crashlogs.whatsapp.net/wa_fls_upload_check",
            "Origin": "https://web.whatsapp.com",
        },
        "body": "------WebKitFormBoundary0liYTCH2BoYgSkZz\r\nContent-Disposition: form-data; name=\"from_jid\"\r\n\r\nunknown-9799517833\r\n------WebKitFormBoundary0liYTCH2BoYgSkZz\r\nContent-Disposition: form-data; name=\"agent\"\r\n\r\nWhatsApp/2.3000.1014589209 Web/Chrome 108.0.5359.215 Device/Windows\r\n------WebKitFormBoundary0liYTCH2BoYgSkZz\r\nContent-Disposition: form-data; name=\"app_id\"\r\n\r\n167028690535322\r\n------WebKitFormBoundary0liYTCH2BoYgSkZz\r\nContent-Disposition: form-data; name=\"build_id\"\r\n\r\n0\r\n------WebKitFormBoundary0liYTCH2BoYgSkZz\r\nContent-Disposition: form-data; name=\"support_exception_only_upload\"\r\n\r\ntrue\r\n------WebKitFormBoundary0liYTCH2BoYgSkZz\r\nContent-Disposition: form-data; name=\"reason\"\r\n\r\n[ErrorPubSub] ServerJS based data-sjs payload content length mismatch\r\n------WebKitFormBoundary0liYTCH2BoYgSkZz--\r\n",
        "method": "POST",
        "agent": new HttpsProxyAgent('http://127.0.0.1:7890')
    }).then((response) => {
        return response.json();
    }).then((data) => {
        console.log(data);
    }).catch((e) => {
        console.error(e);
    });
})();
相关推荐
时光追逐者16 分钟前
在 Blazor 中使用 Chart.js 快速创建数据可视化图表
开发语言·javascript·信息可视化·c#·.net·blazor
无奈何杨18 分钟前
扣子coze的AI工作流搭建技术,开源项目FlowGram流程搭建引擎
前端
ElasticPDF-新国产PDF编辑器28 分钟前
Angular 项目 PDF 批注插件库在线版 API 示例教程
前端·pdf·angular.js
hz.ts31 分钟前
Angular 国际化
javascript·ecmascript·angular.js
6武732 分钟前
Vue 数据传递流程图指南
前端·javascript·vue.js
夏天想43 分钟前
vant4+vue3上传一个pdf文件并实现pdf的预览。使用插件pdf.js
开发语言·javascript·pdf·vant
....4921 小时前
antvX6节点全选后鼠标通过拖拉调整视图的展示位置
javascript·计算机外设·数据中台·antvx6
jakeswang1 小时前
查询条件与查询数据的ajax拼装
前端·ajax
samuel9181 小时前
axios取消重复请求
前端·javascript·vue.js