= ਇੱਕ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ AWS ਐਂਪਲੀਫਾਈ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ =

== AWS ਐਂਪਲੀਫਾਈ == ਨਾਲ ਰੀਐਕਟ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਤੈਨਾਤ ਕਰਨ ਲਈ ਇੱਕ ਗਾਈਡ

![ ](httpsmiro.medium.com/max/1400/1*pKiBeVwoxaHc_QlhIpVgSA.gif)

ਜਦੋਂ ਤੋਂ ਮੈਂ ਇੱਕ ਸਾਫਟਵੇਅਰ ਇੰਜੀਨੀਅਰ ਵਜੋਂ ਸਲਾਹ ਮਸ਼ਵਰਾ ਕਰਨਾ ਸ਼ੁਰੂ ਕੀਤਾ, ਮੈਂ ਇੱਕ ਪੋਰਟਫੋਲੀਓ ਵੈਬਸਾਈਟ ਨੂੰ ਇਕੱਠਾ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ ਜੋ

ਨਿੱਜੀ ਅਤੇ ਪੇਸ਼ੇਵਰ ਪ੍ਰੋਜੈਕਟਾਂ 'ਤੇ ਮੈਂ ਕੰਮ ਕੀਤਾ ਹੈ। ਇਸ ਸਰਦੀਆਂ ਦੀ ਛੁੱਟੀ, ਮੈਂ ਆਪਣੀ ਪੋਰਟਫੋਲੀਓ ਸਾਈਟ ਨੂੰ ਡਿਜ਼ਾਈਨ ਕਰਨ, ਵਿਕਸਤ ਕਰਨ ਅਤੇ ਤੈਨਾਤ ਕਰਨ ਵਿੱਚ ਸਮਾਂ ਬਿਤਾਇਆ, ਅਤੇ ਇਸ ਲੇਖ ਵਿੱਚ, ਮੈਂ ਤੁਹਾਨੂੰ ਇਸ ਬਾਰੇ ਦੱਸਾਂਗਾ ਕਿ ਮੈਂ ਇਸਨੂੰ AWS ਐਂਪਲੀਫਾਈ ਨਾਲ ਕਿਵੇਂ ਤੈਨਾਤ ਕੀਤਾ। ਤੁਸੀਂ dan-murphy.com 'ਤੇ ਵੈੱਬਸਾਈਟ ਅਤੇ GitHub 'ਤੇ ਕੋਡ ਦੇਖ ਸਕਦੇ ਹੋ।

= ਇੱਕ ਸੰਖੇਪ ਪਿਛੋਕੜ =

ਮੇਰੇ ਜ਼ਿਆਦਾਤਰ ਪੇਸ਼ੇਵਰ ਕੰਮ ਵਿੱਚ ਡਾਟਾ-ਸੰਚਾਲਿਤ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ ਅਤੇ ਡਾਟਾ ਪਾਈਪਲਾਈਨਾਂ ਨੂੰ ਸੁਚਾਰੂ ਬਣਾਉਣਾ ਸ਼ਾਮਲ ਹੈ। ਇਹਨਾਂ ਕੰਮਾਂ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ, ਮੈਂ ਨਿਯਮਿਤ ਤੌਰ 'ਤੇ ਪਾਈਥਨ ਅਤੇ ਰੂਬੀ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ ਅਤੇ ਕਿਸੇ ਵੀ ਫਰੰਟਐਂਡ ਕੰਮ ਲਈ JavaScript ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹਾਂ। ਪ੍ਰਤੀਕਰਮ ਨਾਲ ਵਧੇਰੇ ਆਰਾਮਦਾਇਕ ਬਣਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਵਿੱਚ, ਮੈਂ ਆਪਣੀ ਪੋਰਟਫੋਲੀਓ ਵੈਬਸਾਈਟ ਬਣਾਉਣ ਲਈ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਫੈਸਲਾ ਕੀਤਾ।

= ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਸਥਾਪਨਾ =

ਪਹਿਲਾ ਕਦਮ ਜੋ ਮੈਂ ਚੁੱਕਿਆ ਉਹ ਇਹ ਫੈਸਲਾ ਕਰ ਰਿਹਾ ਸੀ ਕਿ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਕਿਵੇਂ ਢਾਂਚਾ ਬਣਾਇਆ ਜਾਵੇ। ਮੈਂ ਵਰਤਿਆ

create-react-app ਨੂੰ ਮੇਰੀਆਂ ਡਾਇਰੈਕਟਰੀਆਂ ਲਈ ਇੱਕ ਬੇਸ ਟੈਂਪਲੇਟ ਦੇ ਰੂਪ ਵਿੱਚ, ਅਤੇ ਫਿਰ ਕੁਝ ਵਾਧੂ ਫੋਲਡਰਾਂ ਦੇ ਨਾਲ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਮੁੜ-ਗਠਿਤ ਕੀਤਾ। ਅੰਤਿਮ ਸੈਟਅਪ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ:

src

 ਭਾਗ

ਆਰਕਾਈਵਜ਼

ਵਾਧੂ

ਡਾਟਾ

âÃÂÃÂimgs

 ਪੰਨੇ

ਸਮੱਗਰੀ

ਡਾਟਾ

 ਸ਼ੈਲੀਆਂ

 ਟੈਸਟ

 ਫਿਕਸਚਰ

ਕੁਝ ਮਹੱਤਵਪੂਰਨ ਤਬਦੀਲੀਆਂ ਹਨ

** ਹਿੱਸੇ**

, ਅਤੇ

**ਪੰਨੇ**

ਡਾਇਰੈਕਟਰੀਆਂ।

**ਸ਼ੈਲੀ**

,

: ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਮੈਂ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਸਾਰੇ ਭਾਗਾਂ ਨੂੰ ਸਟੋਰ ਕਰਦਾ ਹਾਂ। ਇੱਕ ਕੇਂਦਰੀ ਫੋਲਡਰ ਵਿੱਚ ਭਾਗਾਂ ਨੂੰ ਸਟੋਰ ਕਰਨ ਨਾਲ, ਮੇਰੇ ਕੋਡ ਨੂੰ ਦੁਬਾਰਾ ਵਰਤਣਾ ਅਤੇ ਰੀਫੈਕਟਰ ਕਰਨਾ ਆਸਾਨ ਹੈ ਅਤੇ ਦੂਜਿਆਂ ਨੂੰ ਸਮਝਣ ਲਈ ਵਧੇਰੇ ਅਨੁਭਵੀ ਹੈ। ਕੁਝ ਭਾਗ ਜੋ ਮੇਰੀ ਪੋਰਟਫੋਲੀਓ ਵੈਬਸਾਈਟ ਬਣਾਉਂਦੇ ਹਨ

ਭਾਗ

ਸਿਰਲੇਖ,

ਫੁੱਟਰ, ਅਤੇ

ਪ੍ਰੋਜੈਕਟਸਾਈਡਬਾਰ।

: ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਮੈਂ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਵੱਖਰੇ ਪੰਨੇ ਬਣਾਉਂਦਾ ਹਾਂ। ਮੈਂ ਤੋਂ ਲੋੜੀਂਦੇ ਹਿੱਸੇ ਆਯਾਤ ਕਰਦਾ ਹਾਂ

ਪੰਨੇ

ਫੋਲਡਰ ਅਤੇ ਫਿਰ ਪੇਜ ਨੂੰ ਡਿਜ਼ਾਈਨ ਕਰਨ ਲਈ ਉਹਨਾਂ ਨੂੰ ਇਕੱਠਾ ਕਰੋ। ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਮੈਂ ਇਸ ਲਈ ਇਹ ਕਿਵੇਂ ਕੀਤਾ

