教程 6 - 上网！

除了支持移动平台，Toga widget 工具包还支持网络！使用与部署桌面和移动应用程序相同的应用程序接口，您可以将应用程序部署为单页网页应用程序。

概念验证

Toga Web 后端是所有 Toga 后端中最不成熟的一个。它已经足够成熟，可以展示一些功能，但很可能会有漏洞，而且会缺少许多其他平台上可用的小工具。目前，Web 部署应被视为 “概念验证”–足以展示可以做什么，但还不足以作为严肃开发的依据。

如果您在教程的这一步遇到问题，可以跳到下一页。

作为网络应用程序部署

作为单页面 Web 应用程序部署的过程遵循相同的熟悉模式–创建应用程序，然后构建应用程序，然后运行它。不过，Briefcase 也有一点小聪明；如果您尝试运行应用程序，而 Briefcase 确定该应用程序尚未针对目标平台创建或构建，那么它会为您执行创建和构建步骤。由于这是我们第一次为网络运行应用程序，我们可以用一条命令执行所有三个步骤：

(beeware-venv) $ briefcase run web

[helloworld] Generating application template...
Using app template: https://github.com/beeware/briefcase-web-static-template.git, branch v0.3.18
...

[helloworld] Installing support package...
No support package required.

[helloworld] Installing application code...
Installing src/helloworld... done

[helloworld] Installing requirements...
Writing requirements file... done

[helloworld] Installing application resources...
...

[helloworld] Removing unneeded app content...
Removing unneeded app bundle content... done

[helloworld] Created build/helloworld/web/static

[helloworld] Building web project...
...

[helloworld] Built build/helloworld/web/static/www/index.html

[helloworld] Starting web server...
Web server open on http://127.0.0.1:8080

[helloworld] Web server log output (type CTRL-C to stop log)...
===========================================================================

这将打开一个网页浏览器，指向 http://127.0.0.1:8080：

浏览器中的 Hello World 教程 6 对话框

如果输入您的姓名并点击按钮，就会出现一个对话框。

这个怎么用？

此网络应用程序是一个静态网站–一个 HTML 源页面，包含一些 CSS 和其他资源。公文包启动了一个本地网络服务器来提供该页面，以便您的浏览器可以查看该页面。如果您想将此网页投入生产，可以将 www 文件夹中的内容复制到任何可以提供静态内容的网络服务器上。

但当你按下按钮时，你运行的是 Python 代码……这是怎么做到的呢？Toga 使用 PyScript 在浏览器中提供 Python 解释器。公文包将应用程序的代码打包成 PyScript 可以在浏览器中加载的轮子。加载页面时，应用代码会在浏览器中运行，并使用浏览器 DOM 构建用户界面。当您点击按钮时，该按钮会在浏览器中运行事件处理代码。

下一步

虽然我们现在已经在桌面、手机和网络上部署了这个应用程序，但该应用程序相当简单，不涉及任何第三方库。我们可以在应用程序中包含 Python 包索引 (PyPI) 中的库吗？请访问 Tutorial 7 了解详情…