所在的位置: js >> js市场 >> pythonBrython浏览器中的

pythonBrython浏览器中的

白癜风医院诚信承诺 http://nb.ifeng.com/a/20180331/6472849_0.shtml

Brython:浏览器中的Python-第二篇

安装Brython

试用Brython的在线控制台是一个不错的开始,但是它不允许您部署Python代码。在本地环境中安装Brython有几种不同的选项:

CDNGitHubnpm下面概述了每种方法的说明,但是,如果您已做出决定,请随时直接跳至首选方法。

CDN安装

一个内容分发网络(CDN)是服务器的网络,它允许以提高性能和下载速度为在线内容。您可以从几个不同的CDN安装Brython库:

CDNJSjsDelivrCDNPKG如果要部署静态网站并以最小的开销将一些动态行为添加到页面中,则可以选择此安装。您可以将这个选项视为jQuery的替代品,但使用Python而不是JavaScript除外。

为了说明Brython与CDN的结合使用,您将使用CDNJS。使用以下HTML代码创建文件:

这是此HTML页面的关键元素:

第5行brython.js从CDNJS加载。第8行在文档加载完成brython()时执行。读取当前范围内的Python代码并将其编译为JavaScript。有关更多详细信息,请参见“了解Brython的工作原理”部分。brython()第9行将脚本的类型设置为text/python。这向Brython指示需要编译和执行哪些代码。第10行importsbrowser是一个Brython模块,它公开对象和功能以允许与浏览器进行交互。第11行呼叫alert(),显示带有文本的消息框HelloRealPython!将文件另存为index.html,然后双击该文件以使用默认的Internet浏览器将其打开。浏览器显示一个消息框,HelloRealPython!单击“确定”关闭该消息框:

为了减少下载文件的大小,尤其是在生产环境中,请考虑使用最小化版本的

brython.js:

从用户的角度来看,最小化版本将减少下载时间和可察觉的延迟。在“了解Brython的工作原理”中,您将了解浏览器如何加载Brython以及如何执行上述Python代码。

GitHub安装

GitHub安装与CDN安装非常相似,但是它允许您使用最新的开发版本来实现Brython应用程序。您可以复制前面的示例并修改head元素中的URL以获取以下内容index.html:

将此文件保存在本地目录中后,双击index.html以在浏览器中呈现您通过CDN安装获得的同一页面。

PyPI安装

到目前为止,您无需在本地环境中安装任何东西。相反,您已在HTML文件中指示浏览器可以在其中找到Brython程序包。当浏览器打开页面时,它将从CDN或GitHub的适当环境中下载BrythonJavaScript文件。

Brython也可以在PyPI上本地安装。在以下情况下,PyPI安装适合您:

除了指向CDN文件时,您需要对Brython环境进行更多控制和自定义。您的背景是Python,并且熟悉pip。您希望本地安装可以最大程度地减少开发过程中的网络延迟。您想以更精细的方式管理您的项目和可交付成果。从PyPIinstalls安装Brythonbrython_cli,这是一个命令行工具,可用于自动执行功能,例如生成项目模板或打包和捆绑模块,以简化Brython项目的部署。

有关更多详细信息,您可以查阅本地安装文档以查看brython-cli安装后在您的环境中可用的功能。brython-cli仅适用于此类安装。如果您是从CDN或npm安装的,则此功能不可用。您将brython-cli在本教程的后面部分看到实际操作。

在安装Brython之前,您想为此项目创建一个Python虚拟环境。在Linux或macOS上,执行以下命令:

在Windows上,您可以按照以下步骤操作:

您刚刚为项目创建了专用的Python环境,并pip使用最新版本进行了更新。

在接下来的步骤中,您将安装Brython并创建一个默认项目。这些命令在Linux,macOS和Windows上相同:

您已经从PyPI安装了Brython,创建了一个名为的空文件夹web,并通过brython-cli

在安装过程中在虚拟环境中执行复制来生成默认项目框架。在该web文件夹中,

brython-cli--install

创建一个项目模板并生成以下文件:

要测试此新创建的Web项目,可以使用以下命令启动本地PythonWeb服务器:

执行时python-m


转载请注明:http://www.aierlanlan.com/rzdk/2005.html

  • 上一篇文章:
  •   
  • 下一篇文章: