如何使用 PyScript – 一个 Python 前端框架

在过去的几年里，Python 的流行度有了很大的提高。 它可以用于许多不同的事情，例如人工智能、数据科学、机器人技术和脚本，这是它最常用的地方。

Python 主要用于 Web 开发的后端，其中使用了 Django 和 Flask 等框架。

在此之前，Python 没有像 JavaScript 这样的语言那么多的前端支持。但是 Python 的开发人员已经制作了库（如 Brython）来帮助他们最喜欢的语言在网络上工作。

在今年的 PyCon 2022 大会上，Anaconda 发布了 PyScript，这是一个框架，可让您使用 HTML 在 Web 上使用 Python。

什么是 PyScript？

PyScript 是 Python 的前端框架，允许用户使用 HTML 界面在浏览器中构建 Python 程序。

Emscripten、Pyodide、WASM 和其他现代 Web 技术被用来制作它，因此它可以做以下符合其目标的事情：

• 提供一个简单易用的 API。
• 用可以插入和添加的部件制作一个系统。
• 支持和扩展标准 HTML，以便它可以读取有意见和可以依赖的自定义组件。这是“为 99% 编程”使命的一部分。

pyscript.net

作为 PyScript 的描述。这里有几个重要的部分：

浏览器中的 Python：可以在不依赖服务器端配置的情况下插入内容、托管外部文件（感谢 Pyodide 项目使之成为可能）和托管应用程序。

在 Python 生态系统中运行许多流行的 Python 包和科学堆栈（例如 NumPy、pandas、scikit-learn 等）

Python with JavaScript 是 PyScript，Python 和 JavaScript 中的对象和命名空间可以双向通信。此外，它还允许用户告诉页面代码要包含哪些包和文件。在制作可视化应用程序时，使用现成的 UI 组件，如按钮、容器、文本框等。这是一个灵活的框架，可用于制作和共享新的可插拔和可扩展的 Python 组件。

所以，总结一下……PyScript 只是 HTML 有点（好吧，也许很多）更强大的功能，这要归功于大量易于查找和使用的 Python 库。

PyScript 站在巨人的肩膀上

许多事情，比如对 WebAssembly/WASM、Emscripten 和 Pyodide 所做的改进，使浏览器成为一个非常可靠的堆栈。尽管它通常不被认为是一个，但浏览器是一个很棒的虚拟机。

在过去的几十年里，Python 和现代 HTML、CSS 和 JavaScript 等强大的用户界面语言没有相互利用，这太糟糕了。 Python 没有一种简单的方法来制作易于打包和部署的漂亮用户界面，而且 HTML、CSS 和 JavaScript 的学习曲线非常陡峭。

通过让 Python 使用 HTML、CSS 和 JavaScript 约定，不仅解决了这两个问题，而且还解决了构建、打包、分发和部署 Web 应用程序的一般问题（一个巨大的 PITA）！总的来说，我们希望 HTML、CSS 和 JavaScript 变得更流行并与 Python 一起使用。这将使网络成为一个更友好、更容易让每个人破解的地方。

PyScript 今天在哪里？

这只是 PyScript 的开始，我们的计划远远超出了我们现在可以向您展示的范围。尽管它仍然不稳定并且只有一些功能，但它确实有效！

不相信我？您可以在 pyscript.net/example 上亲自查看。访问 pyscript.net 以了解如何开始使用 PyScript 并查看新功能。并强烈建议在阅读本文后仔细阅读。

为什么选择 PyScript？

PyScript 为您提供了一种具有一致的风格规则和更多表达自己的方式的编程语言，而且这很容易学习。

浏览器支持：PyScript 可以支持 Python 和主机，而无需设置服务器或配置任何东西。

互操作性：程序可以在 Python 对象和 JavaScript 命名空间之间来回交流。

生态系统支持：Pandas、NumPy 等流行的 Python 包可以与 PyScript 一起使用。

框架灵活性：PyScript 是一个灵活的框架，开发人员可以使用它来轻松制作可以在 Python 中添加和更改的组件。

环境管理：开发人员可以选择将哪些文件和包包含在他们的页面代码中，以使其与 PyScript 一起运行。

UI 开发：使用 PyScript，开发人员可以轻松地使用按钮、容器等 UI 元素进行构建。

开始使用 PyScript

PyScript 是一种不太难学的编程语言。 请按照网站上的步骤或下载 .zip 文件开始使用。

在本文中，我将使用该网站来学习如何使用 PyScript。 这可以通过在 HTML 文件中的各个部分之间建立链接来完成。 让我们使用 PyScript 打印我们的第一个“Hello World”。

创建一个 HTML 文件

• 首先，您需要创建一个 HTML 文件，以使用您选择的文本编辑器/IDE 在浏览器上显示文本。

content=”width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0″>

链接 PyScript

创建 HTML 文件后，我们需要将 PyScript 链接到您的 HTML 文件以访问 PyScript 界面。 这将被放置在

标记中。

打印到浏览器

• 现在您已将 PyScript 链接到 HTML 文件，您可以打印您的“Hello World”。
• 您可以使用 标记来执行此操作。 标签允许您运行多行 Python 程序并将它们打印在浏览器页面上。 将标签放在 tags.

print(“Hello, World!”)

• 在您的浏览器上，您将看到以下内容：

网页输出结果

提示：如果您使用的是 VSCode 编辑器，则可以在更新 HTML 文件时使用 VSCode 中的 Live Server 插件重新加载页面。

最后，在本文中，您了解了 PyScript 是什么以及如何在 HTML 文件中使用它来在浏览器中运行 Python 代码。 您还了解了可以使用 PyScript 完成的不同事情。

使用 PyScript，Web 上的 Python 操作比以前更容易运行和执行。 对于任何想在网络上使用 Python 的人来说，这都是一个极好的工具。

PyScript 还很年轻，仍在进行很多工作。 它仍处于 alpha 阶段，并且存在加载耗时等已知问题，这可能会使其难以使用（在撰写本文时，由于性能问题，其他一些操作无法显示） . 所以你不应该在生产中使用它，因为可能会有很多改变会破坏事情。