Membina Pokédex dengan Python dan AWS CDK: Panduan langkah demi langkah untuk mencipta aplikasi web anda sendiri dalam masa kurang daripada minit

Adakah anda peminat Pokemon? Pasti ya! Makhluk hebat ini telah menawan hati kita melalui permainan video, siri, filem dan banyak lagi. Tetapi pernahkah anda bermimpi untuk memiliki Pokédex anda sendiri untuk menerokai kepelbagaian dan ciri unik setiap Pokémon?

Hari ini adalah hari bertuah anda. Dalam siaran ini, saya akan membimbing anda langkah demi langkah untuk mencipta Pokédex anda sendiri dalam masa kurang daripada 20 minit menggunakan AWS CDK, Python dan API awam Pokémon. Mari beri anda dan bukan nasihat!

Prasyarat

Sebelum anda bermula, pastikan anda mempunyai pengetahuan asas tentang topik berikut:

1. Kebiasaan dengan AWS dan konsolnya
2. Pengetahuan asas Python
3. Pengalaman baris arahan

Tetapan Alat

Untuk bermula, kami perlu mengkonfigurasi alatan yang diperlukan untuk mencipta Pokédex kami. Di bawah, saya tinggalkan senarai alatan yang akan kami gunakan:

• Akaun AWS
• AWS CLI
• AWS CDK
• Python 3.9 atau lebih tinggi
• Vanila Javascript
• Penyunting kod pilihan anda

Konfigurasi persekitaran kerja kita

Perkara pertama yang perlu kami lakukan ialah mengkonfigurasi persekitaran kerja kami agar dapat menggunakan penyelesaian kami. Ikuti langkah ini:

kebenaran

Mengikuti amalan baik yang disyorkan oleh AWS, kami mesti mencipta pengguna dan menetapkan hanya kebenaran yang diperlukan untuk projek kami. Untuk melakukan ini:

1. Akses konsol AWS.signup#/start/email)
2. Pergi ke bahagian IAM.
3. Buat pengguna dan konfigurasikan akses menggunakan [AWS Access Keys].

Setelah dikonfigurasikan, tetapkan kebenaran yang diperlukan untuk bekerja dengan CDK. Satu cara untuk melakukan ini ialah dengan menetapkan dasar dengan kebenaran terus kepada pengguna.

Selepas ini, konfigurasikan konsol anda dengan bukti kelayakan yang baru dibuat

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]:

Mencipta projek CDK

Mari buat projek menggunakan Python. Buka terminal dan jalankan arahan berikut:

apl cdk init --python bahasa

Ini akan mencipta folder dengan nama projek anda, yang mengandungi fail yang diperlukan untuk CDK. Antaranya ialah fail app.py, di mana kami akan menentukan aplikasi kami. Persekitaran Python maya juga dicipta, yang diaktifkan secara automatik.

Penciptaan Baldi S3

Dalam langkah ini, kami akan mencipta baldi S3 yang akan mengandungi fail untuk tapak web Pokedex kami. Buka fail app.py dan ubah suainya seperti berikut:

daripada konstruk import Construct
daripada import aws_cdk (
    timbunan,
    aws_s3 sebagai s3,
    aws_s3_deployment sebagai s3deploy,
    teras
)