ਭਾਗ ਮੁੱਖ ਪੰਨਾ:

: ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਮੈਂ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਗਲੋਬਲ CSS ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹਾਂ। ਮੈਨੂੰ ਵਰਤਣਾ ਪਸੰਦ ਹੈ

ਸ਼ੈਲੀਆਂ

ਵਿਅਕਤੀਗਤ ਭਾਗਾਂ ਲਈ ਸਟਾਈਲਡ-ਕੰਪੋਨੈਂਟਸ, ਪਰ ਮੈਨੂੰ ਇਹ ਵੀ ਗਲੋਬਲ ਸਟਾਈਲ ਬਣਾਉਣ ਲਈ ਲਾਭਦਾਇਕ ਪਾਇਆ ਹੈ ਜੋ ਹਰੇਕ ਪੰਨੇ ਲਈ ਉਪਲਬਧ ਹਨ।

ਅੰਤ ਵਿੱਚ, ਸਹੀ ਪੰਨਿਆਂ ਲਈ ਬੇਨਤੀਆਂ ਨੂੰ ਮੈਪ ਕਰਨ ਲਈ, ਅਸੀਂ ਵਰਤਦੇ ਹਾਂ

react-router-dom. ਰੂਟਾਂ ਨੂੰ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ

App.js ਫਾਈਲ ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਇਹ ਨਕਸ਼ਾ ਕਰੇਗਾ

ਹੋਮਪੇਜ,

/ਪ੍ਰੋਜੈਕਟਾਂ ਨੂੰ ਬੇਨਤੀ ਕਰਦਾ ਹੈ

ਪ੍ਰੋਜੈਕਟਸਪੇਜ,
/ ਨੂੰ ਬੇਨਤੀਆਂ ਬਾਰੇ

AboutPage, ਅਤੇ

/ਬੁੱਕਸ਼ੈਲਫ ਨੂੰ ਬੇਨਤੀ ਕਰਦਾ ਹੈ

ਬੁੱਕਪੇਜ। ਹੁਣ ਜਦੋਂ ਐਪਲੀਕੇਸ਼ਨ ਦਾ ਵਿਕਾਸ ਪੂਰਾ ਹੋ ਗਿਆ ਹੈ, ਸਾਨੂੰ ਇਸ ਨੂੰ ਤੈਨਾਤ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਤਾਂ ਜੋ ਦੂਸਰੇ ਇਸਦੀ ਵਰਤੋਂ ਕਰ ਸਕਣ!

/ਨੂੰ ਬੇਨਤੀ ਕਰਦਾ ਹੈ

= AWS ਐਂਪਲੀਫਾਈ = ਨਾਲ ਤੈਨਾਤ ਕਰਨਾ

== ਸੰਖੇਪ ਜਾਣਕਾਰੀ ==

ਰੀਐਕਟ ਵੈੱਬਸਾਈਟ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੇ ਕਈ ਤਰੀਕੇ ਹਨ, ਪਰ ਮੈਂ ਪਾਇਆ ਹੈ ਕਿ ਸਭ ਤੋਂ ਸਰਲ ਢੰਗਾਂ ਵਿੱਚੋਂ ਇੱਕ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ

