面试题：TypeScript 中如何定义用于 Electron 进程间通信的类型

在TypeScript开发的Electron应用中，为确保主进程和渲染进程间通信的数据类型安全，可按以下方式定义数据类型：

定义共享数据类型：在一个共享的TypeScript文件（例如sharedTypes.ts）中定义通信数据的类型。假设我们要传递用户信息，示例如下：

// sharedTypes.ts
export interface User {
    id: number;
    name: string;
    email: string;
}

主进程发送数据：在主进程中引入上述类型，并使用ipcMain发送数据。假设主进程中有获取用户信息的逻辑，并将其发送给渲染进程。

// main.ts
import { app, BrowserWindow, ipcMain } from 'electron';
import { User } from './sharedTypes';

let win: BrowserWindow | null = null;

function createWindow() {
    win = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: true
        }
    });

    const user: User = {
        id: 1,
        name: 'John Doe',
        email: 'johndoe@example.com'
    };

    ipcMain.on('request-user-data', (event) => {
        event.sender.send('user-data', user);
    });

    win.loadFile('index.html');
}

app.whenReady().then(() => {
    createWindow();

    app.on('activate', () => {
        if (BrowserWindow.getAllWindows().length === 0) {
            createWindow();
        }
    });
});

app.on('window-all-closed', () => {
    if (process.platform!== 'darwin') {
        app.quit();
    }
});

渲染进程接收数据：在渲染进程中同样引入共享类型，并使用ipcRenderer接收数据。

// renderer.ts
import { ipcRenderer } from 'electron';
import { User } from './sharedTypes';

ipcRenderer.send('request-user-data');

ipcRenderer.on('user-data', (event, user: User) => {
    console.log('Received user data:', user);
    // 在这里可以安全地使用user对象，因为类型已经被定义和检查
});

通过上述步骤，在共享文件中定义数据类型，主进程和渲染进程引入相同类型定义，即可确保进程间通信的数据类型安全。

星途面试题库

面试题：TypeScript 中如何定义用于 Electron 进程间通信的类型

知识考点

面试题答案