将 Python 引入到网页运行的 PyScript 实用指南

17611538698

webmaster@21cto.com

登录注册

将 Python 引入到网页运行的 PyScript 实用指南

万能的大雄

编程语言 0 1055 2023-09-01 03:50:40

21CTO导读：本文讲述将Python搬到网页里运行，希望对大家的实际工作有价值。

背景

在不断发展的Web 开发领域，不同编程语言的集成整合已成为创新标志。Python以其多功能性和易用性而闻名，它已经超出了其传统领域，并涉足 Web 开发领域。

想象一个场景，Python 的强大功能与 HTML 的动态特性无缝融合，通过交互式功能和动态内容丰富自己的 Web 项目。

本文深入探讨在 HTML 中运行 Python 代码的有趣概念，揭示了它所具有的潜力，包括实现这种协同作用的步骤。无论你是希望提高技能的经验丰富的开发人员，还是对各种可能性感兴趣的新手，都可以探索 Python 与 HTML 的集成，并了解这种融合如何彻底改变我们创建 Web 应用程序的方式。

PyScrip

PyScript是一个框架，允许开发者使用 HTML 界面以及 Pyodide、WASM 结合现代 Web 技术产生强大功能，在浏览器中创建丰富的 Python 应用程序。

PyScript是科学计算 Python 发行版的制造商 Anaconda 在 PyCon US 2022 上发布的。

PyScript 工作原理的基本可视化

PyScript 的工作原理是将 Python 代码编译为WebAssembly，这是一种可以在浏览器中运行的低级语言。

这表示 PyScript 代码可以直接在浏览器中执行，无需服务器或 JavaScript 解释器。

PyScript 工作原理的基本骨架可视化

PyScript 提供了众多功能，使其成为创建 Web 应用程序的强大工具。这些功能包括：

完全访问 Python 标准库：PyScript 可以访问 Python 标准库的全部功能，包括 NumPy、Pandas 和 SciPy 等模块。这使得用 Python 创建复杂且数据密集型的 Web 应用程序成为可能。
易于学习和使用：PyScript 被设计为易于学习和使用，即使对于初学者也是如此。语法与常规 Python 非常相似，并且不需要复杂的构建或部署步骤。
与现有的 Web 技术兼容：包括 HTML、CSS 和 JavaScript。这意味着你可以使用 PyScript 创建外观和感觉与任何其他 Web 应用程序相似的 Web 应用程序。

PyScript版Hello World

好的，让我们开始。

就像在任何编程冒险中所做的那样 -“Hello，World” 。

但是请做好网页里运行的准备，这一次将使用 PyScript 魔法来实现这一点。

基本 HTML 结构，代码如下：

<!DOCTYPE html><html>
  <head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width">    <title>PyScript | Hello, World!</title>  </head>
  <body>  </body>
</html>

接下来，链接 PyScript 文件。

只需添加以下两行JS引用即可，我们准备好使用 PyScript 了。

<link rel="s tylesheet" h ref="https://pyscript.net /latest/pyscript.css" /><script defer src="https://pyscript.net/latest/pyscript.js"></script>

让我们接下来打印『Hello World！』，并显示IP地址。

 Hello, world! <br>  Hostname and IP Address:   <py-script>    import socket    hostname = socket.gethostname()    display(hostname)    ip_address = socket.gethostbyname(hostname)    display(ip_address)  </py-script>

在正文中，输入上述代码。我来解释如下：

Hello, world! <br>：这行 HTML 代码显示文本“Hello, world!” 然后包含一个<br>标签。<br>标签是一个 HTML 换行元素，它在文本“Hello, world!”之后创建一个新行，孔乙已一下。
Hostname and IP Address:：这是紧随标记创建的换行符之后的纯文本<br>。它只是一个文字标签，表明接下来的内容将显示主机名和IP地址。
标签内的<py-script>：

import socket：此 Python 代码导入socket模块，该模块提供对各种网络功能的访问，包括主机名和 IP 地址。
hostname = socket.gethostname()：此行使用函数查询当前主机的标准主机名socket.gethostname()并将其分配给变量hostname。
display(hostname)：这向用户显示主机名字。
ip_address = socket.gethostbyname(hostname)：该行使用该socket.gethostbyname()函数来解析与先前获取的主机名关联的 IP 地址。然后将 IP 地址分配给变量ip_address。
display(ip_address)：显示浏览器中的IP地址。

就是这样，一旦运行 HTML 文件，你将能够看到类似的结果，如下图所示。