pywebview桌面步伐开辟（技能路线：前端+Python，全网独一份！！！！！！） ...

千千梦丶琪  金牌会员 | 2024-7-11 06:24:25 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 867|帖子 867|积分 2601

一、pywebview

官网：https://pywebview.flowrl.com/
1、简介

pywebview声称Build GUI for your Python program with JavaScript, HTML, and CSS。就是可以利用web技能来实现桌面应用步伐开辟。其内核我明白仍然是浏览器，只不过将浏览器封装成体系窗口，如许就可以将web无缝切换到桌面应用，相比pyQt等重武器还是比较方便的。
对于目前比较火的electron，Python的参加给应用步伐提供了上限，据说打包的巨细也比electron小。
2、安装

  1. pip install pywebview
复制代码
Hello world 的demo:
  1. import webview
  2. webview.create_window('Hello world', 'https://pywebview.flowrl.com/')
  3. webview.start()
复制代码
3、依靠

windows步伐依靠pythonnet（要求 > .NET 4.0），pythonnet可以让python调用.NET代码。
为了利用最新版本的 Chromium（Chromium是谷歌的开源项目，国产的全部 “双核浏览器”，都是基于 Chromium 开辟的，乃至 Chrome 也是基于它。），需要安装WebView2。
选择Web应用还是原生应用来开辟是一种在通用性和本地权限之前的权衡。WebApp兼容的范围很广，而且Web前端代码基于浏览器天生跨平台，而且前端框架多好开辟。而原生应用有很大本地权限，可以举行各种文件和操作体系接口的调用。WebView可以联合这两者的优点举行开辟。WebView2允许你在本地App内里嵌入web相关的技能（例如HTML，CSS和JavaScript）。WebView2控件利用微软的Edge作为渲染引擎，你可以嵌入一部分或者整个App都用WebView来做。
WebView2下载地址：https://developer.microsoft.com/en-us/microsoft-edge/webview2/?form=MA13LH
4、利用

4.1、最简朴示例

  1. import webview
  3. window = webview.create_window('Woah dude!', 'https://pywebview.flowrl.com')
  4. webview.start()
复制代码


  • create_window:
    返回窗口实例，该实例可以利用很多窗口操作和DOM函数，可创建恣意数目窗口，在GUI循环启动后创建的窗口会立即显示。全部打开的窗口都以列表情势存储在webview.windows中。create_window第二个参数可以是url（长途url或本地url），也可设置html来加载html。html与url同时存在，html优先级高。
4.2、http server示例

pywebview提供一个与WSGI兼容的http服务器。
  1. import webview
  3. webview.create_window('Woah dude!', 'index.html')
  4. webview.start(http_server=True)
复制代码
将http_server设为true
一般利用外部WSGI兼容的http服务器，将服务器对象作为url转达
  1. from flask import Flask
  2. import webview
  4. server = Flask(__name__, static_folder='./assets', template_folder='./templates')
  5. webview.create_window('Flask example', server)
  6. webview.start()
复制代码
4.3、线程模子

webview.start会开启一个GUI循环，并且它是一个壅闭函数。当GUI循环被壅闭时，必须在一个单独的线程和进程中实行后端逻辑
。可以通过手动开启线程/进程，或者将函数作为要启动的第一个参数来启动。第二个参数设置函数的参数。这种方法会在后台启动一个线程，与手动起一个线程相同。
  1. import webview
  3. def custom_logic(window):
  4.     window.evaluate_js('alert("welcome")')
  6. window = webview.create_window('Woah dude!', html='<h1>Woah dude!<h1>')
  7. webview.start(custom_logic, window)
  8. # anything below this line will be executed after program is finished executing
  9. print(2)#只有窗口关闭了才能打印
