electron 网页和主进程通讯

最新推荐文章于 2025-02-19 22:19:26 发布

weixin_33937778

最新推荐文章于 2025-02-19 22:19:26 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000017432240

本文介绍了一种在Electron应用中利用RxIPC进行AJAX调用的方法，通过将请求发送到主进程并由主进程使用Axios发起网络请求，实现了前后端分离的环境下对网络资源的有效访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端网页

import {
  RxIpc
} from 'rx-ipc-electron/lib/rx-ipc';

export const IsElectron = window.navigator.userAgent.toLowerCase().indexOf('electron') !== -1;

export function ajax(config) {
  if (!IsElectron) return Promise.reject('only for electron');

  const {
    ipcRenderer
  } = eval(`require('electron')`);
  const rxIpc = new RxIpc(ipcRenderer);

  return new Promise((resolve, reject) => {
    rxIpc.runCommand('ajax', null, config).subscribe(resolve, reject);
  });
}

window['test1'] = async function test1() {
  const url = 'https://www.baidu.com/s';

  const params = {
    wd: 1
  };

  const rsp = await ajax({
    url,
    method: 'get',
    params,
  });

  console.log(rsp);
}

electron进程

import rxIpc from 'rx-ipc-electron/lib/main';
import { Observable } from 'rxjs';
import axios from 'axios';

rxIpc.registerListener('ajax', config => {
  return Observable.from(axios(config));
});