cari
Rumahhujung hadapan webtutorial jsMembina 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!

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

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.

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

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="/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>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="/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>
  
  
  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="/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>


          

            
        

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!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Python vs JavaScript: Analisis Perbandingan untuk PemajuPython vs JavaScript: Analisis Perbandingan untuk PemajuMay 09, 2025 am 12:22 AM

Perbezaan utama antara Python dan JavaScript ialah sistem jenis dan senario aplikasi. 1. Python menggunakan jenis dinamik, sesuai untuk pengkomputeran saintifik dan analisis data. 2. JavaScript mengamalkan jenis yang lemah dan digunakan secara meluas dalam pembangunan depan dan stack penuh. Kedua -duanya mempunyai kelebihan mereka sendiri dalam pengaturcaraan dan pengoptimuman prestasi yang tidak segerak, dan harus diputuskan mengikut keperluan projek ketika memilih.

Python vs JavaScript: Memilih alat yang sesuai untuk pekerjaanPython vs JavaScript: Memilih alat yang sesuai untuk pekerjaanMay 08, 2025 am 12:10 AM

Sama ada untuk memilih Python atau JavaScript bergantung kepada jenis projek: 1) Pilih Python untuk Sains Data dan Tugas Automasi; 2) Pilih JavaScript untuk pembangunan front-end dan penuh. Python disukai untuk perpustakaannya yang kuat dalam pemprosesan data dan automasi, sementara JavaScript sangat diperlukan untuk kelebihannya dalam interaksi web dan pembangunan stack penuh.

Python dan javascript: memahami kekuatan masing -masingPython dan javascript: memahami kekuatan masing -masingMay 06, 2025 am 12:15 AM

Python dan JavaScript masing -masing mempunyai kelebihan mereka sendiri, dan pilihan bergantung kepada keperluan projek dan keutamaan peribadi. 1. Python mudah dipelajari, dengan sintaks ringkas, sesuai untuk sains data dan pembangunan back-end, tetapi mempunyai kelajuan pelaksanaan yang perlahan. 2. JavaScript berada di mana-mana dalam pembangunan front-end dan mempunyai keupayaan pengaturcaraan tak segerak yang kuat. Node.js menjadikannya sesuai untuk pembangunan penuh, tetapi sintaks mungkin rumit dan rawan kesilapan.

Inti JavaScript: Adakah ia dibina di atas C atau C?Inti JavaScript: Adakah ia dibina di atas C atau C?May 05, 2025 am 12:07 AM

Javascriptisnotbuiltoncorc; it'saninterpretedlanguagethatrunsonenginesoftenwritteninc .1) javascriptwasdesignedasalightweight, interpratedlanguageforwebbrowsers.2)

Aplikasi JavaScript: Dari Front-End ke Back-EndAplikasi JavaScript: Dari Front-End ke Back-EndMay 04, 2025 am 12:12 AM

JavaScript boleh digunakan untuk pembangunan front-end dan back-end. Bahagian depan meningkatkan pengalaman pengguna melalui operasi DOM, dan back-end mengendalikan tugas pelayan melalui Node.js. 1. Contoh front-end: Tukar kandungan teks laman web. 2. Contoh backend: Buat pelayan Node.js.

Python vs JavaScript: Bahasa mana yang harus anda pelajari?Python vs JavaScript: Bahasa mana yang harus anda pelajari?May 03, 2025 am 12:10 AM

Memilih Python atau JavaScript harus berdasarkan perkembangan kerjaya, keluk pembelajaran dan ekosistem: 1) Pembangunan Kerjaya: Python sesuai untuk sains data dan pembangunan back-end, sementara JavaScript sesuai untuk pembangunan depan dan penuh. 2) Kurva Pembelajaran: Sintaks Python adalah ringkas dan sesuai untuk pemula; Sintaks JavaScript adalah fleksibel. 3) Ekosistem: Python mempunyai perpustakaan pengkomputeran saintifik yang kaya, dan JavaScript mempunyai rangka kerja front-end yang kuat.

Rangka Kerja JavaScript: Menguasai Pembangunan Web ModenRangka Kerja JavaScript: Menguasai Pembangunan Web ModenMay 02, 2025 am 12:04 AM

Kuasa rangka kerja JavaScript terletak pada pembangunan yang memudahkan, meningkatkan pengalaman pengguna dan prestasi aplikasi. Apabila memilih rangka kerja, pertimbangkan: 1.

Hubungan antara JavaScript, C, dan penyemak imbasHubungan antara JavaScript, C, dan penyemak imbasMay 01, 2025 am 12:06 AM

Pengenalan Saya tahu anda mungkin merasa pelik, apa sebenarnya yang perlu dilakukan oleh JavaScript, C dan penyemak imbas? Mereka seolah -olah tidak berkaitan, tetapi sebenarnya, mereka memainkan peranan yang sangat penting dalam pembangunan web moden. Hari ini kita akan membincangkan hubungan rapat antara ketiga -tiga ini. Melalui artikel ini, anda akan mempelajari bagaimana JavaScript berjalan dalam penyemak imbas, peranan C dalam enjin pelayar, dan bagaimana mereka bekerjasama untuk memacu rendering dan interaksi laman web. Kita semua tahu hubungan antara JavaScript dan penyemak imbas. JavaScript adalah bahasa utama pembangunan front-end. Ia berjalan secara langsung di penyemak imbas, menjadikan laman web jelas dan menarik. Adakah anda pernah tertanya -tanya mengapa Javascr

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Nordhold: Sistem Fusion, dijelaskan
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa