- 前言
- 一、PyScript是什么？
- 二、如何使用
- 1.示例代码
- 2.数据处理
- 3.源码剖析
- 4.可用类库范围
- 总结
前言
近日，用于科学计算的Python发行版厂商Anaconda发布了PyScript。看完简介Pyscript似乎是跨时代的突破，然而深入研究后发现实现Python前端化编程还任重道远。总体来说，Pyscript属于一次微创新，亮点很多，但基于旧有仍有许多难题需要攻克。Anaconda作为一个大厂，喊出如此振奋人心的slogan，未来的发展仍是十分值得期待。
一、PyScript是什么？
Run Python in Your HTML，Pyscript官网给开发者们描绘出了无比诱人的前景。
这周Pyscript横空出世，几乎席卷了所有前端和Python社区的头条。寥寥几行代码，展现的是一个跨界的突破。
Anaconda 官方对Pyscript提出了很高的期待，Welcome to the world PyScript 文章中对Pyscript做了定义。
Pyscript是一个让用户使用其提供的自定义HTML标签，就可以轻松地在浏览器中运行Python脚本和创建富媒体应用的框架。
[ PyScript is a framework that allows users to run Python and create rich applications in the browser by simply using special HTML tags provided by the framework itself. ]
核心功能包括：
[ Core features include: ]
-
浏览器中运行Python脚本：插入式标签编程，通过引入外部文件（大多都是来自 Pyodide 项目 的支持, 十分感谢!）进行渲染，应用不依赖服务器端配置。
[ Python in the browser: Enable drop-in content, external file hosting (made possible by the Pyodide project, thank you!), and application hosting without the reliance on server-side configuration ] -
支持Python生态体系：可以运行主流的Python类库和科学技术工具包（比如：numpy, pandas, scikit-learn 等等）
[ Python ecosystem: Run many popular packages of Python and the scientific stack (such as numpy, pandas, scikit-learn, and more) ] -
打通Python和JavaScript壁垒：Python 和JavaScript对象双向通信，共享命名空间。
[ Python with JavaScript: Bi-directional communication between Python and Javascript objects and namespaces ] -
环境配置化: 允许用户在页面代码运行时，自定义引入哪些包和文件。
[ Environment management: Allow users to define what packages and files to include for the page code to run ] -
可视化应用开发：用户可方便使用现成的 UI 组件，如按钮、容器、文本框等等。
[ Visual application development: Use readily available curated UI components, such as buttons, containers, text boxes, and more ] -
可灵活扩展框架：一个可用于直接在 Python 中创建和共享可插拔和可扩展组件的灵活框架。
[ Flexible framework: A flexible framework that can be leveraged to create and share new pluggable and extensible components directly in Python ]
官方提供的hello_world：
PyScript Hello World
Hello world!
This is the current date and time, as computed by Python:
from datetime import datetime
now = datetime.now()
now.strftime("%m/%d/%Y, %H:%M:%S")
运行结果：
写一个生成正态分布：
PyScript Hello World
- numpy
import numpy as np
result = np.random.normal(0.5, 1, 1000)
for i in result:
print(i)
print(np.mean(result), " ", np.var(result))
控制台能看到python的执行日志
对于基础的python操作和类库引入都是可以正常运行。
从官方的介绍中，也可以看到Pyscript主要是依赖 Pyodide 项目运行。
这一点 github源码 中也有体现：
loadRuntimes() {
console.log('Initializing runtimes...');
for (const runtime of this.values.runtimes) {
const script = document.createElement('script'); // create a script DOM node
const runtimeSpec = new PyodideRuntime(runtime.src);
script.src = runtime.src; // set its src to the provided URL
script.addEventListener('load', () => {
void runtimeSpec.initialize();
});
document.head.appendChild(script);
}
}
运行前会加载 Pyodide 模块，程序耗时也主要来自这块（严重依赖 pyodide 模块加载速度，官方CDN不太稳定，必要时需要切换CDN）
Pyscript相当于封装了一层Pyodide实现，上面Pyscript的数据处理也可以通过以下代码实现
pyodide.runPythonAsync(`
import micropip
await micropip.install('snowballstemmer')
import numpy as np
result = np.random.normal(0.5, 1, 1000)
for i in result:
print(i)
print(np.mean(result), " ", np.var(result))
`);
4.可用类库范围
Pyscript依赖Pyodide的构建库，可用范围还只能满足基本要求，如有定制开发需要私有化部署 Pyodide 版本进行定制式开发。
总结
PyScript 开创式地提供了前端使用Python处理复杂数据的模式，但加载方式和渲染模式还是存在较大改良空间。期待 PyScript 生态圈的后续发展。
