= ਐਮਾਜ਼ਾਨ S3 = 'ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪਸ ਨੂੰ ਲਾਗੂ ਕਰੋ
== S3 == ਨਾਲ ਰੀਐਕਟ ਐਪਸ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਇਸ ਬਾਰੇ 5 ਮਿੰਟ ਦੀ ਗਾਈਡ
ਇਸ ਲਈ ਤੁਸੀਂ ਆਪਣੀ React ਐਪ ਨੂੰ ਪੂਰਾ ਕਰ ਲਿਆ ਹੈ ਅਤੇ ਤੁਸੀਂ ਇਸਨੂੰ ਕਿਤੇ ਹੋਸਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ। ਕੀ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਤੁਸੀਂ ਆਪਣੀਆਂ React ਐਪਾਂ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨ ਲਈ Amazon AWS S3 ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ? ਇਹ ਮੁਕਾਬਲਤਨ ਆਸਾਨ, ਘੱਟ ਲਾਗਤ ਵਾਲਾ ਅਤੇ ਤੈਨਾਤ ਕਰਨ ਲਈ ਤੇਜ਼ ਹੈ।
= ਆਓ ਸ਼ੁਰੂ ਕਰੀਏ! =
== ਲੋੜਾਂ ==
ਹੋਸਟਿੰਗ ਵਿੱਚ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ, ਆਓ ਪ੍ਰਸ਼ਾਸਕੀ ਸੈੱਟਅੱਪ ਨੂੰ ਪੂਰਾ ਕਰੀਏ। ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਹੇਠਾਂ ਦਿੱਤੇ ਕੰਮ ਪੂਰੇ ਹਨ:
**ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ AWS ਖਾਤਾ ਹੈ ਇੱਥੇ ਇੱਕ AWS ਖਾਤੇ ਲਈ ਸਾਈਨ ਅੱਪ ਕਰੋ: httpsaws.amazon.com/resources/create-account/ ** AWS ਉਪਭੋਗਤਾ ਬਣਾਓ AWS ਕੰਸੋਲ ਵਿੱਚ, IAM ਟੈਬ 'ਤੇ ਜਾਓ, ਅਤੇ Ã 'ਤੇ ਜਾਓ ਸਾਈਡਬਾਰ 'ਤੇ ਵਰਤੋਂਕਾਰ ਸੈਕਸ਼ਨ।
âÃÂÃÂAdd UserâÃÂà'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ 'ਪ੍ਰੋਗਰਾਮੈਟਿਕ ਪਹੁੰਚ'ਦੀ ਜਾਂਚ ਕਰੋ। ÃÂ।
âÃÂÃÂਅਗਲਾ: ਇਜਾਜ਼ਤਾਂ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਇੱਥੇ ਮੌਜੂਦਾ ਨੀਤੀਆਂ ਨੂੰ ਸਿੱਧਾ ਨੱਥੀ ਕਰੋ ਚੁਣੋ। ÂÃÂ। ਤੈਨਾਤੀ ਦੇ ਉਦੇਸ਼ ਲਈ ਪ੍ਰਸ਼ਾਸਕ ਪਹੁੰਚ ਦੀ ਜਾਂਚ ਕਰੋ।
ਅਗਲੇ ਬਟਨਾਂ ਰਾਹੀਂ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਅੰਤ ਵਿੱਚ âÃÂÃÂCreate userâÃÂà'ਤੇ ਕਲਿੱਕ ਕਰੋ।
ਅੰਤਮ ਪੜਾਅ ਵਿੱਚ, ਸਾਨੂੰ ਇੱਕ ਪਹੁੰਚ ਕੁੰਜੀ ID ਅਤੇ ਗੁਪਤ ਪਹੁੰਚ ਕੁੰਜੀ ਪ੍ਰਾਪਤ ਹੁੰਦੀ ਹੈ। ਡਾਊਨਲੋਡ ਕਰੋ ਅਤੇ
** ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕਰੋ ਕਿਉਂਕਿ ਤੁਹਾਨੂੰ ਬਾਅਦ ਵਿੱਚ ਇਸਦੀ ਲੋੜ ਪਵੇਗੀ
== AWS CLI == ਇੰਸਟਾਲ ਕਰੋ
AWS CLI ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਟੂਲ ਹੈ ਜੋ ਤੈਨਾਤੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸਰਲ ਬਣਾਉਣ ਵਿੱਚ ਸਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ।
ਆਓ Homebrew (macOS ਲਈ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ AWS CLI ਨੂੰ ਸਥਾਪਿਤ ਕਰੀਏ। ਹੋਮਬਰੂ ਇੰਸਟਾਲ ਕਰੋ ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਹੀ ਨਹੀਂ ਹੈ।
*ਨੋਟ: ਜੇਕਰ ਤੁਸੀਂ ਵਿੰਡੋਜ਼ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਅਧਿਕਾਰਤ ਡੌਕਸ * *ਇੱਥੇ* 'ਤੇ ਨਿਰਦੇਸ਼ ਲੱਭ ਸਕਦੇ ਹੋ।
ਆਪਣਾ ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ, ਅਤੇ ਦਾਖਲ ਹੋਵੋ
brew install awscli.
ਇੱਕ ਵਾਰ CLI ਟੂਲ ਸਥਾਪਿਤ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਅਸੀਂ ਆਪਣੇ AWS ਖਾਤੇ ਨੂੰ ਇਸ ਨਾਲ ਕੌਂਫਿਗਰ ਕਰ ਸਕਦੇ ਹਾਂ
aws ਸੰਰਚਨਾ. ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਡਾਊਨਲੋਡ ਕੀਤੀ ਪਹੁੰਚ ਕੁੰਜੀ ਜਾਣਕਾਰੀ ਦਾਖਲ ਕਰਨ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਇਹ ਹੇਠ ਲਿਖੇ ਵਰਗਾ ਕੁਝ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.
ਖੇਤਰ ਲਈ, ਤੁਸੀਂ AWS ਕੰਸੋਲ 'ਤੇ ਆਪਣੇ URL ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਖੇਤਰ ਦਾ ਜ਼ਿਕਰ ਕਰੇਗਾ। ਉਦਾਹਰਨ ਲਈ, ਮੇਰਾ âÃÂÃÂap-ਦੱਖਣੀ-ਪੂਰਬ-1âÃÂàਹੈ।
= ਇੱਕ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪ ਬਣਾਉਣਾ =
ਹੋ ਸਕਦਾ ਹੈ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਤੋਂ ਹੀ ਤੁਹਾਡੀ React ਐਪ ਤੈਨਾਤ ਕਰਨ ਲਈ ਤਿਆਰ ਹੋਵੇ। ਹਾਲਾਂਕਿ, ਜੇਕਰ ਤੁਹਾਨੂੰ ਇੱਕ ਨਮੂਨਾ ਐਪ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਕਲਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ:
- ਚਲਾ ਕੇ ਇੱਕ ਬੋਇਲਰਪਲੇਟ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪ ਤਿਆਰ ਕਰੋ
npx create-react-app my-app
- httpsgithub.com/harishv7/react-hook-form-example ਤੋਂ ਮੇਰੀ ਨਮੂਨਾ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪ (ਇੱਕ ਫਾਰਮ ਉਦਾਹਰਨ ਦੇ ਨਾਲ) ਡਾਊਨਲੋਡ ਕਰੋ। ਇਹ React ਐਪਸ ਵਿੱਚ ਫਾਰਮ ਜੋੜਨ ਲਈ ਇੱਕ ਟਿਊਟੋਰਿਅਲ ਲਈ ਕੀਤਾ ਗਿਆ ਸੀ। ਇਸ ਨੂੰ ਇੱਥੇ ਚੈੱਕ ਕਰੋ.
ਇੱਕ ਵਾਰ ਹੋ ਜਾਣ 'ਤੇ, ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਨਿਰਭਰਤਾਵਾਂ ਸਭ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਥਾਪਿਤ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ
ਧਾਗੇ ਨੂੰ ਸਥਾਪਿਤ ਕਰੋ ਅਤੇ ਐਪ ਨੂੰ ਵਰਤ ਕੇ ਇੱਕ ਰਨ ਦਿਓ
ਧਾਗਾ ਸ਼ੁਰੂ.
= ਇੱਕ S3 ਬਾਲਟੀ = ਸੈੱਟਅੱਪ ਕਰੋ
ਹੁਣ ਜਦੋਂ ਸਾਡੇ ਕੋਲ ਸਾਡੀ ਨਮੂਨਾ ਐਪ ਤਿਆਰ ਹੈ, ਆਓ ਸਾਡੀ ਐਪ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨ ਲਈ ਇੱਕ S3 ਬਾਲਟੀ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰੀਏ।
AWS ਕੰਸੋਲ 'ਤੇ, âÃÂÃÂS3âÃÂàਖੋਜੋ ਅਤੇ S3 ਡੈਸ਼ਬੋਰਡ 'ਤੇ ਜਾਓ। âÃÂÃÂCreate bucketâÃÂà'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਬਾਲਟੀ ਨੂੰ ਇੱਕ ਨਾਮ ਦਿਓ ਜਿਵੇਂ ਕਿ âÃÂÃÂmy-react -app-2021âÃÂà(ਜਾਂ ਕੋਈ ਹੋਰ ਚੀਜ਼ ਜੋ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ)।
*ਨੋਟ: ਬਾਲਟੀ ਦਾ ਨਾਮ ਪੂਰੇ S3 ਵਿੱਚ ਵਿਲੱਖਣ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ। ਇਸ ਲਈ ਇੱਕ ਵਿਲੱਖਣ ਨਾਮ ਚੁਣੋ ਜੋ ਮੌਜੂਦ ਨਹੀਂ ਹੈ, ਨਹੀਂ ਤਾਂ ਤੁਹਾਨੂੰ ਇੱਕ ਗਲਤੀ ਮਿਲੇਗੀ!* 
ਬਾਲਟੀ ਤੱਕ ਜਨਤਕ ਪਹੁੰਚ ਨੂੰ ਚਾਲੂ ਕਰੋ ਕਿਉਂਕਿ ਅਸੀਂ ਇਸਨੂੰ ਲਾਈਵ ਹੋਸਟ ਕਰ ਰਹੇ ਹਾਂ।
ਬਾਕੀ ਸੈਟਿੰਗਾਂ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਛੱਡੋ ਕਿ ਉਹ ਕੀ ਹਨ ਅਤੇ 'ਬਕੇਟ ਬਣਾਓ''ਤੇ ਕਲਿੱਕ ਕਰੋ। ਤੁਸੀਂ ਆਪਣੇ S3 ਡੈਸ਼ਬੋਰਡ 'ਤੇ ਹੇਠਾਂ ਦਿੱਤੇ ਵਰਗੀ ਐਂਟਰੀ ਦੇਖੋਗੇ।
ਆਓ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਸਾਡੀ ਨਵੀਂ ਬਣਾਈ S3 ਬਾਲਟੀ ਵਿੱਚ ਜਾਓ।
ਆਓ âÃÂÃÂPropertiesâÃÂà'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਹੇਠਾਂ ਤੱਕ ਸਕ੍ਰੋਲ ਕਰੋ ਜਿੱਥੇ ਤੁਸੀਂ ਕਰੋਗੇ ਸਥਿਰ ਵੈਬਸਾਈਟ ਹੋਸਟਿੰਗ ਵੇਖੋ।
âÃÂÃÂEnableâÃÂà'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ âÃÂÃÂindex.htmlâà ਦਾਖਲ ਕਰੋ। àਸੂਚਕਾਂਕ ਦਸਤਾਵੇਜ਼ ਦੇ ਅਧੀਨ।
ਹੋਰ ਖੇਤਰਾਂ ਨੂੰ ਉਸੇ ਤਰ੍ਹਾਂ ਹੀ ਛੱਡੋ ਅਤੇ 'ਸੇਵ ਬਦਲਾਅ''ਤੇ ਕਲਿੱਕ ਕਰੋ।
= S3 ਨੂੰ ਤੈਨਾਤ ਕਰਨਾ =
ਹੁਣ, ਅਸੀਂ ਆਪਣੀ ਐਪ ਨੂੰ S3 'ਤੇ ਤੈਨਾਤ ਕਰਨ ਲਈ ਤਿਆਰ ਹਾਂ। ਅਜਿਹਾ ਕਰਨ ਦਾ ਤਰੀਕਾ ਹੇਠ ਦਿੱਤੀ CLI ਕਮਾਂਡ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ:
aws s3 ਸਿੰਕ ਬਿਲਡ/ s3your-bucket-name>--acl ਪਬਲਿਕ-ਰੀਡ
ਅਸੀਂ ਇਸ ਕਮਾਂਡ ਨੂੰ ਸਾਡੀ package.json ਫਾਈਲ ਵਿੱਚ ਇੱਕ âÃÂÃÂdeployâÃÂàਸਕ੍ਰਿਪਟ ਵਜੋਂ ਵੀ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹਾਂ।
ਆਓ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਾਡੀ ਐਪ ਦਾ ਨਿਰਮਾਣ ਕਰੀਏ
ਧਾਗਾ ਬਿਲਡ ਜੋ ਇੱਕ ਅਨੁਕੂਲ ਉਤਪਾਦਨ ਬਿਲਡ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
ਅੱਗੇ, ਆਓ ਉੱਪਰ ਦਿੱਤੀ ਗਈ CLI ਕਮਾਂਡ ਨੂੰ ਚਲਾਉਂਦੇ ਹਾਂ ਜਾਂ ਜੇਕਰ ਤੁਸੀਂ package.json ਵਿੱਚ ਆਪਣੀ ਪਬਲਿਸ਼ ਸਕ੍ਰਿਪਟ ਸੈਟਅੱਪ ਕੀਤੀ ਹੈ, ਤਾਂ ਅਸੀਂ ਵਰਤ ਸਕਦੇ ਹਾਂ
ਧਾਗੇ ਦੀ ਤੈਨਾਤੀ।
ਇਹੀ ਹੈ, ਸਾਡੀ ਐਪ ਹੁਣ ਤੈਨਾਤ ਹੈ!
ਇਹ ਪਤਾ ਕਰਨ ਲਈ ਕਿ ਸਾਡੀ ਐਪ ਕਿੱਥੇ ਹੋਸਟ ਕੀਤੀ ਗਈ ਹੈ (ਵੈਬਸਾਈਟ ਲਿੰਕ), AWS S3 ਕੰਸੋਲ 'ਤੇ ਜਾਓ ਅਤੇ ਤੁਹਾਡੇ ਦੁਆਰਾ ਬਣਾਈ ਗਈ ਬਾਲਟੀ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
âÃÂÃÂPropertiesâÃÂàਟੈਬ 'ਤੇ ਜਾਓ ਅਤੇ ਸਥਿਰ ਵੈੱਬਸਾਈਟ 'ਤੇ ਹੇਠਾਂ ਵੱਲ ਸਕ੍ਰੋਲ ਕਰੋ। hostingâÃÂàਭਾਗ ਅਤੇ ਸਾਡਾ URL ਉਥੇ ਹੋਵੇਗਾ।
ਇਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਤੁਹਾਡੀ ਐਪ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੁੱਲ੍ਹ ਜਾਵੇਗੀ। ਇਹ ਮੇਰਾ ਹੈ!
= ਸਿੱਟਾ =
ਅਸੀਂ ਐਮਾਜ਼ਾਨ S3 'ਤੇ ਸਾਡੀ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪ ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਤੈਨਾਤ ਕਰ ਦਿੱਤਾ ਹੈ! ਇਹ ਤੁਹਾਡੇ React ਪ੍ਰੋਟੋਟਾਈਪਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਤੈਨਾਤ ਕਰਨ ਅਤੇ ਟੈਸਟ ਕਰਨ ਅਤੇ ਇਸਨੂੰ ਦੂਜਿਆਂ ਨਾਲ ਸਾਂਝਾ ਕਰਨ ਲਈ ਇੱਕ ਵਧੀਆ ਵਿਕਲਪ ਹੈ। ਇਹ ਤੈਨਾਤ ਕਰਨ ਲਈ ਅਸਲ ਵਿੱਚ ਆਸਾਨ ਅਤੇ ਤੇਜ਼ ਹੈ।
ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਟਿਊਟੋਰਿਅਲ ਤੁਹਾਡੇ ਲਈ ਲਾਭਦਾਇਕ ਸੀ!
ਹੈਪੀ ਕੋਡਿੰਗ! ðÃÂÃÂû
* * *plainenglish.io* 'ਤੇ ਹੋਰ ਸਮੱਗਰੀ
