wasm-在浏览器中使用python

最新推荐文章于 2023-06-30 22:48:07 发布

Xiao_Qiang_

最新推荐文章于 2023-06-30 22:48:07 发布

阅读量1.8k

点赞数

分类专栏： js 其他文章标签：大数据

本文链接：https://blog.csdn.net/Xiao_Qiang_/article/details/125425670

版权

其他同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

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

Xiao_Qiang_

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
wasm-在浏览器中使用python

python wasm
复制链接

扫一扫

专栏目录

wasm-在浏览器中使用python

“相关推荐”对你有帮助么？