复制代码
4.4、Python与evaluate_js通讯



  • 在Python调用Javascript
    利用evaluate_js可以在Python中调用Javascript 函数，如：window.evaluate_js(‘alert(“welcome”)’)
  • 在Javascript 中调用Python
    方法1（非常反人类）：在一个Python类中先写一个html网页，在其中的Javascript 利用pywebview.api.方法名来调用Python函数，方法名不能以下划线开头。示例如下：
    1. import random
    2. import sys
    3. import threading
    4. import time
    6. import webview
    8. html = """
    9. <!DOCTYPE html>
    10. <html>
    11. <head lang="en">
    12. <meta charset="UTF-8">
    14. <style>
    15.     #response-container {
    16.         display: none;
    17.         padding: 3rem;
    18.         margin: 3rem 5rem;
    19.         font-size: 120%;
    20.         border: 5px dashed #ccc;
    21.     }
    23.     label {
    24.         margin-left: 0.3rem;
    25.         margin-right: 0.3rem;
    26.     }
    28.     button {
    29.         font-size: 100%;
    30.         padding: 0.5rem;
    31.         margin: 0.3rem;
    32.         text-transform: uppercase;
    33.     }
    35. </style>
    36. </head>
    37. <body>
    39. <h1>JS API Example</h1>
    40. <p id='pywebview-status'><i>pywebview</i> is not ready</p>
    42. <button onClick="initialize()">Hello Python</button><br/>
    43. <button id="heavy-stuff-btn" onClick="doHeavyStuff()">Perform a heavy operation</button><br/>
    44. <button onClick="getRandomNumber()">Get a random number</button><br/>
    45. <label for="name_input">Say hello to:</label><input id="name_input" placeholder="put a name here">
    46. <button onClick="greet()">Greet</button><br/>
    47. <button onClick="catchException()">Catch Exception</button><br/>
    49. <div id="response-container"></div>
    50. <script>
    51.     window.addEventListener('pywebviewready', function() {
    52.         var container = document.getElementById('pywebview-status')
    53.         container.innerHTML = '<i>pywebview</i> is ready'
    54.     })
    56.     function showResponse(response) {
    57.         var container = document.getElementById('response-container')
    59.         container.innerText = response.message
    60.         container.style.display = 'block'
    61.     }
    63.     function initialize() {
    64.         pywebview.api.init().then(showResponse)
    65.     }
    67.     function doHeavyStuff() {
    68.         var btn = document.getElementById('heavy-stuff-btn')
    70.         pywebview.api.doHeavyStuff().then(function(response) {
    71.             showResponse(response)
    72.             btn.onclick = doHeavyStuff
    73.             btn.innerText = 'Perform a heavy operation'
    74.         })
    76.         showResponse({message: 'Working...'})
    77.         btn.innerText = 'Cancel the heavy operation'
    78.         btn.onclick = cancelHeavyStuff
    79.     }
    81.     function cancelHeavyStuff() {
    82.         pywebview.api.cancelHeavyStuff()
    83.     }
    85.     function getRandomNumber() {
    86.         pywebview.api.getRandomNumber().then(showResponse)
    87.     }
    89.     function greet() {
    90.         var name_input = document.getElementById('name_input').value;
    91.         pywebview.api.sayHelloTo(name_input).then(showResponse)
    92.     }
    94.     function catchException() {
    95.         pywebview.api.error().catch(showResponse)
    96.     }
    98. </script>
    99. </body>
    100. </html>
    101. """
    103. class Api:
    104.     def __init__(self):
    105.         self.cancel_heavy_stuff_flag = False
    107.     def init(self):
    108.         response = {'message': 'Hello from Python {0}'.format(sys.version)}
    109.         return response
    111.     def getRandomNumber(self):
    112.         response = {
    113.             'message': 'Here is a random number courtesy of randint: {0}'.format(
    114.                 random.randint(0, 100000000)
    115.             )
    116.         }
    117.         return response
    119.     def doHeavyStuff(self):
    120.         time.sleep(0.1)  # sleep to prevent from the ui thread from freezing for a moment
    121.         now = time.time()
    122.         self.cancel_heavy_stuff_flag = False
    123.         for i in range(0, 1000000):
    124.             _ = i * random.randint(0, 1000)
    125.             if self.cancel_heavy_stuff_flag:
    126.                 response = {'message': 'Operation cancelled'}
    127.                 break
    128.         else:
    129.             then = time.time()
    130.             response = {
    131.                 'message': 'Operation took {0:.1f} seconds on the thread {1}'.format(
    132.                     (then - now), threading.current_thread()
    133.                 )
    134.             }
    135.         return response
    137.     def cancelHeavyStuff(self):
    138.         time.sleep(0.1)
    139.         self.cancel_heavy_stuff_flag = True
    141.     def sayHelloTo(self, name):
    142.         response = {'message': 'Hello {0}!'.format(name)}
    143.         return response
    145.     def error(self):
    146.         raise Exception('This is a Python exception')
    148. if __name__ == '__main__':
    149.     api = Api()
    150.     window = webview.create_window('JS API example', html=html, js_api=api)
    151.     webview.start()
    复制代码
    方法二：将Python函数公开到Javascript域,示例如下：
    1. import webview
    3. def lol():
    4.     print('LOL')
    6. def wtf():
    7.     print('WTF')
    9. def echo(arg1, arg2, arg3):
    10.     print(arg1)
    11.     print(arg2)
    12.     print(arg3)
    14. def expose(window):
    15.     window.expose(echo)  # expose a function during the runtime
    17.     window.evaluate_js('pywebview.api.lol()')
    18.     window.evaluate_js('pywebview.api.wtf()')
    19.     window.evaluate_js('pywebview.api.echo(1, 2, 3)')
    21. if __name__ == '__main__':
    22.     window = webview.create_window(
    23.         'JS Expose Example', html='<html><head></head><body><h1>JS Expost</body></html>'
    24.     )
    25.     window.expose(lol, wtf)  # expose functions beforehand
    27.     webview.start(expose, window, debug=True)
    复制代码
    方法三（最实用）：
    运行一个PythonWeb服务，让前端代码对其API举行调用。对于将Web一直到应用步伐非常便捷。