kelas CdkStack(Timbunan):

    def __init__(diri, skop: Bina, construct_id: str, **kwargs) -> tiada:
        super().__init__(skop, construct_id, **kwargs)

        pokeBucket = s3.Bucket(self,>



<p>Di sini kami mencipta kelas yang dipanggil CdkStack, yang mewakili tindanan AWS CloudFormation, koleksi sumber AWS yang boleh diurus. Di dalam pembina kelas, kami mencipta contoh kelas s3.Bucket, yang mewakili baldi S3. Parameter diterangkan di bawah:</p>

<ol>
<li>
<strong>pokebuck</strong>: <em>Pengecam sumber dalam tindanan.</em>
</li>
<li>
<strong>website_index_document</strong>: <em>Nama dokumen yang akan dipaparkan apabila baldi diakses sebagai tapak web. Dalam kes ini, ia akan menjadi fail index.html, yang terletak dalam folder "static_site".</em>
</li>
<li>
<strong>website_error_document</strong>: <em>Nama dokumen yang akan dipaparkan apabila ralat berlaku semasa mengakses baldi sebagai tapak web. Dalam kes ini, ia akan menjadi ralat fail.html.</em>
</li>
<li>
<strong>public_read_access</strong>: <em>Nilai yang menunjukkan sama ada baldi akan mempunyai akses baca awam. Kami akan menetapkannya kepada Benar supaya tapak web Pokedex kami boleh dilihat oleh sesiapa sahaja.</em>
</li>
<li>
<strong>removal_policy</strong>: <em>Dasar yang akan digunakan pada baldi apabila tindanan dialih keluar. Kami menetapkan teras nilai.RemovalPolicy.DESTROY supaya baldi dipadamkan apabila tindanan dialih keluar.</em>
</li>
</ol>

<p>Kami juga membuat contoh kelas s3deploy.BucketDeployment, yang mewakili penempatan tapak web statik ke baldi S3.<br>
Kami melepasi parameter berikut:</p><ol>
<li>
<strong>pokedex-deployment</strong>: <em>Pengecam sumber dalam tindanan.</em>
</li>
<li>
<strong>sumber</strong>: <em>Senarai sumber yang mengandungi fail yang ingin kami gunakan. Dalam kes ini, kami menggunakan kaedah s3deploy.Source.asset untuk menunjukkan bahawa fail terletak dalam folder ./static_site projek kami.</em>
</li>
<li>
<strong>destination_bucket</strong>: <em>S3 baldi tempat kami akan menggunakan fail. Dalam kes ini, baldi yang kami buat sebelum ini.</em>
</li>
</ol>

<h2>
  
  
  Muatkan tapak web statik
</h2>

<p>Sekarang kami akan memuatkan laman web statik yang akan memaparkan maklumat Pokémon. Untuk melakukan ini, kami akan menggunakan kod yang terdapat dalam repositori GitHub kami, cawangan cdk, folder static_site. Kod ini ialah tapak web statik, dengan JavaScript vanila, yang berkomunikasi melalui Axios dengan API awam web Pokémon v2.</p>

<blockquote>
<p><em>Nota: Projek ini tidak bertujuan untuk menjadi penyelesaian bahagian hadapan yang lengkap, tetapi sebaliknya untuk menawarkan kemungkinan kerja berbeza yang berkaitan dengan API awam Pokémon. Bahagian hadapan boleh dipertingkatkan sepenuhnya dan cadangan serta sumbangan diterima</em></p>
</blockquote>

<h2>
  
  
  Agihkan atur letak!
</h2>

<p>Kami kini mempunyai segala-galanya sedia untuk menggunakan aplikasi kami. Untuk melakukan ini, kami akan menggunakan arahan AWS CDK yang membolehkan kami mencipta dan mengurus infrastruktur dalam AWS. Perintahnya adalah seperti berikut:</p>

<ol>
<li>
<strong>cdk bootstrap</strong>: Sediakan persekitaran AWS untuk CDK dengan mencipta baldi S3 yang akan menyimpan templat CloudFormation dan artifak aplikasi. Anda hanya perlu menjalankannya sekali untuk setiap akaun dan wilayah AWS yang kami gunakan.</li>
<li>
<strong>sintesis cdk</strong>: Menjana templat CloudFormation yang mewakili aplikasi kami dan memaparkannya pada output standard. Dengan ini kami mengesahkan bahawa aplikasi kami ditakrifkan dengan baik dan tiada ralat sintaks atau logik.</li>
<li>
<strong>cdk deploy</strong>: Mencipta dan/atau mengemas kini tindanan CloudFormation yang mewakili aplikasi kami dan menggunakan sumber ke AWS.</li>
</ol>

<p>Semasa proses ini, kami akan mendapatkan maklumat daripada konsol langkah demi langkah.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173563909767924.jpg" 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>Sebagai cadangan, adalah baik untuk mengakses konsol dan menyemak bahagian AWS CloudFormation, dengan cara ini kami boleh memerhatikan peristiwa dan setiap tindakan yang dijalankan dalam akaun kami.</p>

<h2>
  
  
  DEMO
</h2>

<p><img src="https://img.php.cn/upload/article/000/000/000/173563909972434.jpg" 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>
  
  
  Kesimpulan
</h2>

<p>Tahniah! Anda telah mencipta Pokedex anda sendiri dalam masa kurang daripada 15 minit menggunakan AWS CDK, Python dan API awam Pokémon. Kini anda boleh meneroka semua Pokémon dan ciri-cirinya daripada aplikasi web anda sendiri.</p>

<p>Jika anda menyukai tutorial ini, jangan teragak-agak untuk berkongsi dan tinggalkan komen anda. Apakah ciri lain yang anda ingin tambahkan pada Pokedex anda? Beritahu saya!</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173563910048019.jpg" 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>


          

            
        

Atas ialah kandungan terperinci Membina Pokédex dengan Python dan AWS CDK: Panduan langkah demi langkah untuk mencipta aplikasi web anda sendiri dalam masa kurang daripada minit. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!