com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， ornado、Django和aiohttp Web框架的 集成。 与Web框架集成需要完成两部分配置：托管PyWebIO前端静态文件；暴露 PyWebIO后端接口。这其中需要注意前端页面和后端接口的路径约定， 以及前 端静态文件与后端接口分开部署时因为跨域而需要的特别设置。 集成方法 不同Web框架的集成方法如下： Tornado Flask Django aioh�p 需要在Tornado应用中引入两个 add_url_rule('/io', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS']) # 接口需要能接收 GET、POST和OPTIONS请求 @app.route('/') @app.route('/') def serve_static_file(static_file='index

这个文档同时也提供 PDF 和 Epub 格式. 4.1 User’s guide 如果你接触过 Web 开发，你可能对接下来描述的 PyWebIO 的用法感到不太习惯，不同于传统 Web 开发的后 端实现接口、前端进行展示交互的模式，在 PyWebIO 中，所有的逻辑都通过编写 Python 代码实现。 你可以按照编写控制台程序的逻辑编写 PyWebIO 应用，只不过这里的终端变成了浏览器。通过 PyWebIO Flask、Tornado、Django 和 aiohttp Web 框架的集成。 与 Web 框架集成需要完成两部分配置：托管 PyWebIO 前端静态文件；暴露 PyWebIO 后端接口。这其中需 要注意前端页面和后端接口的路径约定，以及前端静态文件与后端接口分开部署时因为跨域而需要的特别设 置。 22 Chapter 4. Documentation PyWebIO, 发布 1.0.3 集成方法 不同 Web app.add_url_rule('/io', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS']) # 接口需要能接收 GET、POST 和 OPTIONS 请 求 @app.route('/') @app.route('/') def serve_static

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， add_url_rule('/tool', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS']) # 接口需要能接收 GET、POST和OPTIONS请求 app.run(host='localhost', port=80) 以上代码使用 webio_view(task_func) 来获得运行PyWebIO应用的Flask视 webio_view_func = webio_view(task_func) urlpatterns = [ path(r"tool", webio_view_func), # http通信接口 ] 以上代码使用添加了一条路由规则将PyWebIO应用的视图函数绑定到 /tool 路径下。 启动Django应用后，访问 http://localhost/tool 即可打 开PyWebIO应用

目前支持与 Flask 和 Tornado Web 框架的集成。与 Web 框架集成需要完成两件事情：托管 PyWebIO 静态文件；暴露 PyWebIO 后端接口。这其中需要注意前端页面和后端接口的路径约定，以及前端静态文件与 后端接口分开部署时因为跨域而需要的特别设置。 不同 Web 框架的集成方法如下： Tornado Flask Django aiohttp 需要在 Tornado 的与 Web 框架集成的示例 代码也都是使用了后端框架提供的静态文件服务。但出于性能考虑，托管静态文件最好的方式是使用 反向代 理 (比如 nginx ) 或者 CDN 服务。 前端页面和后端接口的路径约定 PyWebIO 默认通过当前页面的同级的 ./io API 与后端进行通讯。 例如你将 PyWebIO 静态文件托管到 /A/B/C/(.*) 路径下，那么你需要将 PyWebIO API //example.com:8080/aaa/io 。省略协议字段 时，PyWebIO 根据当前页面的协议确定要使用的协议: 若当前页面为 http 协议，则后端接口为 http/ws 协议；若当前页面为 https 协议，则后端接口为 https/wss 协议。 跨域配置 当后端 API 与当前页面不再同一 host 下时，需要在webio_handler() 或webio_view() 中使用

PyWebIO 目前支持与Flask和Tornado Web框架的集成。 与Web框架集成需要完 成两件事情：托管PyWebIO静态文件；暴露PyWebIO后端接口。 这其中需要注 意前端页面和后端接口的路径约定，以及前端静态文件与后端接口分开部署时 因为跨域而需要的特别设置。 不同Web框架的集成方法如下： Tornado Flask Django aioh�p 需要在Tornado应用中引入两个 app.add_routes(static_routes(STATIC_PATH)) web.run_app(app, host='localhost', port=8080) 前端页面和后端接口的路径约定 PyWebIO默认通过当前页面的同级的 ./io API与后端进行通讯。 例如你将PyWebIO静态文件托管到 /A/B/C/(.*) 路径下，那么你需要将 PyWebIO API的路由绑定到 或者省略协议字段: //example.com:8080/aaa/io 。省略协议字段时，PyWebIO根据当前页面 的协议确定要使用的协议: 若当前页面为http协议，则后端接口为http/ws 协议；若当前页面为https协议，则后端接口为https/wss协议。 跨域配置 当后端API与当前页面不再同一host下时，需要在 webio_handler() 或 webio_view() 中使用 allowed_origins

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， https://codemirror.net/doc/manual.html#config Nginx WebSocket配置示例 假设后端服务器运行在 localhost:5000 地址，并将PyWebIO的后端接口绑定到 /tool 路径上，则通过Nginx访问PyWebIO服务的配置如下: map $http_upgrade $connection_upgrade { default upgrade; Session.get_task_commands 和 Session.close 。 基于HTTP通信的后端的实现逻辑 基于HTTP的前后端通信约定 前端按照固定间隔使用GET请求轮训后端接口，在请求中使用 webio-session- id HTTP头来传递会话ID。 会话一开始时，会话ID由后端生成并通过响应中的 webio-session-id HTTP头返 回给前端，后续前端的请求都会在请求头中使用

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， https://codemirror.net/doc/manual.html#config Nginx WebSocket配置示例 假设后端服务器运行在 localhost:5000 地址，并将PyWebIO的后端接口绑定到 /tool 路径上，则通过Nginx访问PyWebIO服务的配置如下: map $http_upgrade $connection_upgrade { default upgrade; Session.get_task_commands 和 Session.close 。 基于HTTP通信的后端的实现逻辑 基于HTTP的前后端通信约定 前端按照固定间隔使用GET请求轮训后端接口，在请求中使用 webio-session- id HTTP头来传递会话ID。 会话一开始时，会话ID由后端生成并通过响应中的 webio-session-id HTTP头返 回给前端，后续前端的请求都会在请求头中使用

这个文档同时也提供 PDF 和 Epub 格式. 4.1 User’s guide 如果你接触过 Web 开发，你可能对接下来描述的 PyWebIO 的用法感到不太习惯，不同于传统 Web 开发的后 端实现接口、前端进行展示交互的模式，在 PyWebIO 中，所有的逻辑都通过编写 Python 代码实现。 你可以按照编写控制台程序的逻辑编写 PyWebIO 应用，只不过这里的终端变成了浏览器。通过 PyWebIO app.add_url_rule('/tool', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS']) # 接口需要能接收 GET、POST 和 OPTIONS 请 求 app.run(host='localhost', port=80) 以上代码使用webio_view(task_func) 来获得运行 webio_view_func = webio_view(task_func) urlpatterns = [ path(r"tool", webio_view_func), # http 通信接口 ] 以上代码使用添加了一条路由规则将 PyWebIO 应用的视图函数绑定到 /tool 路径下。启动 Django 应用后， 24 Chapter 4. Documentation PyWebIO

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， Session.get_task_commands 和 Session.close 。 基于HTTP通信的后端的实现逻辑 基于HTTP的前后端通信约定 前端按照固定间隔使用GET请求轮训后端接口，在请求中使用 webio-session- id HTTP头来传递会话ID。 会话一开始时，会话ID由后端生成并通过响应中的 webio-session-id HTTP头返 回给前端，后续前端的请求都会在请求头中使用 就获得了视图的响应。 这其中，FlaskHttpContext 的基类为 HttpContext ，HttpContext 接口各异的后端 框架定义了一个统一的操作接口，用于从当前请求中获取请求相关的数据并设 置请求的相应。 FlaskHttpContext 为HttpContext接口的Flask实现。 而 HttpHandle 负责维护Session实例并实现HTTP请求与Session之间的交互，

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， Session.get_task_commands 和 Session.close 。 基于HTTP通信的后端的实现逻辑 基于HTTP的前后端通信约定 前端按照固定间隔使用GET请求轮训后端接口，在请求中使用 webio-session- id HTTP头来传递会话ID。 会话一开始时，会话ID由后端生成并通过响应中的 webio-session-id HTTP头返 回给前端，后续前端的请求都会在请求头中使用 就获得了视图的响应。 这其中，FlaskHttpContext 的基类为 HttpContext ，HttpContext 接口各异的后端 框架定义了一个统一的操作接口，用于从当前请求中获取请求相关的数据并设 置请求的相应。 FlaskHttpContext 为HttpContext接口的Flask实现。 而 HttpHandle 负责维护Session实例并实现HTTP请求与Session之间的交互，