【原】推薦一款新框架PyScript：在 HTML 嵌入 Python 代碼！

測(cè)試開發(fā)技術(shù) 2022-06-18 發(fā)布于廣東

展開全文

一、介紹

網(wǎng)頁(yè)瀏覽器是目前世界上最普遍，最可攜的計(jì)算機(jī)環(huán)境。幾乎所有人都可以在計(jì)算機(jī)或是手機(jī)上使用網(wǎng)頁(yè)瀏覽器，以沒有基礎(chǔ)設(shè)施障礙的方式訪問(wèn)程序。

在 PyCon US 2022 上，知名 Python 發(fā)行版 Anaconda 開發(fā)商近日宣布了可在瀏覽器端運(yùn)行的 Python — PyScript。

根據(jù)官方的介紹，PyScript 是一個(gè)開發(fā)框架，該框架允許在瀏覽器中運(yùn)行Python應(yīng)用。為開發(fā)者提供了在標(biāo)準(zhǔn) HTML 中嵌入編寫 Python 代碼的能力、使用 Python 調(diào)用 JavaScript 函數(shù)庫(kù)，以及創(chuàng)建 Python Web 應(yīng)用。它可以讓開發(fā)者在HTML中創(chuàng)建豐富的Python應(yīng)用程序，且Python代碼可與JavaScript實(shí)現(xiàn)雙向通信。

官方表示，通過(guò)使用PyScript，Python開發(fā)者便不需要擔(dān)心程序部署問(wèn)題，因?yàn)镻yScript讓程序直接在網(wǎng)頁(yè)瀏覽器中運(yùn)行，也就是說(shuō)，可以在HTML文件中，分享開發(fā)成果，只要其他人在網(wǎng)頁(yè)瀏覽器中打開文件，該文件中的程序代碼就會(huì)開始運(yùn)行。

2、原理及安裝

官網(wǎng)地址：

https:///

由于PyScript目前仍在alpha測(cè)試階段，讀者感興趣的話，可以從下載嘗鮮。

另外，PyScript 是基于 Pyodide來(lái) 構(gòu)建的，Pyodide 由編譯成 WebAssembly 的 CPython 3.8 解釋器組成，允許在網(wǎng)頁(yè)瀏覽器中運(yùn)行 Python。Pyodide 可以安裝來(lái)自 PyPi 的任何 Python 包。Pyodide 還包括一個(gè)外部函數(shù)接口，可以將 Python 包暴露給 JavaScript，并將瀏覽器 UI，包括 DOM，暴露給 Python。

關(guān)于 PyScript 運(yùn)行原理的更多信息查看：https://engineering./2022/04/welcome-pyscript.html

使用前，需要先下載對(duì)應(yīng)依賴的靜態(tài)資源文件(CSS、JS)，第一種方式直接將文件下載到本地再引入

<link rel="stylesheet" href="path/to/pyscript.css" />
<script defer src="path/to/pyscript.js"></script>

另外一種方式，直接在線引入

<link rel="stylesheet" href="https:///alpha/pyscript.css" />
<script defer src="https:///alpha/pyscript.js"></script>

3、使用示例

項(xiàng)目源碼地址：

https://github.com/pyscript/pyscript

用VSCODE或者PyCharm，或者其他任一你喜歡的編輯器，新建HTML文件，編寫示例代碼，類似如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>PyScript Hello World</title>

    <link rel="stylesheet" href="https:///alpha/pyscript.css" />
    <script defer src="https:///alpha/pyscript.js"></script>
  </head>

  <body>
    Hello world! <br>
    This is the current date and time, as computed by Python:
    <py-script>
    from datetime import datetime
    now = datetime.now()
    now.strftime("%m/%d/%Y, %H:%M:%S")
    </py-script>
  </body>
</html>

該示例用于在HTML前端頁(yè)面，利用Python代碼實(shí)現(xiàn)打印當(dāng)前時(shí)間的功能。

更多官方示例參考：

https://github.com/pyscript/pyscript/tree/main/pyscriptjs/examples

坦白來(lái)講，PyScript 作為一款新面市不久的框架，還存在很多不穩(wěn)定的問(wèn)題，分享給各位讀者，目的是希望大家能從不同的框架背后，學(xué)習(xí)借鑒到新的設(shè)計(jì)思路，取其精華，開闊視野。在沒有工作應(yīng)用場(chǎng)景時(shí)，并不需要強(qiáng)制自己去使用，希望大家抱有一種理性的視角來(lái)看待新技術(shù)、新框架。