4.5、变乱

Windows对象有很多声明周期变乱，订阅变乱利用+=语法，即windows.events.loaded+=函数名，变乱触发时会调用该函数，不能重复订阅，多次订阅也只调用一次。取消订阅利用windows.events.loaded-=函数名。


  • events.closed：窗口关闭后触发的变乱
  • events.closing：窗口正在关闭，在确认时候触发的变乱
  • events.loaded：DOM预备停其时触发的变乱
  • events.minimized：窗口最小化触发的变乱
  • events.restore：窗口恢复时触发的变乱
  • events.maximized：窗口最大化触发的变乱
  • events.resized：窗口巨细变化时触发的变乱
  • events.shown：窗口显示时触发的变乱
5、常用示例

5.1、10秒后改变加载的url

  1. import time
  3. import webview
  5. def change_url(window):
  6.     # wait a few seconds before changing url:
  7.     time.sleep(10)
  9.     # change url:
  10.     window.load_url('https://pywebview.flowrl.com/hello')
  12. if __name__ == '__main__':
  13.     window = webview.create_window('URL Change Example', 'http://www.google.com')
  14.     webview.start(change_url, window)
复制代码
5.2、带有确认对话框的窗口

  1. import webview
  3. def open_confirmation_dialog(window):
  4.     result = window.create_confirmation_dialog('Question', 'Are you ok with this?')
  5.     if result:
  6.         print('User clicked OK')
  7.     else:
  8.         print('User clicked Cancel')
  10. if __name__ == '__main__':
  11.     window = webview.create_window(
  12.         'Confirmation dialog example', 'https://pywebview.flowrl.com/hello'
  13.     )
  14.     webview.start(open_confirmation_dialog, window)
复制代码
5.3、常用变乱

  1. import webview
  3. def on_closed():
  4.     print('pywebview window is closed')
  6. def on_closing():
  7.     print('pywebview window is closing')
  9. def on_shown():
  10.     print('pywebview window shown')
  12. def on_minimized():
  13.     print('pywebview window minimized')
  15. def on_restored():
  16.     print('pywebview window restored')
  18. def on_maximized():
  19.     print('pywebview window maximized')
  21. def on_resized(width, height):
  22.     print(
  23.         'pywebview window is resized. new dimensions are {width} x {height}'.format(
  24.             width=width, height=height
  25.         )
  26.     )
  28. def on_loaded():
  29.     print('DOM is ready')
  31.     # unsubscribe event listener
  32.     webview.windows[0].events.loaded -= on_loaded
  33.     webview.windows[0].load_url('https://pywebview.flowrl.com/hello')
  35. def on_moved(x, y):
  36.     print('pywebview window is moved. new coordinates are x: {x}, y: {y}'.format(x=x, y=y))
  38. if __name__ == '__main__':
  39.     window = webview.create_window(
  40.         'Simple browser', 'https://pywebview.flowrl.com/', confirm_close=True
  41.     )
  43.     window.events.closed += on_closed
  44.     window.events.closing += on_closing
  45.     window.events.shown += on_shown
  46.     window.events.loaded += on_loaded
  47.     window.events.minimized += on_minimized
  48.     window.events.maximized += on_maximized
  49.     window.events.restored += on_restored
  50.     window.events.resized += on_resized
  51.     window.events.moved += on_moved
  53.     webview.start(debug=True)
复制代码
5.4、文件打开

  1. import webview
  3. def open_file_dialog(window):
  4.     file_types = ('Image Files (*.bmp;*.jpg;*.gif)', 'All files (*.*)')
  6.     result = window.create_file_dialog(
  7.         webview.OPEN_DIALOG, allow_multiple=True, file_types=file_types
  8.     )
  9.     print(result)#result为文件的绝对路径
  11. if __name__ == '__main__':
  12.     window = webview.create_window('Open file dialog example', 'https://pywebview.flowrl.com/hello')
  13.     webview.start(open_file_dialog, window)
复制代码
5.5、文件保存

  1. import webview
  3. def save_file_dialog(window):
  4.     import time
  6.     time.sleep(5)
  7.     result = window.create_file_dialog(
  8.         webview.SAVE_DIALOG, directory='/', save_filename='test.file'
  9.     )
  10.     print(result)
  12. if __name__ == '__main__':
  13.     window = webview.create_window('Save file dialog', 'https://pywebview.flowrl.com/hello')
  14.     webview.start(save_file_dialog, window)
复制代码
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

千千梦丶琪

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

存储 挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表