= Faka Izinhlelo Zokusebenza ku-Amazon S3 =

== Igayidi yemizuzu emi-5 yokuthi zisetshenziswa kanjani izinhlelo zokusebenza ze-React nge-S3 ==

![ ](httpsmiro.medium.com/max/1400/1*h4TLlisFk7XvtREAsS7C7Q.jpeg)

Ngakho-ke usuqedele uhlelo lwakho lokusebenza lwe-React futhi ubheke ukulisingatha ndawana thize. Ubuwazi ukuthi ungasebenzisa i-Amazon AWS S3 ukusingatha izinhlelo zakho zokusebenza ze-React? Kulula, kubiza kancane futhi kuyashesha ukukusebenzisa.

= Ake siqale! =

== Okudingekayo ==

Ngaphambi kokuthi siye ekusingatheni, ake senze ukusethwa kokuphatha kwenziwe. Qiniseka ukuthi okulandelayo kuqediwe:

**Une-akhawunti ye-AWS Bhalisela i-akhawunti ye-AWS lapha: httpsaws.amazon.com/resources/create-account/ **Dala Umsebenzisi we-AWS Kukhonsoli ye-AWS, hamba kuthebhu ye-IAM, bese uye ku-à ¢ÃÂÃÂAbasebenzisiâÃÂàingxenye yebha eseceleni.

Chofoza okuthi âÃÂÃÂEngeza UmsebenzisiâÃÂà bese uhlola âÃÂÃÂUkufinyelela kohlelo ÃÂ.

![ ](httpsmiro.medium.com/max/1400/1*gMtvyUQ_X2YVYHwNfLeygg.png)

Chofoza okuthi âÃÂÃÂOkulandelayo: IzimvumeâÃÂà futhi lapha khetha âÃÂNamathisela izinqubomgomo ezikhona ngokuqondile ÂÃÂ. Hlola âÃÂÃÂAdministratorAccessâÃÂàngenjongo yokusebenzisa.

![ ](httpsmiro.medium.com/max/1400/1*UfuPz5oak9QbxX0VXlNV5g.png)

Chofoza izinkinobho Ezilandelayo bese ekugcineni uchofoza kokuthi âÃÂÃÂDala umsebenzisiâÃÂÃÂ.

![ ](httpsmiro.medium.com/max/1400/1*aSCgwjWRAiNQHBV_bSRlvA.png)

Esinyathelweni sokugcina, sithola i-ID yokhiye wokungena kanye nokhiye wokufinyelela oyimfihlo. Landa futhi

**zigcine ekhompyutheni yakho njengoba uzodinga lokhu kamuva

== Faka i-AWS CLI ==

I-AWS CLI iyithuluzi elinamandla elingasisiza senze inqubo yokuphakela ibe lula.

Masifake i-AWS CLI sisebenzisa i-Homebrew (ye-macOS). Faka i-Homebrew uma ungakakwenzi.

*Qaphela: Uma usebenzisa iWindows, ungathola imiyalo kumadokhumenti asemthethweni * *lapha*

Vula itheminali yakho, bese ufaka

phisa ufake awscli.

Uma ithuluzi le-CLI selifakiwe, singakwazi ukumisa i-akhawunti yethu ye-AWS nge

aws lungiselela. Lapha yilapho uzodinga ukufaka ulwazi lokhiye wokufinyelela owalanda ngaphambilini. Kufanele kube into efana nale elandelayo.

Ngesifunda, ungabheka i-URL yakho ku-AWS Console futhi izosho isifunda sakho. Isibonelo, eyami ithi âÃÂÃÂap-southeast-1âÃÂÃÂ.

![ ](httpsmiro.medium.com/max/1400/1*TbFgHQ9ey3SwBWtadBtqSQ.png)
= Ukudala Uhlelo Lokusebenza Lwe-React =

Kungenzeka usuvele unohlelo lwakho lokusebenza lwe-React olulungele ukusetshenziswa. Nokho, uma udinga isampula lokusebenza, ungasebenzisa lezi zinketho ezilandelayo:

- Khiqiza uhlelo lokusebenza lwe-boilerplate React ngokugijima

npx dala-react-app yami-app

- Landa isampula yami yohlelo lokusebenza (ngesibonelo sefomu) kusuka ku-httpsgithub.com/harishv7/react-hook-form-example. Lokhu kwenzelwa okokufundisa ukwengeza amafomu kuzinhlelo zokusebenza ze-React. Kuhlole lapha.

Uma usuqedile, qiniseka ukuthi konke okuncikile kufakwe kusetshenziswa

faka futhi unikeze uhlelo lokusebenza ukuthi lusebenze

isiqalo.

= Setha Ibhakede le-S3 =

Manje njengoba sesinesampula yethu yohlelo lokusebenza esilungile, ake silungise ibhakede le-S3 ukuze libambe uhlelo lwethu lokusebenza.

