Question

主要：

ipcMain.on('botCheckLogin', (event: Electron.IpcMessageEvent, token: string) => {
    axios.post('https://www.google.com/recaptcha/api/siteverify' +
    '?secret=serverSecret=' + token)
    .then(function(response) {
        console.log(response);
        event.sender.send('botCheckLoginReturn', 'hi');
    })
    .catch(function(error) {
        console.log(error);
        event.sender.send('botCheckLoginReturn', 'world');
    });
});

渲染：

submitForm() {
    if ((this.$refs.form as LoginForm).validate()) {
        this.$recaptcha('login').then((token) => {
            console.log('sending token!');
            IPC.send('botCheckLogin', token);
        });

        IPC.on('botCheckLoginReturn', (event: Electron.IpcMessageEvent, response: any) => {
            console.log(response);
            return;
            const loginPacket: LoginPacket = {
                userName: (this as LoginForm).userName,
                displayName: (this as LoginForm).displayName,
                password: (this as LoginForm).loginPassword,
                email: (this as LoginForm).email,
            };
            if (!(this as LoginVar).isRegister) {
                IPC.send('login', loginPacket);
            } else {
                IPC.send('register', loginPacket);
            }
        });
     }
}

功能submitForm由一个按钮调用。我单击了该按钮4次，等待MAIN进程响应后再单击，这就是我在控制台上看到的内容：

sending token!
hi
sending token!
(2x) hi
sending token!
(3x) hi
sending token!
(4x) hi

sending token文本是在按下按钮时登录的，而hi是从MAIN进程返回的文本。它应该只返回一次hi。可能是什么原因造成的？

Answer 1

每次您单击按钮时，都将为botCheckLoginReturn附加一个新的事件处理程序。每次您单击按钮时，都会扩展此事件处理程序列表。然后，将在事件发生时调用每个不断增加的事件处理程序列表。

确保仅“一次”执行以下操作：

IPC.on('botCheckLoginReturn', (event: Electron.IpcMessageEvent, response: any) => {
    console.log(response);
    // ...
});

这意味着，将其从按下按钮时调用的代码中移出。

从单个IPC呼叫中获取多个IPC回调

1 个答案: