wasm-在浏览器中使用python

wasm的概念不是本文的描述主要内容，这里主要介绍下python 在浏览器中的使用小例子和注意事项。

Pyodide可以帮助我们实现python的wasm,但是需要说明的是第一次比较慢，因为要下载10M相关文件，当然Pyodide在浏览器中执行速度也要比原生的系统中执行python慢3到5倍，不过这个怎么说呢，如果不是复杂的业务逻辑或是算法，其实这个是可以接受的。我觉得安全的场景在wasm中比较好入手。

下看个例子


<head>
  <script src="https://cdn.jsdelivr.net/pyodide/v0.20.0/full/pyodide.js"></script>
  <script>
    async function main() {
	let pyodide = await loadPyodide();
	// Pyodide is now ready to use...
	console.log(pyodide.runPython(`
    import sys
    sys.version
  `));
    };
    main();
  </script>
</head>

输出


Navigated to file:///Users/franco/work/sf/projects/py3_env/demo_wasm/t1.html
load-package.ts:329 Loading distutils
load-package.ts:389 Loaded distutils
pyodide.asm.js:14 Python initialization complete
t1.html:7 3.10.2 (main, Apr  9 2022, 20:52:01) [Clang 14.0.0 (https://github.com/llvm/llvm-project 78e87970af888bbbd5652c31f3a8

从javascript获取python变量值


pyodide.runPython(`
  import numpy
  x=numpy.ones((3, 4))
`);
pyodide.globals.get('x').toJs();
// >>> [ Float64Array(4), Float64Array(4), Float64Array(4) ]
 
// create the same 3x4 ndarray from js
x = pyodide.globals.get('numpy').ones(new Int32Array([3, 4])).toJs();
// x >>> [ Float64Array(4), Float64Array(4), Float64Array(4) ]

从python中修改html的dom


import js
 
div = js.document.createElement("div")
div.innerHTML = "<h1>This element was created from Python</h1>"
js.document.body.prepend(div)

这里只做下简单介绍，了解这些可能性，后续继续展开。

参考：Getting started — Version 0.20.0https://pyodide.org/en/stable/usage/quickstart.html

相关阅读:
服务网格 Service Mesh
银河麒麟服务器系统中intel-x710网卡丢包问题
JavaWeb之异常处理
基于卫星重力的中国区域陆地水和地下水储量变化产品(2002-2022)缺失范围
知识图谱从入门到应用——知识图谱推理：基于符号逻辑的知识图谱推理
逍遥自在学C语言位运算符 "|" 的5种高级用法
Azure OpenAI 服务
计算机网络-物理层
Python tkinter - 第9章多选按钮控件（Checkbutton）方法
聊聊电商系统架构演进

原文地址：https://blog.csdn.net/Xiao_Qiang_/article/details/125425670