使用 Electron 從協議處理器啟動應用程序

此系列文章的應用示例已發布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運行查看. 歡迎 Star .

app 模塊提供了處理協議的方法.

這些方法允許您設置協議和取消協議, 來讓你的應用成為默認的應用程序. 類似于當瀏覽器請求您查看網頁時的默認值.

在瀏覽器中查看 完整 app API 文檔.

從其他應用中的 URL 啟動應用

支持: Win, macOS | 進程: 主進程

您可以將應用設置為針對特定協議打開的默認應用. 例如, 在這個示例中我們將此應用程序設置為 electron-api-demos:// 的默認值. 上面的示例按鈕將在默認瀏覽器中啟動一個帶有鏈接的頁面. 點擊那個鏈接，它將重新啟動此應用程序.

<a href="electron-api-demos://open"><h3>electron-api-demos://open</h3></a>

打包

這個功能只能在 macOS 上使用, 而且需要將應用打包. 如果你以開發模式從命令行啟動, 它將無法使用.

當您打包應用程序時, 您需要確保應用程序的 macOS plist 已更新為包含新的協議處理器.

如果您使用 electron-packager, 那么您可以添加 --extend-info 標記,并在其中包含您創建的 plist.

當前程序用例如下:

渲染器進程

const shell = require('electron').shellconst path = require('path')const protocolHandlerBtn = document.getElementById('protocol-handler')protocolHandlerBtn.addEventListener('click', function () {const pageDirectory = __dirname.replace('app.asar', 'app.asar.unpacked')const pagePath = path.join('file://', pageDirectory, '../../sections/system/protocol-link.html')shell.openExternal(pagePath) })

主進程

const app = require('electron').app const dialog = require('electron').dialogapp.setAsDefaultProtocolClient('electron-api-demos')app.on('open-url', function (event, url) {dialog.showErrorBox('歡迎回來', `你來自: ${url}`) })

主進程

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict><key>CFBundleURLTypes</key><array><dict><key>CFBundleURLSchemes</key><array><string>electron-api-demos</string></array><key>CFBundleURLName</key><string>Electron API Demos Protocol</string></dict></array><key>ElectronTeamID</key><string>VEKTX9H2N7</string> </dict> </plist>

如果這邊文章對您有幫助, 感謝 下方點贊 或 Star GitHub: electron-api-demos-Zh_CN 支持, 謝謝.

總結

以上是生活随笔為你收集整理的使用 Electron 从协议处理器启动应用程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。