pywebview 入门

tsx81428 · 2024-8-29 00:30:45

pywebview 入门

文档地址

地址 https://pywebview.flowrl.com/guide/
一、pywebview 简介

1. 什么是 pywebview？

pywebview 是一个轻量级的 python 库，旨在简化桌面应用程序的开发。它利用体系的 WebView 组件，使得开发职员可以利用现代 Web 技能（HTML、CSS、JavaScript）来创建用户界面，同时利用 python 处置惩罚业务逻辑。pywebview 使得创建跨平台桌面应用程序变得更加简单和高效。
2. 主要功能和特点

跨平台支持, pywebview 支持 Windows、macOS 和 Linux，确保应用程序可以在多个平台上运行。
简易集成,可以轻松地将 Web 应用嵌入到桌面应用中，无需复杂的设置
安全性：支持禁用当地文件访问和执行外部脚本，提供额外的安全层。

二、安装利用

1、安装

# 会默认安装基本的依赖
pip install pywebview

复制代码

2、Mac体系，如果利用的是本身安装的python，需要安装安装下面依靠

pip install pyobjc

复制代码

3、如果你希望利用 pySide2 作为 GUI 库来创建和管理窗口执行下面的下令

pip install pywebview[qt]

复制代码

4、pywebview默认利用体系自带的 WebView 组件作为浏览器引擎

windows 利用默认利用 Internet Explorer 11 作为 WebView 引擎。
macOS 默认利用 WebKit 引擎，这是 macOS 自带的 WebView 组件，基于 Safari 浏览器的引擎。
Linux 默认利用 WebKitGTK，这是 Linux 上常用的 WebView 组件，基于 WebKit 引擎

如果需要其他引擎，需要单独安装：
5、windows中利用 CEF（Chromium Embedded Framework）作为引擎

pip install cefpython3

复制代码

指定backend

import webview
webview.create_window('My App', 'https://www.baidu.com/', backend='cef')
webview.start()

复制代码

三、利用示例

1、基础利用

# demo1.py
import webview
window = webview.create_window('Woah dude!', 'https://pywebview.flowrl.com')
webview.start()

复制代码

create_window 函数用于创建一个新窗口，并返回一个 window 对象实例。在调用 webview.start() 之前创建的窗口将在 GUI 循环启动后立即显示。GUI 循环启动后创建的窗口也会立即显示。您可以创建恣意数量的窗口，所有已打开的窗口都会按创建次序存储在 webview.windows 列表中。
2、同时打开两个窗口

import webview
first_window = webview.create_window('Woah dude!', 'https://pywebview.flowrl.com')
second_window = webview.create_window('Second window', 'https://woot.fi')
webview.start()

复制代码

3、调用背景执行

webview.start 会启动一个 GUI 循环，并制止进一步的代码执行，直到最后一个窗口被销毁。由于 GUI 循环是壅闭的，您必须在单独的线程或历程中执行背景逻辑。您可以通过将函数通报给 webview.start(func, (params,)) 来执行背景代码。这将启动一个单独的线程，与手动启动线程是雷同的。

# 界面打开后就会自动弹窗
import webview
def custom_logic(window):
window.toggle_fullscreen()
window.evaluate_js('alert("Nice one brother")')
window = webview.create_window('Woah dude!', html='<h1>Woah dude!<h1>')
webview.start(custom_logic, window)

复制代码

window.evaluate_js可以使用python执行js代码

复制代码

4、js调用python

import webview
# 这里是核心，是和js中交互的关键
class Api():
def log(self, value):
print(value)
webview.create_window("Test", html="<button οnclick='pywebview.api.log("Woah dude!")'>Click me</button>", js_api=Api())
webview.start()

复制代码

  在打开的界面中点击按钮，背景就可以看到log函数被调用，会把传入的值 Woah dude! 打印到控制台
  5、HTTP Server

pywebview 默认利用 bottlepy 作为http 服务，默认端口是8080，前后服务也可以利用http 通信

index.html

<!DOCTYpE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>pywebview Example</title>
</head>
<body>
<h1>pywebview AJAX Example</h1>
<button οnclick="fetchData()">Fetch Data</button>
<p id="response"></p>
<script>
function fetchData() {
fetch('http://localhost:8080/api/data')
.then(response => response.json())
.then(data => {
document.getElementById('response').innerText = data.message;
})
.catch(error => console.error('Error fetching data:', error));
}
</script>
</body>
</html>

复制代码

demo.py

import webview
from bottle import Bottle, run, static_file
import threading
app = Bottle()
@app.route("/api/data")
def get_data():
return {"message": "Hello from the server!"}
@app.route("/")
def index():
return static_file("index.html", root=".")
# 启动 HTTp 服务器
def start_server():
run(app, host="localhost", port=8080)
if __name__ == "__main__":
# 在单独的线程中启动 HTTp 服务器
server_thread = threading.Thread(target=start_server)
server_thread.daemon = True
server_thread.start()
# 创建并启动 pywebview 窗口
webview.create_window("pywebview Example", "http://localhost:8080")
webview.start()

复制代码

6、利用其他web框架，比如Flask

安装falsk

pip install flask

复制代码

项目结构
1. project/
2. ├── app.py
3. ├── assets/
4. │ └── (your static files like CSS, JS, images, etc.)
5. └── templates/
6. └── index.html
复制代码
app.py
1. from flask import Flask, render_template
2. import webview
4. # Create the Flask app
5. app = Flask(__name__, static_folder='./assets', template_folder='./templates')
7. # Define a route for the main page
8. @app.route('/')
9. def index():
10. return render_template('index.html')
12. # Create a Flask server and a pywebview window
13. if __name__ == '__main__':
14. # Create a pywebview window with the Flask server
15. webview.create_window('Flask example', app)
16. webview.start()
复制代码
templates/index.html
1. <!DOCTYpE html>
2. <html lang="en">
3. <head>
4. <meta charset="UTF-8">
5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
6. <title>Flask Example</title>
7. </head>
8. <body>
9. <h1>Hello from Flask and pywebview!</h1>
10. </body>
11. </html>
复制代码

7、指向当地html文件

import webview
# this will be served as file:///home/pywebview/project/index.html
webview.create_window('Woah dude!', '/home/pywebview/project/index.html')
webview.start()

复制代码

8、直接渲染html字符

import webview
webview.create_window('Woah dude!', html='<h1>Woah dude!<h1>')
webview.start()

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

		自动登录	找回密码
密码			立即注册

pywebview 入门

本帖子中包含更多资源

0 个回复

快速回复

楼主热帖

标签云