Ku-AWS Console, sesha okuthi âÃÂÃÂS3âÃÂàbese uya kokuthi Ideshibhodi ye-S3. Chofoza okuthi âÃÂÃÂDala ibhakedeâÃÂàbese unikeza ibhakede igama elinjengokuthi âÃÂÃÂmy-react -app-2021âÃÂà(noma yini enye oyifisayo).

*Qaphela: Igama lebhakede kufanele lihluke kuyo yonke i-S3. Ngakho khetha igama eliyingqayizivele elingekho, uma kungenjalo uzothola iphutha!* ![ ](httpsmiro.medium.com/max/1400/1*tLDgJ0HJNEUA9DwhD5XiUw.png)

Vula ukufinyelela komphakathi ebhakedeni njengoba sisingethe bukhoma.

![ ](httpsmiro.medium.com/max/1400/1*Mqn0JUnqAvMMmimuLj7rTg.png)

Shiya ezinye izilungiselelo njengoba zinjalo bese uchofoza okuthi âÃÂÃÂDala ibhakedeâÃÂÃÂ. Uzobona okufakiwe okufana nokulandelayo kudeshibhodi yakho ye-S3.

![ ](httpsmiro.medium.com/max/1400/1*pW6x0HIgq9WgauWy-SFIOw.png)

Masichofoze singene ebhakedeni lethu le-S3 elisanda kwakhiwa.

![ ](httpsmiro.medium.com/max/1400/1*PNhe4x_fs02RmMKIQmGbng.png)

Ake sichofoze ku-âÃÂÃPropertiesâÃÂà bese skrola kuze kufike ezansi lapho bona okuthi âÃÂÃÂUkusingathwa kwewebhusayithi okumileâÃÂÃÂ.

![ ](httpsmiro.medium.com/max/1400/1*mRdXzoHrc1LHQ8Hy-2V4UQ.png)

Chofoza okuthi âÃÂÃÂVumelaâÃÂàbese ufaka âÃÂÃÂindex.htmlâààngaphansi kwedokhumenti ye-Index.

![ ](httpsmiro.medium.com/max/1400/1*3d4nQKZrRAh5SmgbL0-yhA.png)

Shiya ezinye izinkambu zifana bese uchofoza kokuthi âÃÂÃÂLondoloza izinguqukoâÃÂÃÂ.

= Ithumela ku-S3 =

Manje, sesilungele ukuphakela uhlelo lwethu lokusebenza ku-S3. Indlela yokwenza lokho ukusebenzisa umyalo we-CLI olandelayo:

i-aws s3 sync yakha/ s3igama-ibhakede lakho>--acl public-read
Singangeza lo myalo efayeleni lethu lephakheji.json futhi njengeskripthi âÃÂÃÂdeployâÃÂÃÂ.

![ ](httpsmiro.medium.com/max/1400/1*BY8AO0YO7WqOUMPWA_XsVQ.png)

Ake sakhe uhlelo lwethu lokusebenza sisebenzisa

ukwakhiwa kwentambo esiza ekudaleni ukwakhiwa okuthuthukisiwe kokukhiqiza.

Okulandelayo, asisebenzise umyalo we-CLI onikezwe ngenhla noma uma umise umbhalo wakho wokushicilela ku-package.json, singasebenzisa

sebenzisa intambo.

![ ](httpsmiro.medium.com/max/1400/1*8ZbQ49dzPzGo_TkYh3_H1w.png)

Yilokho-ke, uhlelo lwethu lokusebenza manje selusetshenzisiwe!

Ukuthola lapho uhlelo lwethu lokusebenza lusingathwe khona (isixhumanisi sewebhusayithi), vakashela kukhonsoli ye-AWS S3 bese uchofoza ibhakede olidalile.

Iya kuthebhu ethi âÃÂÃÂPropertiesâÃÂàbese uskrolela phansi yonke indlela eya kuwebhusayithi ye-âÃÂÃÂIwebhusayithi emile Isigaba sokusingatha kanye ne-URL yethu izoba lapho.

![ ](httpsmiro.medium.com/max/1400/1*SbuQahvHex1KetHvddN2rw.png)

Chofoza kuyo futhi uhlelo lwakho lokusebenza luzovuleka kuthebhu entsha. Nakhu okwami!

![ ](httpsmiro.medium.com/max/1400/1*LcpVXd_SeBMLbJafgOAbeEA.png)

= Isiphetho =

Sithumele ngempumelelo uhlelo lwethu lokusebenza lwe-React ku-Amazon S3! Lokhu kuyisinqumo esihle sokuphakela ngokushesha futhi uhlole ama-prototypes akho e-React futhi wabelane ngawo nabanye. Kulula ngempela futhi kuyashesha ukukusebenzisa futhi.

Ngethemba ukuthi lesi sifundo sibe usizo kuwe!

Jabulela ukubhala ngekhodi! ðÃÂÃÂû

*Okunye okuqukethwe kokuthi * *plainenglish.io*