搜索
首页web前端js教程使用 Python 和 AWS CDK 构建 Pokédex:在几分钟内创建您自己的 Web 应用程序的分步指南

你是口袋妖怪粉丝吗?肯定是的!这些奇妙的生物通过视频游戏、电视剧、电影等俘获了我们的心。但是您是否曾经梦想过拥有自己的神奇宝贝图鉴来探索每个神奇宝贝的多样性和独特特征?

今天是你的幸运日。在这篇文章中,我将逐步指导您使用 AWS CDK、Python 和 Pokémon 公共 API 在 20 分钟内创建自己的 Pokédex。我们给你而不是建议!

Construyendo una Pokédex con Python y AWS CDK: Una guía paso a paso para crear tu propia aplicación web en menos de minutos

先决条件

开始之前,请确保您具备以下主题的基本知识:

1。熟悉AWS及其控制台
2. Python基础知识
3.命令行体验

工具设置

首先,我们需要配置必要的工具来创建我们的 Pokédex。下面,我给您列出了我们将要使用的工具列表:

  • AWS 账户
  • AWS CLI
  • AWS CDK
  • Python 3.9 或更高版本
  • 普通 Javascript
  • 您选择的代码编辑器

我们的工作环境配置

我们必须做的第一件事是配置我们的工作环境以便能够部署我们的解决方案。请按照以下步骤操作:

权限

遵循AWS推荐的良好实践,我们必须创建一个用户并仅分配我们项目所需的权限。为此:

  1. 访问 AWS 控制台.signup#/start/email)
  2. 转到 IAM 部分。
  3. 创建用户并使用 [AWS 访问密钥] 配置访问权限。

配置完成后,分配必要的权限以使用 CDK。实现此目的的一种方法是将具有权限的策略直接分配给用户。

Construyendo una Pokédex con Python y AWS CDK: Una guía paso a paso para crear tu propia aplicación web en menos de minutos

此后,使用新创建的凭据配置您的控制台

aws configure
// Nos solicitará la siguiente información
AWS Access Key ID [None]:  
AWS Secret Access Key [None]: 
Default region name [None]: 
Default output format [None]:

创建CDK项目

让我们使用 Python 创建项目。打开终端并运行以下命令:

cdk init app --语言 python

这将创建一个以您的项目名称命名的文件夹,其中包含 CDK 所需的文件。其中有 app.py 文件,我们将在其中指定我们的应用程序。还会创建一个虚拟 Python 环境,该环境会自动激活。

S3 存储桶创建

在此步骤中,我们将创建 S3 存储桶,其中将包含 Pokedex 网站的文件。打开app.py文件,修改如下:

从构造导入构造
从 aws_cdk 导入(
    堆,
    aws_s3 作为 s3,
    aws_s3_deployment 作为 s3deploy,
    核
)


