pywebview構(gòu)建桌面應(yīng)用新選擇

技術(shù) PRO 稿源：字節(jié)航海家 2024-12-08 14:10

pywebview 是一個(gè)輕量級的 Python 庫，它允許開發(fā)者在桌面應(yīng)用中使用原生的 Web 視圖組件來展示 HTML、CSS 和 JavaScript 構(gòu)建的 Web 頁面。如果你有現(xiàn)成的前后端分離項(xiàng)目要打包為桌面應(yīng)用，這個(gè)是最方便的。

一、安裝 pywebview

安裝 pywebview 非常簡單，你可以使用 pip 命令進(jìn)行安裝：

pip?install?pywebview

在安裝過程中，pywebview 會(huì)自動(dòng)檢測你的操作系統(tǒng)，并下載相應(yīng)的依賴項(xiàng)。例如，在 Windows 系統(tǒng)上，它可能會(huì)依賴于 Microsoft Edge WebView2 運(yùn)行時(shí)；在 macOS 上則會(huì)使用系統(tǒng)自帶的 WebKit 框架；而在 Linux 系統(tǒng)中，它可能會(huì)基于 gtk-webkit2 或其他合適的 Web 引擎。

基本使用示例

下面是一個(gè)簡單的 pywebview 示例代碼，用于創(chuàng)建一個(gè)包含基本 Web 頁面的桌面窗口：

import?webviewdef?load_html():????#?這里可以返回一個(gè)?HTML?字符串或者加載本地?HTML?文件的路徑????html?=?"""????<html>????????<body>????????????<h1>歡迎使用?pywebview?示例應(yīng)用</h1>????????????<p>這是一個(gè)在桌面應(yīng)用中嵌入?Web?內(nèi)容的簡單演示。</p>????????</body>????</html>????"""????return?htmlif?__name__?==?'__main__':????#?創(chuàng)建一個(gè)窗口，并指定窗口標(biāo)題和加載的?HTML?內(nèi)容????window?=?webview.create_window('pywebview?演示',?html=load_html())????webview.start()

二、與 JavaScript 交互

pywebview 的強(qiáng)大之處不僅在于能夠展示 Web 頁面，還在于它提供了方便的機(jī)制來實(shí)現(xiàn) Python 代碼與 JavaScript 代碼之間的雙向交互。這使得你可以在桌面應(yīng)用中充分發(fā)揮 Web 技術(shù)的動(dòng)態(tài)性和交互性，同時(shí)利用 Python 的后端處理能力。

例如，以下代碼演示了如何在 Python 中調(diào)用 JavaScript 函數(shù)，并在 JavaScript 中調(diào)用 Python 函數(shù)：

import?webviewdef?python_function():????print("這是從?JavaScript?調(diào)用的?Python?函數(shù)")def?load_html():????html?=?"""????<html>????????<body>????????????<h1>pywebview?交互示例</h1>????????????<button?onclick="callPythonFunction()">調(diào)用?Python?函數(shù)</button>????????????<script>????????????????function?callPythonFunction()?{????????????????????//?使用?pywebview?的?JavaScript?API?調(diào)用?Python?函數(shù)????????????????????pywebview.api.python_function();????????????????}????????????</script>????????</body>????</html>????"""????return?htmlif?__name__?==?'__main__':????api?=?{????????'python_function':?python_function????}????window?=?webview.create_window('pywebview?交互演示',?html=load_html(),?js_api=api)????webview.start()

三、pywebview 與 Vue3 構(gòu)建桌面應(yīng)用

1、在 Vue3 中暴露方法給 Python

在 Vue3 應(yīng)用中，可以使用 window.external 對象來暴露方法給 Python 調(diào)用。例如，在 App.vue 的 mounted 生命周期鉤子中定義一個(gè)方法并暴露：

mounted()?{??window.external?=?{????vueMethod:?(data)?=>?{??????console.log('Received?data?from?Python:',?data);??????//?在這里可以進(jìn)行相應(yīng)的處理，如更新?Vue?組件的狀態(tài)????}??};}

2、在 Python 中調(diào)用 Vue3 方法

在 Python 腳本中，可以通過 window.evaluate_js 方法來調(diào)用 Vue3 中暴露的方法。例如：

import?webviewdef?load_vue_app():????#?這里指定?Vue3?應(yīng)用構(gòu)建后?index.html?的路徑????return?'path/to/my-vue-app/dist/index.html'def?call_vue_method():????window.evaluate_js('window.external.vueMethod("Hello?from?Python")')if?__name__?==?'__main__':????window?=?webview.create_window('My?Vue3?Desktop?App',?html=load_vue_app())????webview.start(call_vue_method)

這樣，當(dāng)桌面應(yīng)用啟動(dòng)時(shí)，Python 會(huì)調(diào)用 Vue3 中的 vueMethod 并傳遞數(shù)據(jù)。

四、優(yōu)缺點(diǎn)

1、優(yōu)點(diǎn)

簡單易用：Pywebview 提供了一個(gè)非常簡單的接口，用于在桌面應(yīng)用程序中嵌入 Web 內(nèi)容。開發(fā)者只需要幾行代碼就可以創(chuàng)建一個(gè)包含 Web 視圖的窗口。

集成方便：可以很方便地與 Python 后端代碼集成。開發(fā)者可以通過 Python 代碼與 Web 視圖中的 JavaScript 進(jìn)行交互，實(shí)現(xiàn)數(shù)據(jù)的雙向傳遞。

輕量級：與一些大型的跨平臺(tái)應(yīng)用開發(fā)框架相比，Pywebview 本身是一個(gè)相對輕量級的庫。它沒有太多復(fù)雜的依賴關(guān)系，安裝和部署都比較方便。

2、缺點(diǎn)

功能有限：相對于一些成熟的桌面應(yīng)用開發(fā)框架，Pywebview 的功能可能會(huì)受到一定的限制。

安全風(fēng)險(xiǎn)描述：由于它是嵌入 Web 內(nèi)容，所以會(huì)面臨與 Web 應(yīng)用相同的安全風(fēng)險(xiǎn)，如跨站腳本攻擊（XSS）、惡意腳本注入等。雖然可以采取一些安全措施，如對 Web 內(nèi)容進(jìn)行安全審查和過濾，但這增加了開發(fā)的復(fù)雜性。

更新維護(hù)問題：如果依賴的 Web 渲染引擎（如操作系統(tǒng)自帶的瀏覽器引擎）出現(xiàn)問題或者需要更新，可能會(huì)影響應(yīng)用的穩(wěn)定性和兼容性。

0XU.CN