**AWS Amplify Amplify ਨੂੰ ਮੋਬਾਈਲ ਅਤੇ ਵੈੱਬ ਐਪਸ ਬਣਾਉਣ ਦਾ ਸਭ ਤੋਂ ਤੇਜ਼ ਅਤੇ ਆਸਾਨ ਤਰੀਕਾ ਦੱਸਿਆ ਗਿਆ ਹੈ ਜੋ ਸਕੇਲ ਕਰਦੇ ਹਨ। ਇਸ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ, AWS ਇੱਕ ਸਰਵਰ ਨੂੰ ਸਥਾਪਤ ਕਰਨ, ਨਿਰਭਰਤਾਵਾਂ ਨੂੰ ਸਥਾਪਤ ਕਰਨ, ਅਤੇ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦਾ ਇੱਕ ਉਤਪਾਦਨ ਬਿਲਡ ਬਣਾਉਣ ਦੀਆਂ ਸਾਰੀਆਂ ਪੇਚੀਦਗੀਆਂ ਨੂੰ ਐਕਸਟਰਾਪੋਲੇਟ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਇੱਕ ਅਨੁਭਵੀ UX ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰ ਸਕਦੇ ਹੋ। ਇਸ ਬਾਰੇ ਹੋਰ ਜਾਣਨ ਲਈ ਕਿ AWS Amplify ਡੇਟਾ-ਸੰਚਾਲਿਤ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਕੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ (ਖਾਸ ਤੌਰ 'ਤੇ, **ਫਰੰਟਐਂਡ** ਅਤੇ **ਬੈਕਐਂਡ ਵਾਲੀਆਂ ਵੈਬਸਾਈਟਾਂ ਉਹਨਾਂ ਦੇ ਦਸਤਾਵੇਜ਼ਾਂ ਦੀ ਜਾਂਚ ਕਰੋ।

== ਤੁਹਾਡੀ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਜੋੜਨਾ ==

AWS Amplify 'ਤੇ ਆਪਣੀ ਵੈਬ ਐਪ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਤੁਹਾਡੇ ਸਰੋਤ ਕੋਡ ਵਾਲੀ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਕਨੈਕਟ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। ਅਜਿਹਾ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਨੈਵੀਗੇਟ ਕਰ ਸਕਦੇ ਹੋ

*AWS ਐਂਪਲੀਫਾਈ* *ਸ਼ੁਰੂ ਕਰਨਾ* **ਮੇਰੀ ਵੈੱਬ ਐਪ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰੋ ਅਤੇ **ਐਪ ਰੈਪੋ *ਪੇਜ ਨੂੰ ਕਨੈਕਟ ਕਰੋ, *ਪੰਨੇ ਤੱਕ ਸਕ੍ਰੋਲ ਕਰੋ, ਤੱਕ ਸਕ੍ਰੋਲ ਕਰੋ![ ](httpsmiro.medium.com/max/1400/1*2OLIf9dDvf2ZDqjhXUXuGw.png )

ਫਿਰ, ਤੁਹਾਨੂੰ ਇੱਕ ਵੱਖਰੇ ਪੰਨੇ 'ਤੇ ਰੀਡਾਇਰੈਕਟ ਕੀਤਾ ਜਾਵੇਗਾ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੇ ਸਰੋਤ ਕੋਡ ਵਾਲੀ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਕਨੈਕਟ ਕਰ ਸਕਦੇ ਹੋ। ਇਸ ਉਦਾਹਰਨ ਲਈ, ਮੈਂ GitHub ਦੀ ਚੋਣ ਕਰਾਂਗਾ, ਪਰ AWS Amplify BitBucket, GitLab, AWS CodeCommit, ਅਤੇ ਇੱਕ Git ਪ੍ਰਦਾਤਾ ਦੇ ਬਿਨਾਂ ਤੈਨਾਤ ਕਰਨ ਦਾ ਵੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।

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

ਸਫਲ ਪ੍ਰਮਾਣੀਕਰਨ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਚੁਣ ਸਕਦੇ ਹੋ ਕਿ ਤੁਸੀਂ ਕਿਹੜੀ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਤੈਨਾਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਬ੍ਰਾਂਚ ਨੂੰ ਚੁਣ ਸਕਦੇ ਹੋ AWS Amplify ਨੂੰ ਉਤਪਾਦਨ ਬਿਲਡਾਂ ਲਈ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ।

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

ਉਸ ਤੋਂ ਬਾਅਦ, ਕਲਿੱਕ ਕਰੋ

**ਅਗਲਾ** ਅਤੇ AWS ਤੁਹਾਨੂੰ ਤੁਹਾਡੀਆਂ *ਬਿਲਡ* ਅਤੇ *ਟੈਸਟ* ਸੈਟਿੰਗਾਂ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰਨ ਲਈ ਕਹੇਗਾ। ਬੇਸ ਟੈਂਪਲੇਟ ਜੋ AWS ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਹੇਠਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ।

ਸੰਸਕਰਣ: 1

ਅਗਰਾਂਤ:

ਪੜਾਅ:

ਪ੍ਰੀਬਿਲਡ:

ਹੁਕਮ:

- npm ਇੰਸਟਾਲ ਬਿਲਡ:

ਹੁਕਮ:

- npm ਰਨ ਬਿਲਡ

ਕਲਾਤਮਕ ਚੀਜ਼ਾਂ:

ਬੇਸ ਡਾਇਰੈਕਟਰੀ: ਬਿਲਡ

ਫਾਈਲਾਂ:

-

ਕੈਸ਼:

ਮਾਰਗ:

- node_modules

ਇਸ ਤੋਂ ਇਲਾਵਾ, ਅਧੀਨ

**ਐਡਵਾਂਸਡ ਸੈਟਿੰਗਾਂ** ਟੌਗਲ, ਤੁਸੀਂ ਵਾਤਾਵਰਣ ਵੇਰੀਏਬਲ ਅਤੇ ਇੱਕ ਕਸਟਮ ਬਿਲਡ ਕੰਟੇਨਰ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ।

ਅੰਤ ਵਿੱਚ, ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਸੈਟਿੰਗਾਂ ਦੀ ਸਮੀਖਿਆ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਕਲਿੱਕ ਕਰੋ


**ਸੇਵ ਅਤੇ ਡਿਪਲੋਏ **ਅਤੇ **AWS ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰਨਾ ਅਤੇ ਤੈਨਾਤ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰ ਦੇਵੇਗਾ। ਜਦੋਂ AWS ਦੀ ਤੈਨਾਤੀ ਪੂਰੀ ਹੋ ਜਾਂਦੀ ਹੈ, ਤੁਸੀਂ ਐਂਪਲੀਫਾਈ ਹੋਮ ਪੇਜ 'ਤੇ ਨੈਵੀਗੇਟ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਤੁਹਾਡੀ ਨਵੀਂ-ਤੈਨਾਤ ਕੀਤੀ ਐਪਲੀਕੇਸ਼ਨAWS ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰਨਾ ਅਤੇ ਤੈਨਾਤ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੇਗੀ। ਜਦੋਂ AWS ਦੀ ਤੈਨਾਤੀ ਪੂਰੀ ਹੋ ਜਾਂਦੀ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਐਂਪਲੀਫਾਈ ਹੋਮ ਪੇਜ 'ਤੇ ਨੈਵੀਗੇਟ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਆਪਣੀ ਨਵੀਂ-ਤੈਨਾਤ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹੋ।

ਹੁਣ, ਆਓ ਇਸਦੀ ਵਰਤੋਂ ਕਰਕੇ URL ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੀਏ

**AWS ਐਂਪਲੀਫਾਈ ਡੋਮੇਨ ਪ੍ਰਬੰਧਨ

== ਇੱਕ ਕਸਟਮ ਡੋਮੇਨ ਜੋੜਨਾ ==

ਇੱਕ ਕਸਟਮ ਡੋਮੇਨ ਜੋੜਨਾ ਸ਼ੁਰੂ ਕਰਨ ਲਈ, ਖੱਬੇ ਸਾਈਡਬਾਰ 'ਤੇ ਨੈਵੀਗੇਟ ਕਰੋ ਅਤੇ ਚੁਣੋ

**ਡੋਮੇਨ ਪ੍ਰਬੰਧਨ![ ](httpsmiro.medium.com/max/1400/1*fo8ZsKK7c3QvAwpjzMXcWg.png)

**ਡੋਮੇਨ ਪ੍ਰਬੰਧਨ** ਸੈਟਿੰਗ।

ਫਿਰ, ਚੁਣੋ

**ਡੋਮੇਨ ਸ਼ਾਮਲ ਕਰੋ **ਡੋਮੇਨ ਕੌਂਫਿਗਰ ਕਰੋ **ਆਪਣਾ ਡੋਮੇਨ ਨਾਮ ਦਰਜ ਕਰੋ (ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ), ਅਤੇ ਕਲਿੱਕ ਕਰੋ** ਆਪਣਾ ਡੋਮੇਨ ਨਾਮ ਦਰਜ ਕਰੋ (ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ), ਅਤੇ ਕਲਿੱਕ ਕਰੋ![ ](httpsmiro.medium.com/max/1400/ 1*e57WryLPTPC7Ro-_d5XAgQ.png)

ਇਸ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਕੋਈ ਵੀ ਰੀਡਾਇਰੈਕਟਸ ਸੈਟ ਅਪ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਤੁਹਾਡੇ ਡੋਮੇਨ ਲਈ ਜ਼ਰੂਰੀ ਹਨ। ਉਦਾਹਰਨ ਲਈ, ਹੇਠਾਂ ਦਿੱਤੀ ਉਦਾਹਰਨ ਵਿੱਚ, ਮੈਂ httpsdan-murphy.com ਤੋਂ httpswww.dan-murphy.com ਤੱਕ ਇੱਕ ਰੀਡਾਇਰੈਕਟ ਬਣਾਉਂਦਾ ਹਾਂ।

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

ਅੰਤ ਵਿੱਚ, ਤੁਹਾਡੇ ਕਸਟਮ ਡੋਮੇਨ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕੌਂਫਿਗਰ ਕੀਤੇ ਜਾਣ ਤੋਂ ਬਾਅਦ, AWS ਤੁਹਾਨੂੰ ਏ

** ਪ੍ਰਮਾਣਿਕਤਾ ਸਰਟੀਫਿਕੇਟ ਤੁਸੀਂ ਇਸ ਸਰਟੀਫਿਕੇਟ ਨੂੰ AWS ਸਰਟੀਫਿਕੇਟ ਮੈਨੇਜਰ ਕੰਸੋਲ ਵਿੱਚ ਵੀ ਦੇਖ ਸਕਦੇ ਹੋ।

== ਇੱਕ CNAME ਰਿਕਾਰਡ ਜੋੜਨਾ ==

ਤੁਹਾਡੇ ਕਸਟਮ ਡੋਮੇਨ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰਨ ਦਾ ਆਖਰੀ ਪੜਾਅ ਇੱਕ CNAME ਰਿਕਾਰਡ ਜੋੜ ਰਿਹਾ ਹੈ। ਨਿਮਨਲਿਖਤ ਉਦਾਹਰਨ ਵਿੱਚ ਮੈਂ Google ਡੋਮੇਨ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ, ਪਰ ਵੱਖ-ਵੱਖ ਡੋਮੇਨ ਰਜਿਸਟਰਾਰਾਂ ਵਿੱਚ ਬੁਨਿਆਦੀ ਧਾਰਨਾਵਾਂ ਇੱਕੋ ਜਿਹੀਆਂ ਰਹਿੰਦੀਆਂ ਹਨ।

ਪਹਿਲਾਂ, ਹੇਠਾਂ ਤੱਕ ਸਕ੍ਰੋਲ ਕਰੋ

**Google ਡੋਮੇਨ ਵਿੱਚ ਕਸਟਮ ਸਰੋਤ ਰਿਕਾਰਡ**। ਇੱਕ *CNAME* ਰਿਕਾਰਡ ਬਣਾਓ ਜੋ ਸਾਰੇ ਸਬਡੋਮੇਨਾਂ ਨੂੰ AWS ਐਂਪਲੀਫਾਈ ਡੋਮੇਨ ਵੱਲ ਪੁਆਇੰਟ ਕਰਦਾ ਹੈ: ਨਾਮ: ਸਬਡੋਮੇਨ ਨਾਮ ਦਾਖਲ ਕਰੋ। ਜੇਕਰ ਸਬਡੋਮੇਨ www.domain.com ਹੈ, ਤਾਂ ਦਾਖਲ ਕਰੋ। ਜੇਕਰ ਇਹ www app.domain.com ਹੈ, ਤਾਂ ਐਪ ਦਾਖਲ ਕਰੋ। ਡੇਟਾ: ਡੋਮੇਨ ਪ੍ਰਬੰਧਨ ਪੰਨੇ 'ਤੇ, ਐਕਸ਼ਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਫਿਰ DNS ਰਿਕਾਰਡ ਦੇਖੋ ਨੂੰ ਚੁਣੋ। ਫਿਰ, DNS ਪ੍ਰਦਾਤਾ ਕੌਂਫਿਗਰ ਕਰੋ ਦੇ ਅਧੀਨ ਉਪਲਬਧ AWS ਐਂਪਲੀਫਾਈ ਡੋਮੇਨ ਦਾਖਲ ਕਰੋ। ![ ](httpsmiro.medium.com/max/1400/1*SSRoAAkYjf5dT2rD-kmEQw.png)

**ਡੋਮੇਨ ਪ੍ਰਬੰਧਨ**ਪੰਨਾ, **ਕਾਰਵਾਈਆਂ **DNS ਰਿਕਾਰਡ ਦੇਖੋ** ਚੁਣੋ

ਕੁੱਲ ਮਿਲਾ ਕੇ, ਕਸਟਮ ਸਰੋਤ ਰਿਕਾਰਡ ਹੇਠਾਂ ਦਿੱਤੇ ਵਰਗਾ ਦਿਖਾਈ ਦੇਵੇਗਾ:

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

ਅੱਗੇ, ਇੱਕ ਹੋਰ ਜੋੜੋ

*CNAME* ਰਿਕਾਰਡ ਜੋ AWS ਸਰਟੀਫਿਕੇਟ ਮੈਨੇਜਰ ਪ੍ਰਮਾਣਿਕਤਾ ਸਰਵਰ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਦਾ ਹੈ। ਪ੍ਰਮਾਣਿਤ AWS ਸਰਟੀਫਿਕੇਟ ਮੈਨੇਜਰ ਤੁਹਾਡੀ ਅਰਜ਼ੀ ਲਈ TLS ਹੈਂਡਲ ਕਰਦਾ ਹੈ: ਨਾਮ: ਪ੍ਰਮਾਣਿਕਤਾ ਸਰਵਰ ਦਾ ਸਬਡੋਮੇਨ ਦਾਖਲ ਕਰੋ। ਜੇਕਰ ਤੁਹਾਡੇ ਡੋਮੇਨ ਦੀ ਮਲਕੀਅਤ ਦੀ ਪੁਸ਼ਟੀ ਕਰਨ ਲਈ DNS ਰਿਕਾਰਡ _1234.example.com ਹੈ, ਤਾਂ ਸਿਰਫ਼ _1234 ਦਾਖਲ ਕਰੋ। ਡੇਟਾ: ACM ਪ੍ਰਮਾਣਿਕਤਾ ਸਰਟੀਫਿਕੇਟ ਦਾਖਲ ਕਰੋ। ਜੇਕਰ ਪ੍ਰਮਾਣਿਕਤਾ ਸਰਵਰ _1234.abcdefg.acm-validations.aws. ਹੈ, ਤਾਂ _1234.abcdefg.acm-validations.aws ਦਾਖਲ ਕਰੋ।

ਤੁਹਾਡੇ ਪ੍ਰਮਾਣਿਕਤਾ ਸਰਟੀਫਿਕੇਟਾਂ ਲਈ ਸਾਰੀ ਜਾਣਕਾਰੀ AWS ਸਰਟੀਫਿਕੇਟ ਮੈਨੇਜਰ ਕੰਸੋਲ ਵਿੱਚ ਮਿਲਦੀ ਹੈ। ਦੂਜੇ ਤੋਂ ਬਾਅਦ
*CNAME* ਨੂੰ ਜੋੜਿਆ ਗਿਆ ਹੈ, ਤੁਹਾਡੇ ਕਸਟਮ ਰਿਕਾਰਡ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਣਗੇ: ![ ](httpsmiro.medium.com/max/1400/1*79yex2fObLiK0Q0f0X4zeA.png)

ਅੰਤ ਵਿੱਚ, ਆਓ ਇੱਕ ਜੋੜਦੇ ਹਾਂ

**ਸਿੰਥੈਟਿਕ ਰਿਕਾਰਡ** ਅੱਗੇ ਇੱਕ ਸਬਡੋਮੇਨ ਸੈੱਟਅੱਪ ਕਰਨ ਲਈ: ਸਬਡੋਮੇਨ: ਡੋਮੇਨ URL ਦਾਖਲ ਕਰੋ: www। ![ ](httpsmiro.medium.com/max/1400/1*xi6ivE7Vsfz9AheFAHxPZQ.png)

= ਲਪੇਟਣਾ =

ਕੁੱਲ ਮਿਲਾ ਕੇ, ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਸਿੱਖਿਆ ਕਿ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਕਿਵੇਂ ਢਾਂਚਾ ਕਰਨਾ ਹੈ ਅਤੇ ਉਹਨਾਂ ਨੂੰ AWS ਐਂਪਲੀਫਾਈ ਨਾਲ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ। ਪਹਿਲਾਂ, ਅਸੀਂ ਚਰਚਾ ਕੀਤੀ ਕਿ ਇੱਕ ਪ੍ਰਤੀਕਿਰਿਆ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਕਿਵੇਂ ਮਾਡਿਊਲਰਾਈਜ਼ ਕਰਨਾ ਹੈ

*ਕੰਪੋਨੈਂਟ* *ਪੇਜ* ਫੋਲਡਰ। ਫਿਰ, ਅਸੀਂ **AWS ਐਂਪਲੀਫਾਈ** ਬਾਰੇ ਅਤੇ ਇਸ ਨਾਲ ਸਥਿਰ ਅਤੇ ਡਾਟਾ-ਸੰਚਾਲਿਤ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਕਿਵੇਂ ਤੈਨਾਤ ਕਰਨਾ ਹੈ ਬਾਰੇ ਸਿੱਖਿਆ। ਅੰਤ ਵਿੱਚ, ਅਸੀਂ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਡੋਮੇਨ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨ ਲਈ **AWS ਐਂਪਲੀਫਾਈ ਡੋਮੇਨ ਪ੍ਰਬੰਧਨ** ਅਤੇ **Google ਡੋਮੇਨ** ਦੀ ਵਰਤੋਂ ਕਰਨ ਬਾਰੇ ਸਿੱਖਿਆ। **ਅਤੇ**ਅਤੇ

ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਇਸ ਲੇਖ ਜਾਂ ਮੇਰੀ ਪੋਰਟਫੋਲੀਓ ਸਾਈਟ 'ਤੇ ਕੋਈ ਸਵਾਲ, ਚਿੰਤਾਵਾਂ ਜਾਂ ਫੀਡਬੈਕ ਹੈ, ਤਾਂ ਬੇਝਿਜਕ ਟਿੱਪਣੀ ਕਰੋ ਜਾਂ ਮੈਨੂੰ ਈਮੇਲ ਕਰੋ

*[email protected]*। ਪੜ੍ਹਨ ਲਈ ਧੰਨਵਾਦ!