Mula Baguhan tungo sa Builder: Isang AWeSome na Cloud Journey

Rekording

https://www.youtube.com/watch?v=Rs0yu_fEgFQ

Personal na Karanasan

• Ibinahagi ang naging paglalakbay sa AWS:
• Nagsimula noong 2023 nang walang dating kaalaman sa cloud computing.
• Sumali sa AWS User Group Philippines at naging bahagi ng AWS Creatives team.
• Ginamit ang AWS upang mag-deploy ng mga service, magpatakbo ng code, at bumuo ng mga project.
• Sa loob ng anim na buwan, naging cloud consultant, community lead sa AWS User Group Philippines, AWS Community Builder, at certified cloud practitioner.

AWS User Group Philippines

• Inilarawan ang tungkulin bilang meetup lead:
• Buwan-buwang nagsasagawa ng mga libreng seminar at webinar para sa mga estudyante, mga nagpapalit ng career, at mga batang propesyonal.
• Nagdaraos ng iba't ibang event upang itaguyod ang pagkatuto at pakikilahok sa community.

Pagiging AWS Community Builder

• Ibinahagi ang personal na paglalakbay:
• Nagsimula sa AWS nang walang technical background at nagmula sa UI/UX design.
• Natutuhan ang tungkol sa AWS sa pamamagitan ng mga community resource.
• Sa loob ng anim na buwan, sumulat ng artikulo tungkol sa paggawa ng iba't ibang application gamit ang AWS at nag-apply upang maging AWS Community Builder.

Mga Resource at Pakikipagtulungan

• [ 1 ] Hinikayat ang mga attendee na magbigay ng feedback at makipagtulungan:
• Inanyayahan silang sagutan ang isang feedback form.
• Nagbigay ng QR code para sa AWS practice exam mula sa Tutorials Dojo.
• [ 2 ] Nag-alok ng libreng resource para sa practice exam:
• Inihayag na makatatanggap ang mga attendee ng voucher para sa libreng practice exam mula sa Tutorials Dojo.
• Layunin nitong tulungan silang maghanda para sa mga pagsusulit na AWS Cloud Practitioner o SAA.

Konklusyon

• Ipinahayag ang pag-asang magiging kapaki-pakinabang sa mga attendee ang session at gagamitin nila ang mga ibinigay na resource.
• Hinikayat ang higit pang pakikilahok at pagtutulungan sa loob ng AWS community.

Paggawa ng Python Code Playground gamit ang AWS Lambda at CORS

Layunin

• Gumawa ng Python code playground kung saan makapagpapatakbo ang mga user ng Python code sa pamamagitan ng web interface.

Arkitektura

• Frontend: Website na tumatakbo sa Amazon EC2.
• Backend: AWS Lambda function na nagpapatakbo ng Python code.

Mga Hakbang sa Paggawa ng Python Code Playground

[ 1 ] Gumawa ng AWS Lambda Function

• Pumunta sa AWS Management Console.
• Buksan ang Lambda at i-click ang `Create function`.
• Piliin ang `Author from scratch`.
• Pangalanan ang function (halimbawa, `UG_HK_PythonCodePlayground`).
• Piliin ang Python bilang runtime.
• Gumawa ng bagong execution role na may mga basic Lambda permission.

[ 2 ] I-configure ang Function URL na may CORS

• Sa configuration ng Lambda function, pumunta sa Function URL.
• Paganahin ang function URL.
• I-configure ang CORS sa pamamagitan ng pagdaragdag ng mga sumusunod na header:
• Expose Headers: `Content-Type`
• Allow Headers: `Content-Type`
• Kung kinakailangan, itakda ang Max Age para sa caching.

[ 3 ] Isulat at I-deploy ang Code ng Lambda Function

• Isulat ang Python code sa editor ng Lambda function.
• I-save at i-deploy ang function.

[ 4 ] Gumawa ng Frontend (HTML File)

• Buksan ang Visual Studio Code.
• Gumawa ng HTML file para sa frontend.
• Kopyahin ang function URL mula sa Lambda configuration.
• Gamitin ang function URL sa HTML file upang kunin at patakbuhin ang Lambda function.

[ 5 ] Subukan ang Setup

• Tiyaking wasto ang CORS configuration upang makapag-ugnayan ang frontend at Lambda function.
• Magsagawa ng test upang magpatakbo ng Python code sa pamamagitan ng web interface.

Mahahalagang Punto

• CORS Configuration: Mahalaga upang makapag-ugnayan ang frontend at Lambda function.
• Function URL: Nagbibigay ng direktang HTTP(S) endpoint para sa Lambda function.
• Testing: Tiyaking wastong naipapatakbo ang Python code at nakukuha ng frontend ang mga resulta.

Konklusyon

• Nagbibigay-daan ang Python code playground na makapagpatakbo ang mga user ng Python code sa pamamagitan ng web interface, gamit ang AWS Lambda para sa backend execution at Amazon EC2 para sa frontend.

Mga Hakbang sa Paglutas ng Problema

[ 1 ] HTTP Error

• Nakatagpo ng HTTP error habang pinapatakbo ang code.
• Sinuri ang network tab sa developer tools ng browser upang matukoy ang problema.

[ 2 ] Maling CORS Configuration

• Natukoy na ang

`Access-Control-Allow-Origin`

header ay nakatakda sa `false`

• Itinama ang CORS configuration sa pamamagitan ng pagtiyak na maayos ang pagkakatakda ng Allow Origin header.

[ 3 ] Pag-verify sa CORS Configuration

• Ginamit ang developer tools ng browser upang siyasatin ang mga network request.
• Napansin ang dalawang uri ng request:
• Preflight Request: Sinusuri ng browser sa server kung pinapayagan ang mga cross-origin request.
• Actual Request (`PATCH`): Kinukuha ang data mula sa server matapos kumpirmahin ng preflight request na tama ang CORS setting.

[ 4 ] Panghuling Test

• Muling pinatakbo ang code matapos itama ang CORS configuration.
• Tiniyak na matagumpay na naipatupad ang Python code at nakuha ng frontend ang mga resulta.

Konklusyon

• Nagbibigay-daan na ngayon ang Python code playground na makapagpatakbo ang mga user ng Python code sa pamamagitan ng web interface, gamit ang AWS Lambda para sa backend execution at Amazon EC2 para sa frontend.
• Napakahalaga ng wastong CORS configuration upang makapag-ugnayan ang frontend at Lambda function.

Pagbabalik-tanaw sa Python Code Playground

• Ipinakita kung paano gumawa ng Python code playground gamit ang AWS Lambda na may function URL.
• Ipinakita rin kung paano i-configure ang CORS upang ma-access ang Lambda function mula sa iba't ibang website nang walang cross-origin issue.
• Tiniyak na pinapayagan ng browser ang mga kinakailangang request at response sa pagitan ng magkakaibang origin.
• Binigyang-diin ang kahalagahan ng CORS setting para sa secure na komunikasyon sa pagitan ng mga Lambda resource at external website.