= Node.js ਅਤੇ Cloud Firestore DB ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਗੂਗਲ ਫਾਇਰਬੇਸ 'ਤੇ ਇੱਕ ਡਾਇਨਾਮਿਕ ਵੈਬਸਾਈਟ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰੋ =
ਤੁਸ਼ਾਰ ਕਪੂਰ: (httpswww.tusharck.com/)
ਡੈਮੋ ਗਿਟ URL: httpsgithub.com/tusharck/firebase-demo
= ਫਾਇਰਬੇਸ ਹੋਸਟਿੰਗ ਕਿਉਂ? =
ਫਾਇਰਬੇਸ ਇੱਕ ਵਿਆਪਕ ਐਪ ਪਲੇਟਫਾਰਮ ਹੈ ਜੋ Google ਦੇ ਬੁਨਿਆਦੀ ਢਾਂਚੇ 'ਤੇ ਬਣਾਇਆ ਗਿਆ ਹੈ, ਇਸਲਈ ਇਹ ਇੱਕ ਸੁਰੱਖਿਅਤ, ਤੇਜ਼, ਮੁਫ਼ਤ (ਵਾਧੂ ਸਰੋਤਾਂ ਲਈ ਅਦਾਇਗੀ ਵਿਕਲਪ ਵੀ ਉਪਲਬਧ ਹੈ) ਅਤੇ ਇਸ 'ਤੇ ਤੁਹਾਡੀ ਸਮੱਗਰੀ ਨੂੰ ਹੋਸਟ ਕਰਨ ਦਾ ਆਸਾਨ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਵੈੱਬ ਜਾਂ ਮੋਬਾਈਲ ਐਪਲੀਕੇਸ਼ਨ
== ਮੁਫਤ ਟੀਅਰ ਦੀਆਂ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਲਾਭ: ==
- ਇਹ ਮੁਫਤ ਕਸਟਮ ਡੋਮੇਨ ਦਿੰਦਾ ਹੈ&
SSL(SSL https ਕੁਨੈਕਸ਼ਨਾਂ ਲਈ ਇੱਕ ਮਿਆਰੀ ਸੁਰੱਖਿਆ ਪਰਤ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ
- ਕਲਾਉਡ ਫਾਇਰਸਟੋਰ: ਕਲਾਇੰਟ ਐਪਸ ਵਿੱਚ ਰੀਅਲਟਾਈਮ ਡੇਟਾ ਸਿੰਕ ਲਈ ਇੱਕ ਲਚਕਦਾਰ ਅਤੇ ਸਕੇਲੇਬਲ ਡੇਟਾਬੇਸ
- ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ: ਕਲਾਉਡ ਫੰਕਸ਼ਨ, ਕਲਾਉਡ ਮੈਸੇਜਿੰਗ (ਐਫਸੀਐਮ), ਕ੍ਰੈਸ਼ਲਾਈਟਿਕਸ, ਡਾਇਨਾਮਿਕ ਲਿੰਕਸ, ਹੋਸਟਿੰਗ, ਐਮਐਲ ਕਿੱਟ, ਸਟੋਰੇਜ, ਪ੍ਰਦਰਸ਼ਨ ਨਿਗਰਾਨੀ, ਭਵਿੱਖਬਾਣੀ ਅਤੇ ਟੈਸਟ ਲੈਬ (ਇਹਨਾਂ ਉਤਪਾਦਾਂ ਦੀ ਕਾਰਜਕੁਸ਼ਲਤਾ ਅਤੇ ਸਰੋਤ ਇੱਕ ਅਦਾਇਗੀ ਯੋਜਨਾ ਖਰੀਦ ਕੇ ਵਧਾਏ ਜਾ ਸਕਦੇ ਹਨ, ਪਰ ਮੁਫਤ ਟੀਅਰ ਸੇਵਾਵਾਂ ਬਹੁਤ ਵਧੀਆ ਹਨ। ਯੋਜਨਾਵਾਂ ਨੂੰ ਵੇਖਣ ਲਈ ਫਾਇਰਬੇਸ ਕੀਮਤ ਦੀ ਜਾਂਚ ਕਰੋ)
- ਸਰੋਤਾਂ ਦੀ ਆਟੋਮੈਟਿਕ ਸਕੇਲਿੰਗ
= ਫਾਇਰਬੇਸ = 'ਤੇ ਤੁਹਾਡੀ ਡਾਇਨਾਮਿਕ ਵੈੱਬਸਾਈਟ ਦੀ ਮੇਜ਼ਬਾਨੀ ਲਈ ਕਦਮ
== ਲੋੜਾਂ ==
**1। Google ਖਾਤਾ**ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ Google ਖਾਤਾ ਨਹੀਂ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਇੱਕ ਲਈ ਸਾਈਨ ਅੱਪ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। ਤੁਸੀਂ httpsaccounts.google.com/SignUp 'ਤੇ ਜਾ ਕੇ ਅਜਿਹਾ ਕਰ ਸਕਦੇ ਹੋ। **2. Node.js ਅਤੇ npm** Mac/Windows ਤੁਸੀਂ httpsnodejs.org/en/download/ ਤੋਂ ਇੰਸਟਾਲਰ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ। ਲੀਨਕਸ
Node.js ਨੂੰ ਸਥਾਪਿਤ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ:
1. ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ
2. ਹੇਠ ਲਿਖੀਆਂ ਕਮਾਂਡਾਂ ਚਲਾਓ:
sudo apt-get install curlcurl -sL httpsdeb.nodesource.com/
setup_13.x| sudo bash -sudo apt install nodejs ** ਮੈਂ ਨੋਟ ਵਰਤਿਆ ਹੈ: ** **
setup_13.x ਕਿਉਂਕਿ ਟਿਊਟੋਰਿਅਲ ਦੇ ਸਮੇਂ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਸੀ
**13**ਤੁਸੀਂ httpsnodejs.org/en/ 'ਤੇ ਜਾ ਕੇ ਨਵੀਨਤਮ ਰੀਲੀਜ਼ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ
ਇਹ ਜਾਂਚ ਕਰਨ ਲਈ ਕਿ ਕੀ Node.js ਅਤੇ npm ਸਫਲਤਾਪੂਰਵਕ ਸਥਾਪਿਤ ਕੀਤੇ ਗਏ ਹਨ, ਹੇਠ ਲਿਖੀਆਂ ਕਮਾਂਡਾਂ ਚਲਾਓ, ਜੋ ਇੰਸਟਾਲ ਕੀਤੇ ਸੰਸਕਰਣ ਨੂੰ ਆਉਟਪੁੱਟ ਕਰੇਗੀ:
ਨੋਡ -ਵੀ
npm -v
**3. ਫਾਇਰਬੇਸ-ਸੀ.ਐਲ.ਆਈ. (ਕਮਾਂਡ-ਲਾਈਨ ਇੰਟਰਫੇਸਇਹ ਫਾਇਰਬੇਸ ਪ੍ਰੋਜੈਕਟਾਂ ਦੇ ਪ੍ਰਬੰਧਨ, ਦੇਖਣ ਅਤੇ ਤੈਨਾਤ ਕਰਨ ਲਈ ਟੂਲ ਹਨ।
npm install -g firebase-tools
= ਕਦਮ 1: ਫਾਇਰਬੇਸ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ =
- httpsfirebase.google.com 'ਤੇ ਜਾਓ ਅਤੇ
ਉੱਪਰ ਸੱਜੇ ਕੋਨੇ ਤੋਂ ਸਾਈਨ ਇਨ ਕਰੋ
- 'ਤੇ ਕਲਿੱਕ ਕਰੋ
ਉੱਪਰ ਸੱਜੇ ਕੋਨੇ ਤੋਂ, ਕੰਸੋਲ 'ਤੇ ਜਾਓ
- ਫਿਰ ਕਲਿੱਕ ਕਰੋ
ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ, ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ
4. ਅਗਲੀ ਚੀਜ਼ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ ਦਰਜ ਕਰਨਾ ਹੈ, ਅਤੇ ਜਾਰੀ ਦਬਾਓ
5. ਆਪਣੇ ਫਾਇਰਬੇਸ ਪ੍ਰੋਜੈਕਟ ਲਈ Google ਵਿਸ਼ਲੇਸ਼ਣ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਣ ਲਈ ਜਾਰੀ ਰੱਖੋ ਦਬਾਓ (ਜੇਕਰ ਤੁਸੀਂ ਇਹ ਨਹੀਂ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਅਯੋਗ ਕਰਨ ਲਈ ਜਾਂਚ ਕਰੋ)
6. ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਲਈ ਨਜ਼ਦੀਕੀ ਸਥਾਨ ਚੁਣੋ
7. 'ਤੇ ਕਲਿੱਕ ਕਰੋ
** ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ ਅਤੇ ਇਸਦੇ ਲੋਡ ਹੋਣ ਦੀ ਉਡੀਕ ਕਰੋ। ਫਿਰ ਤੁਸੀਂ ਹੇਠਾਂ ਵਰਗਾ ਕੁਝ ਦੇਖੋਗੇ
= ਕਦਮ 2: ਫਾਇਰਬੇਸ ਲੌਗਿਨ = ਸ਼ੁਰੂ ਕਰੋ
- ਇੱਕ ਕਮਾਂਡ-ਲਾਈਨ/ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ ਫਿਰ ਇੱਕ ਨਵੀਂ ਡਾਇਰੈਕਟਰੀ ਬਣਾਓ ਅਤੇ ਜਾਓ
mkdir my-firebase-projectcd my-firebase-project
2. ਫਾਇਰਬੇਸ 'ਤੇ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੀ ਕਮਾਂਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਫਾਇਰਬੇਸ ਵਿੱਚ ਲੌਗਇਨ ਕਰੋ। ਤੁਹਾਡੇ ਦੁਆਰਾ ਕਮਾਂਡ ਚਲਾਉਣ ਤੋਂ ਬਾਅਦ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਖੁੱਲੇਗੀ ਜੋ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ Google ਪ੍ਰਮਾਣ ਪੱਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਫਾਇਰਬੇਸ ਵਿੱਚ ਲੌਗਇਨ ਕਰਨ ਲਈ ਕਹੇਗੀ। ਉੱਥੇ ਪ੍ਰਮਾਣ ਪੱਤਰ ਦਾਖਲ ਕਰੋ ਅਤੇ ਫਾਇਰਬੇਸ ਤੁਹਾਡੇ ਸਿਸਟਮ ਵਿੱਚ ਸਾਈਨ ਇਨ ਕਰੇਗਾ
firebase ਲਾਗਇਨ
= ਕਦਮ 3: ਆਪਣੇ ਸਿਸਟਮ ਵਿੱਚ ਫਾਇਰਬੇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸ਼ੁਰੂ ਕਰੋ =
- ਹੁਣ ਸਾਨੂੰ ਉਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨਾ ਹੋਵੇਗਾ ਜੋ ਅਸੀਂ ਸਿਸਟਮ ਵਿੱਚ ਫਾਇਰਬੇਸ ਕੰਸੋਲ ਉੱਤੇ ਬਣਾਇਆ ਹੈ। ਅਜਿਹਾ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾਓ
firebase init
2. ਡਾਊਨ ਕੁੰਜੀ ਦਬਾਓ ਫਿਰ ਚੁਣੋ
**ਦੋ ਚੀਜ਼ਾਂ **ਸਪੇਸ ਬਾਰ ਕੁੰਜੀ ਨੂੰ ਦਬਾ ਕੇ
- ਫੰਕਸ਼ਨ
- ਹੋਸਟਿੰਗ
ਫਿਰ
**ਜਾਰੀ ਰੱਖਣ ਲਈ Enter** ਦਬਾਓ
3. ਫਿਰ ਚੁਣੋ
ਫਿਰ ਐਂਟਰ ਦਬਾਓ
**ਮੌਜੂਦਾ ਪ੍ਰੋਜੈਕਟ ਦੀ ਵਰਤੋਂ ਕਰੋ**
4. 'ਤੇ ਐਂਟਰ ਦਬਾਓ
**my-firebase-project** **ਜਾਂ ਤੁਹਾਡੇ ਦੁਆਰਾ ਵਰਤੇ ਗਏ ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ ਜਾਂ ਤੁਹਾਡੇ ਦੁਆਰਾ ਵਰਤੇ ਗਏ ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ
5. ਚੁਣੋ
**ਜਾਵਾਸਕ੍ਰਿਪਟ** ਅਤੇ ਐਂਟਰ ਦਬਾਓ
6. ਤੁਸੀਂ ਕਹਿ ਸਕਦੇ ਹੋ
**ਨਹੀਂ** ਕੀ ਤੁਸੀਂ ਸੰਭਾਵੀ ਬੱਗਾਂ ਨੂੰ ਫੜਨ ਅਤੇ ਸ਼ੈਲੀ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ESLint ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ?
7. ਟਾਈਪ ਕਰੋ
**ਹਾਂ** npm ਨਾਲ ਨਿਰਭਰਤਾ ਸਥਾਪਤ ਕਰਨ ਲਈ
8. ਇੱਥੇ ਸਾਨੂੰ ਦੋ ਕੰਮ ਕਰਨੇ ਪੈਣਗੇ:
- ਤੁਹਾਨੂੰ ਉਹ ਡਾਇਰੈਕਟਰੀ ਚੁਣਨੀ ਪਵੇਗੀ ਜਿਸ ਵਿੱਚ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਅਤੇ ਸੰਪਤੀਆਂ ਰਹਿਣਗੀਆਂ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ ਹੈ
pubicਤੁਸੀਂ ਜਾਰੀ ਰੱਖਣ ਲਈ ਐਂਟਰ ਦਬਾ ਸਕਦੇ ਹੋ ਜਾਂ ਤੁਸੀਂ ਆਪਣੇ ਲੋੜੀਂਦੇ ਡਾਇਰੈਕਟਰੀ ਨਾਮ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ
- ਕਿਸਮਾਂ
ਹਾਂ ਸਿੰਗਲ-ਐਪ ਪੰਨੇ ਲਈ ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਡਾਇਨਾਮਿਕ URL ਨੂੰ ਉਹਨਾਂ ਦੇ ਉਚਿਤ ਮੰਜ਼ਿਲ 'ਤੇ ਰੀਡਾਇਰੈਕਟ ਕੀਤਾ ਜਾ ਸਕੇ
9. ਹੇਠ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾ ਕੇ ਆਪਣੇ ਸਥਾਨਕ ਸਿਸਟਮ 'ਤੇ ਫਾਇਰਬੇਸ ਐਪ ਦੀ ਜਾਂਚ ਕਰੋ। ਫਿਰ ਜਾਓ
**httplocalhost:5000** ਆਪਣੀ ਮੁੱਢਲੀ ਵੈੱਬਸਾਈਟ ਨੂੰ ਚੱਲਦਾ ਦੇਖਣ ਲਈ
ਫਾਇਰਬੇਸ ਸਰਵ --ਸਿਰਫ ਹੋਸਟਿੰਗ, ਫੰਕਸ਼ਨ
ਤੁਹਾਨੂੰ ਖੋਲ੍ਹਣ ਤੋਂ ਬਾਅਦ ਹੇਠਾਂ ਇਸ ਤਰ੍ਹਾਂ ਦਾ ਕੁਝ ਦਿਖਾਈ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ
**httplocalhost:5000** URL
10. ਟਰਮੀਨਲ ਤੋਂ ਸਰਵਰ ਬੰਦ ਕਰੋ
= ਕਦਮ 4: ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰਨਾ ਅਤੇ ਡਾਇਨਾਮਿਕ ਵੈੱਬਸਾਈਟ ਲਈ ਵਿਊਜ਼ ਡਾਇਰੈਕਟਰੀ ਬਣਾਉਣਾ =
- ਇੱਥੇ ਅਸੀਂ ਅਜਿਹਾ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ ਡਾਇਰੈਕਟਰੀ ਦੇ ਅੰਦਰ ਸਵਿਚ ਕਰਾਂਗੇ
ਸੀਡੀ ਫੰਕਸ਼ਨ
**2. ਐਕਸਪ੍ਰੈਸ ਸਥਾਪਿਤ ਕਰੋ**ਇਹ ਇੱਕ ਨਿਊਨਤਮ ਅਤੇ ਲਚਕਦਾਰ Node.js ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨ ਫਰੇਮਵਰਕ ਹੈ
npm i express --save
**3. ਹੈਂਡਲ ਬਾਰਾਂ ਨੂੰ ਸਥਾਪਿਤ ਕਰੋ** ਇਹ Node.js ਲਈ ਇੱਕ ਟੈਂਪਲੇਟਿੰਗ ਇੰਜਣ ਹੈ ਜੋ ਵੈਬਸਾਈਟ ਦੇ ਡਾਇਨਾਮਿਕ ਫਰੰਟ ਐਂਡ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ
npm i handlebars --save
**4. ਏਕੀਕ੍ਰਿਤ ਸਥਾਪਿਤ ਕਰੋ**
npm i ਇਕਸਾਰ --ਬਚਾਓ
5. ਨਾਮ ਦਾ ਇੱਕ ਫੋਲਡਰ ਬਣਾਓ
**ਫੰਕਸ਼ਨ** ਫੋਲਡਰ ਦੇ ਅੰਦਰ **ਵਿਯੂਜ਼** ਜਿਸ ਵਿੱਚ ਅਸੀਂ ਸਾਰੇ ਫਰੰਟਐਂਡ ਕੋਡ ਨੂੰ ਸਟੋਰ ਕਰਾਂਗੇ
mkdir
ਵਿਚਾਰ
6. ਹੇਠ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾ ਕੇ ਮੁੱਖ ਡਾਇਰੈਕਟਰੀ 'ਤੇ ਵਾਪਸ ਜਾਓ:
ਸੀ.ਡੀ.
= ਕਦਮ 5: ਫਾਇਰਸਟੋਰ (ਕਲਾਊਡ ਡੇਟਾਬੇਸ) ਨੂੰ ਸੈਟ ਅਪ ਕਰਨਾ =
== ਡਾਟਾਬੇਸ ਸੰਰਚਨਾ ==
- httpsconsole.firebase.google.com/ 'ਤੇ ਜਾਓ
- ਆਪਣਾ ਪ੍ਰੋਜੈਕਟ ਚੁਣੋ
- ਚੁਣੋ
ਖੱਬੇ ਪਾਸੇ ਦੇ ਪੈਨ ਤੋਂ ਡਾਟਾਬੇਸ
4. 'ਤੇ ਕਲਿੱਕ ਕਰੋ
**ਡਾਟਾਬੇਸ ਬਣਾਓ**
5. ਟੈਸਟ ਮੋਡ ਵਿੱਚ ਸਟਾਰਟ ਚੁਣੋ ਕਿਉਂਕਿ ਨਹੀਂ ਤਾਂ ਤੁਸੀਂ ਆਪਣੇ ਸਿਸਟਮ ਤੋਂ ਡੇਟਾਬੇਸ ਤੱਕ ਪਹੁੰਚ ਨਹੀਂ ਕਰ ਸਕੋਗੇ। ਜਦੋਂ ਅਸੀਂ ਵੈੱਬਸਾਈਟ ਦੇ ਵਿਕਾਸ ਦੇ ਨਾਲ ਕੰਮ ਕਰ ਲੈਂਦੇ ਹਾਂ ਤਾਂ ਅਸੀਂ ਇਸ ਸੈਟਿੰਗ ਨੂੰ ਬਦਲ ਦੇਵਾਂਗੇ
ਫਿਰ ਕਲਿੱਕ ਕਰੋ
**ਅਗਲਾ** ਅਜਿਹਾ ਕਰਨ ਤੋਂ ਬਾਅਦ
6. ਆਪਣੇ ਫਾਇਰਸਟੋਰ DB ਦਾ ਟਿਕਾਣਾ ਚੁਣੋ
**ਤੁਹਾਡੇ ਵੱਲੋਂ ਇਹ ਟਿਕਾਣਾ ਸੈੱਟ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਇਸਨੂੰ ਬਾਅਦ ਵਿੱਚ ਬਦਲ ਨਹੀਂ ਸਕਦੇ। ਨੋਟ: **
== ਡਾਟਾ ਬਣਾਓ ==
- ਸਟਾਰਟ ਕਲੈਕਸ਼ਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ
2. ਦਰਜ ਕਰੋ
** ਸੰਗ੍ਰਹਿ ID ਜਿਸਦਾ ਤੁਸੀਂ ਹੁਣੇ ਨਮੂਨਾ ਲੈ ਸਕਦੇ ਹੋ
3. ਨਮੂਨਾ ਡੇਟਾ ਦਾਖਲ ਕਰੋ। ਦਰਜ ਕਰੋ
**ਦਸਤਾਵੇਜ਼ ਆਈ.ਡੀ. ਵਜੋਂ **ਨਮੂਨਾ_ਡੌਕ **। **ਫੀਲਡ ਦੇ ਅੰਦਰ **ਸਿਰਲੇਖ** ਦਾਖਲ ਕਰੋ। ਮੈਨੂੰ **ਮੁੱਲ ਦੇ ਅੰਦਰ ਕਲਾਉਡ** ਪਸੰਦ ਹੈ ਫਿਰ **ਸੇਵ** 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
= ਕਦਮ 6: ਵੈਬਸਾਈਟ ਦੀ ਗਤੀਸ਼ੀਲ ਸਮੱਗਰੀ ਨੂੰ ਬਣਾਉਣਾ =
ਅਸੀਂ ਭਾਗ ਨੂੰ ਦੋ ਹਿੱਸਿਆਂ ਵਿੱਚ ਵੰਡਾਂਗੇ, ਪਹਿਲੇ ਭਾਗ ਵਿੱਚ, ਅਸੀਂ ਵੇਖਾਂਗੇ ਕਿ ਫਾਇਰਸਟੋਰ ਤੋਂ ਡੇਟਾ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ ਅਤੇ ਵੈਬਸਾਈਟ ਵਿੱਚ ਕਿਵੇਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਦੂਜੇ ਭਾਗ ਵਿੱਚ, ਅਸੀਂ ਦੇਖਾਂਗੇ ਕਿ ਫਾਰਮ ਡੇਟਾ ਕਿਵੇਂ ਜਮ੍ਹਾਂ ਕਰਨਾ ਹੈ
**ਪਹਿਲਾਂ, ਅਸੀਂ ਫਾਇਰਸਟੋਰ ਤੱਕ ਪਹੁੰਚ ਕਰਨ ਲਈ ਪ੍ਰਮਾਣ ਪੱਤਰਾਂ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰਾਂਗੇ**
2. 'ਤੇ ਕਲਿੱਕ ਕਰੋ
ਖੱਬੇ ਪਾਸੇ ਤੋਂ **ਸੈਟਿੰਗਾਂ** ਅਤੇ **ਪ੍ਰੋਜੈਕਟ ਸੈਟਿੰਗਾਂ** 'ਤੇ ਜਾਓ।
3. 'ਤੇ ਜਾਓ
**ਸੇਵਾ ਖਾਤੇ** ਅਤੇ **ਨਵੀਂ ਪ੍ਰਾਈਵੇਟ ਕੁੰਜੀ ਤਿਆਰ ਕਰੋ 'ਤੇ ਕਲਿੱਕ ਕਰੋ
4. 'ਤੇ ਕਲਿੱਕ ਕਰੋ
** ਕੁੰਜੀ ਤਿਆਰ ਕਰੋ ਇਹ ਕੁੰਜੀ ਨੂੰ ਡਾਉਨਲੋਡ ਕਰਨ ਲਈ ਇੱਕ ਪੌਪ ਅਪ ਦੇਵੇਗਾ। ਕੁੰਜੀ ਨੂੰ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਦੇ **ਫੰਕਸ਼ਨ** ਫੋਲਡਰ ਦੇ ਅੰਦਰ ਸਟੋਰ ਕਰੋ
== ਫਾਇਰਸਟੋਰ ਤੋਂ ਪ੍ਰਾਪਤ ਕਰਨਾ ==
- ਖੋਲ੍ਹੋ
ਫੰਕਸ਼ਨਫੋਲਡਰ ਦੇ ਅੰਦਰ index.js
2. ਸਾਨੂੰ ਕੁਝ ਲਾਇਬ੍ਰੇਰੀਆਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ਜੋ ਅਸੀਂ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹਾਂ। ਇਹ ਉਹੀ ਲਾਇਬ੍ਰੇਰੀਆਂ ਹਨ ਜੋ ਅਸੀਂ ਪਹਿਲਾਂ ਸਥਾਪਿਤ ਕੀਤੀਆਂ ਹਨ
const ਫੰਕਸ਼ਨ = ਲੋੜ ('firebase-functionsconst express = ਲੋੜ ('expressconst ਇੰਜਣ = ਲੋੜ ('consolidatevar hbs = ਲੋੜ ('handlebarsconst ਐਡਮਿਨ = ਲੋੜ ('firebase-admin))
3. ਇੱਥੇ ਅਸੀਂ ਕੁਝ ਚੀਜ਼ਾਂ ਸੈਟ ਕਰਦੇ ਹਾਂ:
- ਐਕਸਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਪ ਨੂੰ ਸ਼ੁਰੂ ਕਰੋ
- ਅਸੀਂ ਆਪਣੇ ਇੰਜਣ ਨੂੰ ਹੈਂਡਲਬਾਰ ਦੇ ਤੌਰ 'ਤੇ ਸੈੱਟ ਕਰਾਂਗੇ
- ਫਿਰ ਅਸੀਂ ਐਕਸਪ੍ਰੈਸ ਨੂੰ ਦੱਸਾਂਗੇ ਕਿ ਸਾਡਾ ਫਰੰਟ ਐਂਡ ਕੋਡ ਵਿਊਜ਼ ਫੋਲਡਰ ਦੇ ਅੰਦਰ ਹੋਣ ਵਾਲਾ ਹੈ
const app = expressapp.engine('hbs',engines.handlebars);app.set('viewsviewsapp.set('view enginehbs)
4. ਆਪਣੀ ਫਾਇਰਸਟੋਰ DB ਤੱਕ ਪਹੁੰਚ ਕਰਨ ਲਈ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਅਧਿਕਾਰਤ ਕਰੋ
*ਨੋਟ:*
1. ਬਦਲੋ
**Firestore2 ਤੱਕ ਪਹੁੰਚ ਕਰਨ ਲਈ **ਕ੍ਰੀਡੈਂਸ਼ੀਅਲਸ ਲਈ ਤੁਹਾਡੇ ਵੱਲੋਂ ਡਾਊਨਲੋਡ ਕੀਤੀ ਫ਼ਾਈਲ ਦੇ ਨਾਲ YOUR_SDK_NAMEjson। ਡੇਟਾਬੇਸ URL ਨੂੰ ਆਪਣੇ ਡੇਟਾਬੇਸ URL ਵਿੱਚ ਬਦਲੋ। URL ਨੂੰ ਦੇਖਣ ਲਈ ਤੁਸੀਂ**ਸੈਟਿੰਗਾਂ >ਸੇਵਾ ਖਾਤਾ**
var serviceAccount = ਲੋੜ ਹੈ
YOUR_SDK_NAME.jsonadmin.initializeApp({credential: admin.credential.cert(serviceAccount), databaseURL: "httpsmyfirebaseproject-bx54dasx3.firebaseio.com
5. ਫਾਇਰਸਟੋਰ ਤੋਂ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ
- ਸੰਗ੍ਰਹਿ ID ਹੈ
ਨਮੂਨਾ
- ਦਸਤਾਵੇਜ਼ ID ਹੈ
ਸੈਂਪਲ_ਡੌਕ
ਅਸੀਂ ਨਮੂਨਾ ਡੇਟਾ ਦਾਖਲ ਕਰਦੇ ਸਮੇਂ ਉਪਰੋਕਤ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਹੈ
async ਫੰਕਸ਼ਨ getFirestoreconst firestore_con = ਉਡੀਕ ਕਰੋ admin.firestoreconst writeResult = firestore_con.collection('ਸੈਂਪਲਡੌਕ('ਨਮੂਨਾ_ਡੌਕਗੇਟੇਨ(ਡੌਕ =>{
ਜੇਕਰ (!doc.exists) { console.log('ਅਜਿਹਾ ਕੋਈ ਦਸਤਾਵੇਜ਼ ਨਹੀਂ }
else {doc.data ਵਾਪਸ ਕਰੋ
.catch(err =>{ console.log('ਦਸਤਾਵੇਜ਼ ਪ੍ਰਾਪਤ ਕਰਨ ਵਿੱਚ ਗਲਤੀ', errreturn write Result
}
**ਅਸੀਂ ਨੋਟ: ** **ਅਸਿੰਕ** ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ ਕਿਉਂਕਿ ਸਾਨੂੰ ਡੇਟਾਬੇਸ ਅਤੇ ਸਾਡੀ ਵੈਬਸਾਈਟ ਦੇ ਵਿਚਕਾਰ ਵਾਅਦੇ ਦੇ ਸੰਚਾਲਨ ਦੇ ਪੂਰਾ ਹੋਣ ਦੀ ਉਡੀਕ ਕਰਨੀ ਪੈਂਦੀ ਹੈ
6. ਰੂਟ ਬਣਾਓ ਅਤੇ ਨਤੀਜਾ ਸਾਹਮਣੇ ਵਾਲੇ ਸਿਰੇ 'ਤੇ ਭੇਜੋ
app.getasync (ਬੇਨਤੀ, ਜਵਾਬ) var db_result = ਉਡੀਕ ਕਰੋ getFirestoreresponse.render('indexdb_resultexports.app = functions.https.onRequest(app);
7. ਬਣਾਓ
**ਵਿਯੂਜ਼** ਫੋਲਡਰ ਦੇ ਅੰਦਰ **index.hbs**। hbs ਇੱਕ ਹੈਂਡਲਬਾਰ ਫਾਈਲ ਹੈ ਨੋਟ: **
8. ਇਸ ਮੂਲ HTML ਕੋਡ ਨੂੰ ਅੰਦਰ ਲਿਖੋ
ਪ੍ਰਾਪਤ ਨਤੀਜਾ ਦੇਖਣ ਲਈ **index.hbs**
ਤੁਸ਼ਾਰ ਚੰਦ ਕਪੂਰ