类 CdkStack(堆栈):

    def __init__(self,scope:Construct,construct_id:str,**kwargs)->;没有任何:
        super().__init__(范围,construct_id,**kwargs)

        pokeBucket = s3.Bucket(self,>



<p>这里我们创建一个名为 CdkStack 的类,它代表一个 AWS CloudFormation 堆栈,一个可管理的 AWS 资源集合。在类构造函数中,我们创建 s3.Bucket 类的实例,它代表一个 S3 存储桶。参数说明如下:</p>

<ol>
<li>
<strong>pokebuck</strong>:<em>堆栈内资源的标识符。</em>
</li>
<li>
<strong>website_index_document</strong>:<em>当存储桶作为网站访问时将显示的文档名称。在本例中,它将是位于“static_site”文件夹中的index.html 文件。</em>
</li>
<li>
<strong>website_error_document</strong>:<em>作为网站访问存储桶时发生错误时将显示的文档名称。在本例中,它将是文件 error.html。</em>
</li>
<li>
<strong>public_read_access</strong>:<em>指示存储桶是否具有公共读取访问权限的值。我们将其设置为 True,以便任何人都可以看到我们的 Pokedex 网站。</em>
</li>
<li>
<strong>removal_policy</strong>:<em>移除堆栈时将应用于存储桶的策略。我们分配值 core.RemovalPolicy.DESTROY ,以便在删除堆栈时删除存储桶。</em>
</li>
</ol>

<p>我们还创建了 s3deploy.BucketDeployment 类的实例,它表示将静态网站部署到 S3 存储桶。<br>
我们传递以下参数:</p><ol>
<li>
<strong>pokedex-deployment</strong>:<em>堆栈中资源的标识符。</em>
</li>
<li>
<strong>源</strong>:<em>包含我们要部署的文件的源列表。在本例中,我们使用 s3deploy.Source.asset 方法来指示文件位于项目的 ./static_site 文件夹中。</em>
</li>
<li>
<strong>destination_bucket</strong>:<em>我们将在其中部署文件的 S3 存储桶。在本例中,它是我们之前创建的存储桶。</em>
</li>
</ol>

<h2>
  
  
  加载静态网站
</h2>

<p>现在我们将加载显示神奇宝贝信息的静态网站。为此,我们将使用 GitHub 存储库、cdk 分支、static_site 文件夹中找到的代码。此代码是一个静态网站,使用普通 JavaScript,通过 Axios 与 Pokémon v2 Web 公共 API 进行通信。</p>

<blockquote>
<p><em>注意:该项目并不是要成为一个完整的前端解决方案,而是提供与 Pokémon 公共 API 相关的不同工作可能性。前端可以完全改进,接受建议和贡献</em></p>
</blockquote>

<h2>
  
  
  部署部署部署!
</h2>

<p>我们现在已准备好部署应用程序的一切。为此,我们将使用 AWS CDK 命令来创建和管理 AWS 中的基础设施。命令如下:</p>

<ol>
<li>
<strong>cdk bootstrap</strong>:通过创建将存储 CloudFormation 模板和应用程序工件的 S3 存储桶来为 CDK 准备 AWS 环境。您只需为我们使用的每个 AWS 账户和区域运行一次。</li>
<li>
<strong>cdk Synth</strong>:生成代表我们的应用程序的 CloudFormation 模板并将其显示在标准输出上。这样我们就可以验证我们的应用程序是否定义良好并且不存在语法或逻辑错误。</li>
<li>
<strong>cdk部署</strong>:创建和/或更新代表我们的应用程序的CloudFormation堆栈并将资源部署到AWS。</li>
</ol>

<p>在这个过程中,我们会一步步从控制台获取信息。</p>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173563909767924.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="Construyendo una Pokédex con Python y AWS CDK: Una guía paso a paso para crear tu propia aplicación web en menos de minutos"></p>

<p>作为建议,最好访问控制台并查看 AWS CloudFormation 部分,这样我们就可以观察事件以及在我们的账户中执行的每个操作。</p>

<h2>
  
  
  演示版
</h2>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173563909972434.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="Construyendo una Pokédex con Python y AWS CDK: Una guía paso a paso para crear tu propia aplicación web en menos de minutos"></p><h2>
  
  
  结论
</h2>

<p>恭喜!您已使用 AWS CDK、Python 和 Pokémon 公共 API 在不到 15 分钟的时间内创建了自己的 Pokedex。现在您可以从您自己的网络应用程序中探索所有神奇宝贝及其特征。</p>

<p>如果您喜欢本教程,请随时分享并留下您的评论。您还想为您的图鉴添加哪些其他功能?请告诉我!</p>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173563910048019.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="Construyendo una Pokédex con Python y AWS CDK: Una guía paso a paso para crear tu propia aplicación web en menos de minutos"></p>


          

            
        

以上是使用 Python 和 AWS CDK 构建 Pokédex:在几分钟内创建您自己的 Web 应用程序的分步指南的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
Python vs. JavaScript:开发人员的比较分析Python vs. JavaScript:开发人员的比较分析May 09, 2025 am 12:22 AM

Python和JavaScript的主要区别在于类型系统和应用场景。1.Python使用动态类型,适合科学计算和数据分析。2.JavaScript采用弱类型,广泛用于前端和全栈开发。两者在异步编程和性能优化上各有优势,选择时应根据项目需求决定。

Python vs. JavaScript:选择合适的工具Python vs. JavaScript:选择合适的工具May 08, 2025 am 12:10 AM

选择Python还是JavaScript取决于项目类型:1)数据科学和自动化任务选择Python;2)前端和全栈开发选择JavaScript。Python因其在数据处理和自动化方面的强大库而备受青睐,而JavaScript则因其在网页交互和全栈开发中的优势而不可或缺。

Python和JavaScript:了解每个的优势Python和JavaScript:了解每个的优势May 06, 2025 am 12:15 AM

Python和JavaScript各有优势,选择取决于项目需求和个人偏好。1.Python易学,语法简洁,适用于数据科学和后端开发,但执行速度较慢。2.JavaScript在前端开发中无处不在,异步编程能力强,Node.js使其适用于全栈开发,但语法可能复杂且易出错。

JavaScript的核心:它是在C还是C上构建的?JavaScript的核心:它是在C还是C上构建的?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc; saninterpretedlanguagethatrunsonenginesoftenwritteninc.1)javascriptwasdesignedAsalightweight,解释edganguageforwebbrowsers.2)Enginesevolvedfromsimpleterterterpretpreterterterpretertestojitcompilerers,典型地提示。

JavaScript应用程序:从前端到后端JavaScript应用程序:从前端到后端May 04, 2025 am 12:12 AM

JavaScript可用于前端和后端开发。前端通过DOM操作增强用户体验,后端通过Node.js处理服务器任务。1.前端示例:改变网页文本内容。2.后端示例:创建Node.js服务器。

Python vs. JavaScript:您应该学到哪种语言?Python vs. JavaScript:您应该学到哪种语言?May 03, 2025 am 12:10 AM

选择Python还是JavaScript应基于职业发展、学习曲线和生态系统:1)职业发展:Python适合数据科学和后端开发,JavaScript适合前端和全栈开发。2)学习曲线:Python语法简洁,适合初学者;JavaScript语法灵活。3)生态系统:Python有丰富的科学计算库,JavaScript有强大的前端框架。

JavaScript框架:为现代网络开发提供动力JavaScript框架:为现代网络开发提供动力May 02, 2025 am 12:04 AM

JavaScript框架的强大之处在于简化开发、提升用户体验和应用性能。选择框架时应考虑:1.项目规模和复杂度,2.团队经验,3.生态系统和社区支持。

JavaScript,C和浏览器之间的关系JavaScript,C和浏览器之间的关系May 01, 2025 am 12:06 AM

引言我知道你可能会觉得奇怪,JavaScript、C 和浏览器之间到底有什么关系?它们之间看似毫无关联,但实际上,它们在现代网络开发中扮演着非常重要的角色。今天我们就来深入探讨一下这三者之间的紧密联系。通过这篇文章,你将了解到JavaScript如何在浏览器中运行,C 在浏览器引擎中的作用,以及它们如何共同推动网页的渲染和交互。JavaScript与浏览器的关系我们都知道,JavaScript是前端开发的核心语言,它直接在浏览器中运行,让网页变得生动有趣。你是否曾经想过,为什么JavaScr

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用