当前位置: 附加器 >> 附加器优势 >> pythonBrython浏览器中的
分发和打包Brython项目
您用于安装Brython的方法可能会影响您部署Brython项目的方式和位置。特别是,要部署到PyPI,最好的选择是首先从PyPI安装Brython,然后使用创建项目brython-cli。但是,将典型的Web部署部署到私有服务器或云提供商可以利用您选择的任何安装方法。
您有几个部署选项:
手动和自动部署部署到PyPI部署到CDN您将在以下各节中探索其中的每一个。
手动和自动Web部署
您的应用程序包含网站需要的所有静态依赖项,CSS,JavaScript,Python和图像文件。Brython是您的JavaScript文件的一部分。所有文件都可以按原样部署在您选择的提供程序上。您可以查阅Web开发教程以及使用Fabric和Ansible自动化Django部署,以获取有关部署Brython应用程序的详细信息。
如果决定使用brython-cli--modules预编译Python代码,则部署的文件将没有任何Python源代码,只有brython.js和brython_modules.js。您也不会包括在内,brython_stdlib.js因为所需的模块brython_modules.js已包含在其中。
部署到PyPI
从PyPI安装Brython时,可以brython-cli用来创建可以部署到PyPI的程序包。创建这样一个程序包的目的是扩展默认的Brython模板作为您的自定义项目的基础,并使Brython网站可从PyPI获得。
按照有关从PyPI安装的部分中的说明进行操作后,在新web项目中执行以下命令:
系统将提示您回答一些旨在创建的问题brython_setup.json,您可以稍后对其进行修改。完成命令后,您将拥有一个目录,__dist__其中包含创建可安装软件包所需的文件。您可以在本地测试此新软件包的安装,如下所示:
随后,您还可以web通过执行以下命令来确认新命令是否与软件包一起本地部署:
请注意,该web命令的行为与Brython在初始安装后的行为完全相同。您刚刚创建了一个自定义的可安装Brython软件包,可以将其部署到PyPI。有关如何将程序包部署到PyPI的详尽说明,请查看如何将开源Python程序包发布到PyPI。
部署到PyPI后,您可以pip在Python虚拟环境中安装Brython软件包。您将能够使用创建的新命令来创建新的自定义应用程序:
总结一下,这是部署到PyPI的步骤:
从PyPI安装Brython。使用创建项目brython-cli--install。使用从项目中创建可安装的软件包brython-cli--make-dist。将此程序包部署到PyPI。其他安装方法(CDN,GitHub和npm)不包括在内brython-cli,因此不适合准备PyPI软件包。
部署到CDN
正如brython.js和brython_stdlibs.js
可CDN服务器上,也可以部署你的静态资产,图片,样式和JavaScript文件,包括你的Python文件或者brython_modules.js,到CDN。
如果您的应用程序是开源的,那么您可以获得免费的CDN支持。
创建GoogleChrome浏览器扩展程序
Chrome扩展程序是使用网络技术构建的组件,并已集成到Chrome中以自定义您的浏览环境。通常,这些扩展程序的图标在Chrome窗口的顶部,地址栏的右侧是可见的。
Chrome网上应用店提供了公共扩展程序。要学习,您将通过本地文件安装GoogleChrome扩展程序:
在Brython中实施GoogleChrome扩展程序之前,您首先要实现一个JavaScript版本,然后将其转换为Brython。
JS中的HelloWorldExtension
首先,您将实现一个扩展,该扩展将执行以下操作:
单击扩展程序图标时,打开一个弹出窗口当您单击弹出窗口按钮时,打开提示消息在初始弹出窗口的底部附加您输入的消息以下屏幕截图说明了此行为:
在一个空文件夹中,创建文件manifest.json以配置扩展名:
此示例的重要字段是默认弹出文件,popup.html您还必须创建该文件。
在同一文件夹中,创建popup.html用于定义扩展的用户界面的文件:
HTML文件包含指向扩展的JavaScript业务逻辑的链接,并描述了其用户界面:
第5行涉及popup.js,其中包含扩展的逻辑。第8行定义了一个button将绑定到中的处理程序的popup.js。第9行声明一个字段,JavaScript代码将使用该字段来显示一些文本。您还需要创建popup.js:
JavaScript代码的主要逻辑包括声明onclick绑定到hello-btn
HTML容器字段的处理程序:
第2行调用脚本模式,该模式可在JavaScript中进行更严格的验证以揭示JavaScript错误。第4行选择hello-btnin标识的字段popup.html并将其分配给变量。第6行定义了当用户单击按钮时将处理事件的处理程序。该事件处理程序提示用户输入其名称,然后将所div标识的内容更改hello为提供的名称。在安装此扩展程序之前,请执行以下步骤:
打开屏幕右侧的GoogleChrome浏览器菜单。打开子菜单“更多工具”。单击扩展。屏幕将显示您当前安装的扩展(如果有)。它可能看起来像这样:
要安装新的扩展程序,您需要执行以下步骤:
确保在屏幕的右上角启用了开发人员模式。点击加载解压。选择包含刚创建的所有文件的文件夹。如果在安装过程中未发生任何错误,那么您现在应该在浏览器地址栏的右侧看到一个带有J的新图标。要测试您的扩展程序,请单击下面显示的工具栏的J图标:
如果在安装或执行过程中发生任何错误,那么您应该在扩展卡的“删除”按钮右侧看到一个红色的错误按钮:
您可以单击错误以显示错误并确定根本原因。更正后,通过单击扩展卡右下角的圆形箭头重新加载扩展,然后重复该过程,直到达到预期效果为止。
要测试新安装的扩展程序,可以单击浏览器工具栏右侧显示的J图标。如果未显示该图标,请单击扩展列出已安装的扩展,然后选择与您刚安装的JSHelloWorld扩展对齐的图钉按钮。
#python#
笨办法学Python3Python编程教程python核心手册京东¥购买已下架