PHP前端开发

使用 Python 和 AWS CDK 构建 Pokédex:在几分钟内创建您自己的 Web 应用程序的分步指南

百变鹏仔 5天前 #Python
文章标签 自己的

成为神奇宝贝大师!利用aws cdk、python和pokéapi,25分钟内构建你的pokédex!你是否梦想拥有自己的神奇宝贝图鉴,探索每只神奇宝贝的独特魅力?现在梦想成真!本文将指导你一步步创建属于你的pokédex。

准备工作

开始前,请确保你具备以下基础知识:

  1. AWS及其控制台的使用经验
  2. Python编程基础
  3. 命令行操作经验

工具准备

立即学习“Python免费学习笔记(深入)”;

你需要以下工具:

环境配置

为了顺利部署,请按照以下步骤配置你的环境:

权限设置

遵循AWS最佳实践,创建一个仅拥有必要权限的用户:

  1. 访问AWS控制台。
  2. 前往IAM服务。
  3. 创建新用户并配置AWS访问密钥。

配置完成后,为用户分配必要的CDK权限。一种方法是直接附加具有所需权限的策略。

使用新创建的凭证配置你的AWS CLI:

aws configure

系统会提示你输入访问密钥ID、密钥、默认区域和输出格式。

创建CDK项目

使用Python创建CDK项目:

cdk init app --language python

这将在你的项目目录下创建一个文件夹,包含CDK所需的文件,其中包括app.py文件,你将在其中定义你的应用程序。一个虚拟Python环境也将被自动创建并激活。

创建S3存储桶

接下来,创建一个S3存储桶来存放Pokédex网站文件。打开app.py文件,修改代码如下:

from constructs import Constructfrom aws_cdk import (    Stack,    aws_s3 as s3,    aws_s3_deployment as s3deploy,    core)class CdkStack(Stack):    def __init__(self, scope: Construct, construct_id: str, **kwargs) -> None:        super().__init__(scope, construct_id, **kwargs)        pokeBucket = s3.Bucket(self, id="pokebuck",            website_index_document="index.html",            website_error_document="error.html",            public_read_access=True,            block_public_access=s3.BlockPublicAccess.BLOCK_ACLS,            access_control=s3.BucketAccessControl.BUCKET_OWNER_FULL_CONTROL,            removal_policy=core.RemovalPolicy.DESTROY        )        s3deploy.BucketDeployment(self, id="pokebuckdep",            sources=[s3deploy.Source.asset("../static_site/")],            destination_bucket=pokeBucket)

这段代码创建了一个名为pokebuck的S3存储桶,并配置了网站索引文档、错误文档以及公共访问权限。它还包含一个BucketDeployment,用于将../static_site/文件夹中的静态网站文件部署到该存储桶。

加载静态网站

使用GitHub仓库中提供的代码(位于CDK分支的static_site文件夹中),加载显示神奇宝贝信息的静态网站。这个静态网站使用JavaScript和axios库与PokéAPI进行交互。

部署

现在,你可以部署你的应用程序了:

  1. cdk bootstrap: 初始化CDK环境。你只需要在每个AWS账户和区域运行一次。
  2. cdk synth: 生成CloudFormation模板。
  3. cdk deploy: 部署你的应用程序到AWS。

部署过程中,你可能需要在控制台中输入一些信息。建议你同时监控AWS CloudFormation控制台,查看部署进度和事件。

总结

恭喜!你已经成功创建了自己的Pokédex!现在,你可以通过你的网络应用探索所有神奇宝贝及其特性了。 如果你喜欢这个教程,请分享并留下你的评论!你还有什么想添加到你的图鉴中的功能吗?