docs: handle opening links in the default browser in main.js (part #2) (#39473)

docs: handle opening links in the default browser in main.js
This commit is contained in:
Milan Burda 2023-08-14 10:04:29 +02:00 committed by GitHub
parent 117d5310f5
commit 08bbff5361
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 44 additions and 25 deletions

View file

@ -1,5 +1,34 @@
const { app, ipcMain } = require('electron')
const { app, BrowserWindow, ipcMain, shell } = require('electron')
ipcMain.on('get-app-path', (event) => {
event.sender.send('got-app-path', app.getAppPath())
let mainWindow = null
ipcMain.handle('get-app-path', (event) => app.getAppPath())
function createWindow () {
const windowOptions = {
width: 600,
height: 400,
title: 'Get app information',
webPreferences: {
contextIsolation: false,
nodeIntegration: true
}
}
mainWindow = new BrowserWindow(windowOptions)
mainWindow.loadFile('index.html')
mainWindow.on('closed', () => {
mainWindow = null
})
// Open external links in the default browser
mainWindow.webContents.on('will-navigate', (event, url) => {
event.preventDefault()
shell.openExternal(url)
})
}
app.whenReady().then(() => {
createWindow()
})

View file

@ -1,19 +1,9 @@
const { ipcRenderer, shell } = require('electron')
const { ipcRenderer } = require('electron')
const appInfoBtn = document.getElementById('app-info')
const electronDocLink = document.querySelectorAll('a[href]')
appInfoBtn.addEventListener('click', () => {
ipcRenderer.send('get-app-path')
})
ipcRenderer.on('got-app-path', (event, path) => {
appInfoBtn.addEventListener('click', async () => {
const path = await ipcRenderer.invoke('get-app-path')
const message = `This app is located at: ${path}`
document.getElementById('got-app-info').innerHTML = message
})
electronDocLink.addEventListener('click', (e) => {
e.preventDefault()
const url = e.target.getAttribute('href')
shell.openExternal(url)
})