管理、压缩和上传乐透资产到CDN的最简单方法。
lottie-animation-manager的Python项目详细描述
乐蒂动画经理:火箭:
管理、压缩和上传乐透资产到CDN的最简单方法
哲学
乐天动画管理器的创建是为了提供一种托管和管理乐天动画资产的新方法。我们认为所有动画资产都应该托管在CDN(内容交付网络)上,而不是将所有乐透动画都包含在应用程序中的static
文件夹中。在
这样,对动画资产的更新不需要更改代码存储库或静态资产文件夹。这也减少了应用程序的总体构建大小,减少了每个用户会话的网站加载时间。在
乐天动画经理是上半年的一个更大的计划。很快,还会有一个配套的Vue库,让您可以从Vue应用程序内部轻松地引用CDN上托管的乐透资产。在
特点
- 用一个命令将乐天动画资产上传到aws3+Cloudfront CDN
- 使用TinyPNG自动压缩图像资源,以节省上载前的加载时间
设置/安装
只需通过pip安装Lottie动画管理器库:
# most common way: pip install lottie-animation-manager # for people who have multiple versions of python: pip3 install lottie-animation-manager
使用
- 安装AWS CLI
- 通过输入以下内容配置/添加AWS安全访问密钥:
aws configure
- 现在,使用
cd
,导航到带有乐透资产的文件夹(由Bodymovin插件导出)。您的文件夹布局可能如下所示: - 从命令行调用python应用程序,如下所示从动画目录中调用:
lottie-animation-manager
- 加载应用程序后,请按照lottie动画向导中的步骤将资产上载、压缩和管理到Cloudfront CDN:tada:
AWS Cloudfront CDN设置(背景)
创建一个AWS Cloudfront部署,这样无论何时在应用程序中调用lottie应用程序,都可以在全球范围内快速加载它们。 执行此操作的基本说明:
- 通过访问顶部的
Your account Name > My Security Credentials
,单击Access Keys
,然后单击Create New Access Key
,创建您的AWS安全密钥。记下这些证券,因为你只能看到一次。在 - 创建基本的s3 bucket: 上图不正确,禁用阻止所有公共访问
- 上载了图像资源并将其设置为读取权限
everyone
- 访问AWS Cloudfront主页
- 单击
Create Distribution
- 单击Web下的
Get Started
, - 输入一个
origin domain name
,在其中选择s3存储桶。保持所有其他默认设置不变: 单击Create Distribution - 让cloudfront创建您的部署,这需要几分钟才能完成。在
- 最终,您将看到状态更改为
Deployed
,状态更改为Enabled
: 请注意cloudfront为您的新部署“创建”的域名URL(以****结尾)。cloudfront.net)你需要下一步。在 - 使用新的cloudfront端点URL访问图像资产进行测试,以确保cloudfront CDN部署正常工作。
AWS成本警告
请小心使用AWS服务。这包括将文件上载到aws3等服务时可能积累的成本。在
本软件包的作者/版权持有者不承担您在使用乐天动画管理器时可能产生的任何云托管费用或任何其他费用。在
麻省理工学院执照
版权所有(c)2020 BAKHTAWAR AWAN
兹免费准许任何人取得复制品 本软件及其相关文档文件(“软件”)的 在软件中不受限制,包括但不限于权利 使用、复制、修改、合并、发布、分发、再授权和/或出售软件的副本,并允许软件的使用者 根据以下条件提供:
上述版权声明和本许可声明应包括在所有 软件的副本或大部分。在
本软件按“原样”提供,无任何形式的保证,明示或 包括但不限于适销性保证, 特定目的的适用性和非侵犯性。在任何情况下 作者或版权持有人应对任何索赔、损害赔偿或其他 无论是在合同诉讼、侵权诉讼或其他诉讼中,由以下原因引起的责任:, 与软件、软件的使用或其他交易有关 软件。在
- 项目
标签: