The window generated by the Electron process (main app) will work fine. After completing the steps, you'll have a Electron app that shows the upcoming appointments of the currently signed in user from Microsoft 365. . Electron v5 defaults to nodeIntegration: false and this seems to be the recommended setting, right? Enter fullscreen mode. How to configure Webpack with Electron Forge using its first-party plugin. onbeforeunload = (e) => electron-top. The architecture of the application is built according to the security guides and best practices. In this tutorial, Timi Omoyeni explains what you need to keep in mind when building a desktop application with Vue.js using the Vue CLI Plugin Electron Builder. (The render process is your standard app.) javascript - Electron IPC and nodeIntegration - Stack Overflow Step 1: Were going to go straight a head and create a Vite project by running: // run this and choose vue as your template, // you can choose typescript or js. PDF Electron Security Checklist - Doyensec If for some reason you do want to use Firebase in a Node environment (for example, in the main process), this can be fixed by rebuilding gRPC for your Electron version. Enable Node.js integration nodeIntegration: true } }) // .. /// } Once you are sure that you have configured these properties, proceed with the installation of the module. The Custom Electron Titlebar is brought to you by @AlexTorresSk. さて、nodeIntegration: falseかつcontextIsolation: trueのままでIPC通信する手段として、contextBridgeというElectron APIがあるそうです 1 。これはElectronで公式に提案されたセキュアなプロセス間通信の実現のためのAPIだそうです（これを見つけた時は、嬉しくて叫んじゃい . Doing so now with . In main.ts, where the new . The first one starts a development server that hot-reloads your code when it changes (at least the . Step 4: Create a main.js file according to the project structure. Electron (software framework) - Wikipedia Securing an Electron App Implemented With Angular Using OIDC and OAuth2