ਫੁੱਲ-ਸਟੈਕ ਐਪ ਕੀ ਹੁੰਦੀ ਹੈ? ਸਰਲ ਵਿਆਖਿਆ
ਫੁੱਲ-ਸਟੈਕ ਐਪ ਉਹ ਐਪ ਹੈ ਜਿਸ ਵਿੱਚ ਉਹ ਸਭ ਪਰਤਾਂ ਹਨ ਜਿਨ੍ਹਾਂ ਦੀ ਉਸਨੂੰ ਕੰਮ ਕਰਨ ਲਈ ਲੋੜ ਹੈ: ਲੋਕਾਂ ਵੱਲੋਂ ਵੇਖੀ ਅਤੇ ਕਲਿੱਕ ਕੀਤੀ ਜਾਣ ਵਾਲੀ ਫਰੰਟਐਂਡ, ਸਰਵਰ 'ਤੇ ਚੱਲਣ ਵਾਲਾ ਅਤੇ ਨਿਯਮ ਲਾਗੂ ਕਰਨ ਵਾਲਾ ਬੈਕਐਂਡ, ਅਤੇ ਹਰ ਚੀਜ਼ ਯਾਦ ਰੱਖਣ ਵਾਲਾ ਡਾਟਾਬੇਸ। ਇੱਕ ਟੂ-ਡੂ ਲਿਸਟ ਜੋ ਤੁਹਾਡੇ ਕੰਮ ਸੇਵ ਕਰਦੀ ਹੈ, ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਡਿਵਾਈਸ ਤੋਂ ਲੌਗਇਨ ਕਰਨ ਦਿੰਦੀ ਹੈ, ਅਤੇ ਤੁਹਾਡੀ ਸੂਚੀ ਕਿਸੇ ਹੋਰ ਨੂੰ ਨਹੀਂ ਵਿਖਾਉਂਦੀ, ਉਹ ਫੁੱਲ-ਸਟੈਕ ਹੈ। ਇੱਕ ਸਿੰਗਲ ਪੇਜ ਜੋ ਸਿਰਫ਼ ਤੁਹਾਡੇ ਖੁੱਲ੍ਹਣ ਦੇ ਸਮੇਂ ਵਿਖਾਉਂਦਾ ਹੈ, ਉਹ ਨਹੀਂ ਹੈ।
"ਸਟੈਕ" ਦਾ ਮਤਲਬ ਹੈ ਟੈਕਨਾਲੋਜੀ ਦੀਆਂ ਪਰਤਾਂ ਜੋ ਇੱਕ ਦੂਜੇ 'ਤੇ ਰੱਖੀਆਂ ਹੋਈਆਂ ਹਨ। "ਫੁੱਲ" ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਸਾਰੀਆਂ ਮੌਜੂਦ ਹਨ।
ਜਦੋਂ ਤੁਸੀਂ ਏਆਈ ਨਾਲ ਬਣਾਉਂਦੇ ਹੋ ਤਾਂ ਇਹ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ
ਜਦੋਂ ਤੁਸੀਂ ਏਆਈ ਬਿਲਡਰ ਨੂੰ ਐਪ ਦਾ ਵੇਰਵਾ ਦਿੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੇ ਸ਼ਬਦ ਤੈਅ ਕਰਦੇ ਹਨ ਕਿ ਕਿਹੜੀਆਂ ਪਰਤਾਂ ਬਣਦੀਆਂ ਹਨ। "ਇੱਕ ਪੇਜ ਬਣਾਓ ਜੋ ਸਾਡਾ ਮੀਨੂ ਵਿਖਾਏ" ਇੱਕ ਫਰੰਟਐਂਡ ਬਣਾਉਂਦਾ ਹੈ। "ਗਾਹਕਾਂ ਨੂੰ ਸਾਡੇ ਮੀਨੂ ਤੋਂ ਆਰਡਰ ਕਰਨ ਦਿਓ ਅਤੇ ਰਸੋਈ ਨੂੰ ਨਵੇਂ ਆਰਡਰ ਵੇਖਣ ਦਿਓ" ਲਈ ਤਿੰਨੇ ਪਰਤਾਂ ਚਾਹੀਦੀਆਂ ਹਨ, ਕਿਉਂਕਿ ਆਰਡਰ ਸੇਵ ਕਰਨੇ ਪੈਂਦੇ ਹਨ, ਦੋ ਕਿਸਮਾਂ ਦੇ ਯੂਜ਼ਰਾਂ ਵਿਚਕਾਰ ਸਾਂਝੇ ਕਰਨੇ ਪੈਂਦੇ ਹਨ ਅਤੇ ਨਿੱਜੀ ਰੱਖਣੇ ਪੈਂਦੇ ਹਨ।
ਇਹ ਫ਼ਰਕ ਜਾਣਨਾ ਤਿੰਨ ਤਰੀਕਿਆਂ ਨਾਲ ਮਦਦ ਕਰਦਾ ਹੈ:
- ਤੁਸੀਂ ਸਹੀ ਚੀਜ਼ ਮੰਗਦੇ ਹੋ। ਜੇ ਤੁਸੀਂ ਡਾਟਾ ਸੇਵ ਕਰਵਾਉਣਾ ਹੈ, ਤਾਂ ਇਹ ਸਾਫ਼ ਕਹੋ। ਜੋ ਬਿਲਡਰ ਸਿਰਫ਼ ਫਰੰਟਐਂਡ ਬਣਾਉਂਦਾ ਹੈ, ਉਹ ਮੁਕੰਮਲ ਲੱਗੇਗਾ ਪਰ ਰਿਫ੍ਰੈਸ਼ 'ਤੇ ਸਭ ਕੁਝ ਭੁੱਲ ਜਾਵੇਗਾ।
- ਤੁਸੀਂ ਨਕਲੀ ਮੁਕੰਮਲਤਾ ਪਛਾਣਦੇ ਹੋ। ਨਮੂਨੇ ਦੇ ਡਾਟੇ ਵਾਲਾ ਡੈਮੋ ਅਸਲ ਕੰਮ ਕਰਦੀ ਐਪ ਵਰਗਾ ਹੀ ਲੱਗ ਸਕਦਾ ਹੈ। ਪਰਤਾਂ ਜਾਣ ਕੇ ਤੁਸੀਂ ਜਾਂਚ ਸਕਦੇ ਹੋ ਕਿ ਡਾਟਾ ਅਸਲ ਵਿੱਚ ਕਿਤੇ ਜਾਂਦਾ ਹੈ।
- ਤੁਸੀਂ ਚੱਲਦੇ ਖਰਚੇ ਸਮਝਦੇ ਹੋ। ਸਿਰਫ਼ ਫਰੰਟਐਂਡ ਨੂੰ ਸਟੈਟਿਕ ਫਾਈਲਾਂ ਵਜੋਂ ਪਰੋਸਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਬੈਕਐਂਡ ਅਤੇ ਡਾਟਾਬੇਸ ਸਰਵਰਾਂ 'ਤੇ ਚੱਲਣ ਵਾਲੇ ਪ੍ਰੋਗਰਾਮ ਹਨ, ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਹੋਸਟਿੰਗ ਦਾ ਖਰਚਾ ਇੱਥੋਂ ਆਉਂਦਾ ਹੈ।
ਰੋਜ਼ਾਨਾ ਦੀ ਮਿਸਾਲ: ਇੱਕ ਰੈਸਟੋਰੈਂਟ
ਇੱਕ ਰੈਸਟੋਰੈਂਟ ਬਾਰੇ ਸੋਚੋ।
- ਡਾਈਨਿੰਗ ਰੂਮ ਫਰੰਟਐਂਡ ਹੈ। ਮੀਨੂ, ਮੇਜ਼ ਅਤੇ ਵੇਟਰ ਦੀ ਨੋਟਬੁੱਕ। ਇਹ ਉਹ ਹੈ ਜੋ ਗਾਹਕ ਵੇਖਦੇ ਹਨ, ਅਤੇ ਇਸਨੂੰ ਸੁਹਾਵਣਾ ਅਤੇ ਵਰਤਣ ਵਿੱਚ ਆਸਾਨ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ।
- ਰਸੋਈ ਬੈਕਐਂਡ ਹੈ। ਗਾਹਕ ਅੰਦਰ ਨਹੀਂ ਜਾਂਦੇ। ਇਹ ਆਰਡਰ ਲੈਂਦੀ ਹੈ, ਜਾਂਚਦੀ ਹੈ ਕਿ ਪਕਵਾਨ ਉਪਲਬਧ ਹੈ, ਪਕਾਉਂਦੀ ਹੈ, ਅਤੇ ਅਜੀਬ ਬੇਨਤੀਆਂ ਨੂੰ ਨਾਂਹ ਕਰਦੀ ਹੈ। ਨਿਯਮ ਇੱਥੇ ਰਹਿੰਦੇ ਹਨ।
- ਪੈਂਟਰੀ ਅਤੇ ਆਰਡਰ ਬੁੱਕ ਡਾਟਾਬੇਸ ਹਨ। ਇਹ ਰੱਖਦੇ ਹਨ ਕਿ ਕੀ ਮੌਜੂਦ ਹੈ ਅਤੇ ਕੀ ਆਰਡਰ ਹੋਇਆ ਹੈ, ਤਾਂ ਜੋ ਸ਼ਿਫਟ ਬਦਲਣ 'ਤੇ ਕੁਝ ਨਾ ਭੁੱਲੇ।
ਇੱਕ ਰੈਸਟੋਰੈਂਟ ਜਿਸ ਵਿੱਚ ਸਿਰਫ਼ ਡਾਈਨਿੰਗ ਰੂਮ ਹੈ, ਉਹ ਤੁਹਾਨੂੰ ਸੋਹਣਾ ਮੀਨੂ ਦਿਖਾ ਸਕਦਾ ਹੈ, ਪਰ ਤੁਹਾਨੂੰ ਖਾਣਾ ਨਹੀਂ ਦੇ ਸਕਦਾ। ਇਹ ਉਸ ਫਰੰਟਐਂਡ-ਓਨਲੀ ਐਪ ਵਰਗਾ ਹੈ ਜੋ ਫੁੱਲ-ਸਟੈਕ ਹੋਣ ਦਾ ਦਿਖਾਵਾ ਕਰਦੀ ਹੈ।
ਤਿੰਨ ਪਰਤਾਂ ਵਿਸਥਾਰ ਵਿੱਚ
| ਪਰਤ | ਕਿੱਥੇ ਚੱਲਦੀ ਹੈ | ਇਸਦਾ ਕੰਮ | ਆਮ ਟੈਕਨਾਲੋਜੀ |
|---|---|---|---|
| ਫਰੰਟਐਂਡ | ਵਿਜ਼ਿਟਰ ਦੇ ਬਰਾਊਜ਼ਰ ਵਿੱਚ | ਸਕਰੀਨਾਂ ਵਿਖਾਉਣੀਆਂ, ਇਨਪੁੱਟ ਇਕੱਠਾ ਕਰਨਾ, ਤੇਜ਼ ਮਹਿਸੂਸ ਹੋਣਾ | HTML, CSS, JavaScript, ਅਕਸਰ React |
| ਬੈਕਐਂਡ | ਤੁਹਾਡੇ ਕੰਟਰੋਲ ਵਾਲੇ ਸਰਵਰ 'ਤੇ | ਪਰਮਿਸ਼ਨ ਜਾਂਚਣੀਆਂ, ਕਾਰੋਬਾਰੀ ਨਿਯਮ ਲਾਗੂ ਕਰਨੇ, ਗੁਪਤ ਕੁੰਜੀਆਂ ਨਾਲ ਹੋਰ ਸੇਵਾਵਾਂ ਨੂੰ ਕਾਲ ਕਰਨਾ | Node.js, Python, C#, Java ਅਤੇ ਹੋਰ |
| ਡਾਟਾਬੇਸ | ਸਰਵਰ 'ਤੇ, ਬੈਕਐਂਡ ਦੇ ਨਾਲ | ਡਾਟਾ ਭਰੋਸੇਯੋਗ ਢੰਗ ਨਾਲ ਸੰਭਾਲਣਾ ਅਤੇ ਲੱਭਣਾ | Postgres, MySQL, SQLite |
ਪਰਤਾਂ ਇੱਕ ਤੈਅ ਕ੍ਰਮ ਵਿੱਚ ਗੱਲ ਕਰਦੀਆਂ ਹਨ। ਫਰੰਟਐਂਡ ਬੈਕਐਂਡ ਤੋਂ API ਰਾਹੀਂ ਕੁਝ ਮੰਗਦਾ ਹੈ, ਯਾਨੀ ਬੇਨਤੀਆਂ ਦਾ ਇੱਕ ਤੈਅ ਸਮੂਹ ਜੋ ਬੈਕਐਂਡ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ। ਬੈਕਐਂਡ ਬੇਨਤੀ ਦੀ ਜਾਂਚ ਕਰਦਾ ਹੈ, ਡਾਟਾਬੇਸ ਪੜ੍ਹਦਾ ਜਾਂ ਲਿਖਦਾ ਹੈ, ਅਤੇ ਜਵਾਬ ਵਾਪਸ ਭੇਜਦਾ ਹੈ। ਫਰੰਟਐਂਡ ਡਾਟਾਬੇਸ ਨੂੰ ਸਿੱਧਾ ਕਦੇ ਨਹੀਂ ਛੂਹਦਾ।
ਇਹ ਕ੍ਰਮ ਪੂਰੀ ਸਟੈਕ ਵਿੱਚ ਸਭ ਤੋਂ ਅਹਿਮ ਸੁਰੱਖਿਆ ਵਿਚਾਰ ਹੈ। ਫਰੰਟਐਂਡ ਵਿਚਲੀ ਕੋਈ ਵੀ ਚੀਜ਼ ਵਿਜ਼ਿਟਰ ਵੱਲੋਂ ਪੜ੍ਹੀ ਅਤੇ ਬਦਲੀ ਜਾ ਸਕਦੀ ਹੈ, ਕਿਉਂਕਿ ਉਹ ਉਸਦੀ ਡਿਵਾਈਸ 'ਤੇ ਚੱਲਦੀ ਹੈ। ਇਸ ਲਈ ਨਿਯਮ, ਜਿਵੇਂ "ਇਹ ਇਨਵੌਇਸ ਸਿਰਫ਼ ਮਾਲਕ ਵੇਖ ਸਕਦਾ ਹੈ" ਜਾਂ "ਕੂਪਨ ਇੱਕ ਵਾਰ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ", ਬੈਕਐਂਡ ਵਿੱਚ ਲਾਗੂ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ। ਇਸ ਵੰਡ ਬਾਰੇ ਹੋਰ ਜਾਣਨ ਲਈ ਵੇਖੋ ਫਰੰਟਐਂਡ ਬਨਾਮ ਬੈਕਐਂਡ।
ਇੱਕ ਕੰਮ ਦੀ ਮਿਸਾਲ: ਕਲਾਸ ਬੁਕਿੰਗ ਐਪ
ਮੰਨ ਲਓ ਤੁਸੀਂ ਇੱਕ ਯੋਗਾ ਸਟੂਡੀਓ ਚਲਾਉਂਦੇ ਹੋ ਅਤੇ ਲੋਕ ਔਨਲਾਈਨ ਕਲਾਸਾਂ ਬੁੱਕ ਕਰਨ।
ਵਿਜ਼ਿਟਰ ਕੀ ਕਰਦਾ ਹੈ: ਸਾਈਟ ਖੋਲ੍ਹਦਾ ਹੈ, ਇਸ ਹਫ਼ਤੇ ਦੀਆਂ ਕਲਾਸਾਂ ਵੇਖਦਾ ਹੈ, ਇੱਕ 'ਤੇ ਟੈਪ ਕਰਦਾ ਹੈ, ਸਾਈਨ ਇਨ ਕਰਦਾ ਹੈ ਅਤੇ ਆਪਣੀ ਸੀਟ ਬੁੱਕ ਕਰਦਾ ਹੈ।
ਹੇਠਾਂ ਕੀ ਹੁੰਦਾ ਹੈ:
- ਫਰੰਟਐਂਡ ਟਾਈਮਟੇਬਲ ਵਿਖਾਉਂਦਾ ਹੈ। ਇਸਨੂੰ ਭਰਨ ਲਈ, ਇਹ ਬੈਕਐਂਡ ਤੋਂ ਪੁੱਛਦਾ ਹੈ, "ਇਸ ਹਫ਼ਤੇ ਕਿਹੜੀਆਂ ਕਲਾਸਾਂ ਹਨ, ਅਤੇ ਕਿੰਨੀਆਂ ਸੀਟਾਂ ਬਾਕੀ ਹਨ?"
- ਬੈਕਐਂਡ ਡਾਟਾਬੇਸ ਤੋਂ ਕਲਾਸਾਂ ਮੰਗਦਾ ਹੈ ਅਤੇ ਹਰ ਇੱਕ ਲਈ ਬੁਕਿੰਗਾਂ ਗਿਣਦਾ ਹੈ, ਫਿਰ ਜਵਾਬ ਦਿੰਦਾ ਹੈ।
- ਵਿਜ਼ਿਟਰ Book ਦਬਾਉਂਦਾ ਹੈ। ਫਰੰਟਐਂਡ ਭੇਜਦਾ ਹੈ "ਇਸ ਸਾਈਨ ਇਨ ਕੀਤੇ ਵਿਅਕਤੀ ਲਈ ਕਲਾਸ 42 ਬੁੱਕ ਕਰੋ"।
- ਬੈਕਐਂਡ ਜਾਂਚਦਾ ਹੈ: ਕੀ ਇਹ ਵਿਅਕਤੀ ਸੱਚਮੁੱਚ ਸਾਈਨ ਇਨ ਹੈ? ਕੀ ਕਲਾਸ ਭਰੀ ਹੋਈ ਹੈ? ਕੀ ਉਸਨੇ ਪਹਿਲਾਂ ਹੀ ਬੁੱਕ ਕੀਤੀ ਹੋਈ ਹੈ? ਸਿਰਫ਼ ਜੇ ਸਭ ਠੀਕ ਹੈ, ਤਾਂ ਇਹ ਡਾਟਾਬੇਸ ਵਿੱਚ ਇੱਕ ਨਵੀਂ ਬੁਕਿੰਗ ਰੋਅ ਲਿਖਦਾ ਹੈ।
- ਬੈਕਐਂਡ "ਬੁੱਕ ਹੋ ਗਿਆ" ਦਾ ਜਵਾਬ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਫਰੰਟਐਂਡ ਪੁਸ਼ਟੀ ਵਿਖਾਉਂਦਾ ਹੈ।
- ਬਾਅਦ ਵਿੱਚ, ਸਟੂਡੀਓ ਦੀ ਮਾਲਕਣ ਲੌਗਇਨ ਕਰਦੀ ਹੈ ਅਤੇ ਕਲਾਸ ਲਿਸਟ ਵੇਖਦੀ ਹੈ। ਬੈਕਐਂਡ ਜਾਂਚਦਾ ਹੈ ਕਿ ਉਹ ਐਡਮਿਨ ਹੈ, ਫਿਰ ਹੀ ਸਭ ਦੇ ਨਾਮ ਵਿਖਾਉਂਦਾ ਹੈ।
ਹੁਣ ਕਲਪਨਾ ਕਰੋ ਕਿ ਇਹ ਸਿਰਫ਼ ਫਰੰਟਐਂਡ ਨਾਲ ਬਣਾਇਆ ਗਿਆ ਹੁੰਦਾ। ਟਾਈਮਟੇਬਲ ਸ਼ਾਇਦ ਵਿਖ ਜਾਂਦਾ, ਅਤੇ Book ਬਟਨ ਸ਼ਾਇਦ ਸੋਹਣਾ ਟਿਕ ਵਿਖਾਉਂਦਾ, ਪਰ ਰਿਫ੍ਰੈਸ਼ 'ਤੇ ਬੁਕਿੰਗ ਗਾਇਬ ਹੋ ਜਾਂਦੀ, ਦੂਜਿਆਂ ਲਈ "ਬਾਕੀ ਸੀਟਾਂ" ਦੀ ਗਿਣਤੀ ਗਲਤ ਹੁੰਦੀ, ਅਤੇ ਮਾਲਕਣ ਕਦੇ ਇਸਨੂੰ ਨਾ ਵੇਖਦੀ। ਕਦਮ 4, ਯਾਨੀ ਜਾਂਚਾਂ, ਪੂਰੀ ਤਰ੍ਹਾਂ ਗਾਇਬ ਹੁੰਦੀਆਂ। ਇਹੀ ਵਿਹਾਰਕ ਫ਼ਰਕ ਹੈ।
ਮੁੱਖ ਸ਼ਬਦ
- ਫਰੰਟਐਂਡ (ਕਲਾਇੰਟ ਸਾਈਡ): ਉਹ ਹਿੱਸਾ ਜੋ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।
- ਬੈਕਐਂਡ (ਸਰਵਰ ਸਾਈਡ): ਉਹ ਹਿੱਸਾ ਜੋ ਸਰਵਰ 'ਤੇ ਚੱਲਦਾ ਹੈ। ਇਸਨੂੰ API ਸਰਵਰ ਵੀ ਕਿਹਾ ਜਾਂਦਾ ਹੈ।
- ਡਾਟਾਬੇਸ: ਜਿੱਥੇ ਡਾਟਾ ਵਿਵਸਥਿਤ ਢੰਗ ਨਾਲ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ। ਵੇਖੋ ਡਾਟਾਬੇਸ ਕੀ ਹੈ।
- API: ਬੇਨਤੀਆਂ ਦੀ ਸੂਚੀ ਜੋ ਬੈਕਐਂਡ ਫਰੰਟਐਂਡ ਜਾਂ ਹੋਰ ਪ੍ਰੋਗਰਾਮਾਂ ਤੋਂ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ।
- ਆਥੈਂਟੀਕੇਸ਼ਨ: ਜਾਂਚਣਾ ਕਿ ਕੋਈ ਕੌਣ ਹੈ (ਲੌਗਇਨ)। ਔਥੋਰਾਈਜ਼ੇਸ਼ਨ: ਜਾਂਚਣਾ ਕਿ ਉਹ ਕੀ ਕਰ ਸਕਦਾ ਹੈ।
- ਡਿਪਲੌਇਮੈਂਟ: ਸਾਰੀਆਂ ਪਰਤਾਂ ਨੂੰ ਸਰਵਰਾਂ 'ਤੇ ਰੱਖਣਾ ਤਾਂ ਜੋ ਲੋਕ ਉਹਨਾਂ ਨੂੰ ਵਰਤ ਸਕਣ।
- ਮੋਨੋਲਿਥ ਬਨਾਮ ਸਰਵਿਸਾਂ: ਇੱਕ ਪ੍ਰੋਗਰਾਮ ਜੋ ਸਭ ਕੁਝ ਕਰਦਾ ਹੈ, ਬਨਾਮ ਕਈ ਛੋਟੇ ਪ੍ਰੋਗਰਾਮ (ਜਿਵੇਂ ਇੱਕ ਵੈੱਬਸਾਈਟ ਅਤੇ ਇੱਕ ਵੱਖਰਾ API)। ਦੋਵੇਂ ਫੁੱਲ-ਸਟੈਕ ਹਨ।
ਆਮ ਗਲਤੀਆਂ ਅਤੇ ਗਲਤਫਹਿਮੀਆਂ
- “ਇਹ ਮੁਕੰਮਲ ਲੱਗਦਾ ਹੈ, ਇਸ ਲਈ ਮੁਕੰਮਲ ਹੈ।” ਨਮੂਨੇ ਦਾ ਡਾਟਾ ਅਤੇ ਕੰਮ ਕਰਦਾ ਲੱਗਣ ਵਾਲਾ ਬਟਨ ਸੇਵ ਕੀਤੇ ਡਾਟੇ ਦੇ ਬਰਾਬਰ ਨਹੀਂ ਹਨ। ਪੇਜ ਰਿਫ੍ਰੈਸ਼ ਕਰੋ, ਇਸਨੂੰ ਪ੍ਰਾਈਵੇਟ ਵਿੰਡੋ ਵਿੱਚ ਖੋਲ੍ਹੋ, ਅਤੇ ਜਾਂਚੋ ਕਿ ਡਾਟਾ ਅਜੇ ਵੀ ਹੈ।
- ਨਿਯਮ ਫਰੰਟਐਂਡ ਵਿੱਚ ਰੱਖਣਾ। ਬਟਨ ਲੁਕਾਉਣਾ ਸੁਰੱਖਿਆ ਨਹੀਂ ਹੈ। ਜੇ ਬੈਕਐਂਡ ਜਾਂਚ ਨਹੀਂ ਕਰਦਾ, ਤਾਂ ਜੋ ਵੀ ਬੇਨਤੀ ਦਾ ਤਰੀਕਾ ਜਾਣਦਾ ਹੈ ਉਹ ਇਹ ਕਰ ਸਕਦਾ ਹੈ।
- ਗੁਪਤ ਕੁੰਜੀਆਂ ਫਰੰਟਐਂਡ ਵਿੱਚ ਰੱਖਣਾ। ਭੁਗਤਾਨ ਜਾਂ ਏਆਈ ਪ੍ਰਦਾਤਾ ਦੀ ਕੁੰਜੀ ਬਰਾਊਜ਼ਰ ਕੋਡ ਵਿੱਚ ਹਰ ਵਿਜ਼ਿਟਰ ਲਈ ਪੜ੍ਹਨ ਯੋਗ ਹੈ। ਕੁੰਜੀਆਂ ਬੈਕਐਂਡ 'ਤੇ, ਐਨਵਾਇਰਮੈਂਟ ਵੇਰੀਏਬਲ ਵਿੱਚ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ। ਵੇਖੋ ਐਨਵਾਇਰਮੈਂਟ ਵੇਰੀਏਬਲ ਅਤੇ ਸੀਕ੍ਰੇਟ।
- ਫੁੱਲ-ਸਟੈਕ ਦਾ ਮਤਲਬ ਗੁੰਝਲਦਾਰ ਮੰਨਣਾ। ਇੱਕ ਛੋਟੀ ਫੁੱਲ-ਸਟੈਕ ਐਪ ਕੁਝ ਸਕਰੀਨਾਂ, ਕੁਝ ਬੈਕਐਂਡ ਰੂਟ ਅਤੇ ਤਿੰਨ ਡਾਟਾਬੇਸ ਟੇਬਲਾਂ ਦੀ ਹੋ ਸਕਦੀ ਹੈ। ਇਹ ਪਰਤਾਂ ਦਾ ਵਰਣਨ ਹੈ, ਆਕਾਰ ਦਾ ਨਹੀਂ।
- ਮੰਨਣਾ ਕਿ ਤੁਹਾਨੂੰ ਹਰ ਟੈਕਨਾਲੋਜੀ ਖੁਦ ਚੁਣਨੀ ਪਵੇਗੀ। ਪਹਿਲੇ ਸੰਸਕਰਣ ਲਈ ਕੋਈ ਵੀ ਸਮਝਦਾਰ, ਵਿਆਪਕ ਵਰਤੀ ਜਾਂਦੀ ਸਟੈਕ ਕਾਫ਼ੀ ਹੈ। ਜ਼ਿਆਦਾ ਅਹਿਮ ਹੈ ਡਾਟੇ ਅਤੇ ਨਿਯਮਾਂ ਦਾ ਸਾਫ਼ ਵੇਰਵਾ।
ਆਪਣੇ ਏਆਈ ਬਿਲਡਰ ਤੋਂ ਕੀ ਮੰਗਣਾ ਹੈ
ਐਪ ਦਾ ਵੇਰਵਾ ਤਿੰਨ ਪਰਤਾਂ ਦੇ ਸੰਦਰਭ ਵਿੱਚ ਦਿਓ, ਭਾਵੇਂ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਦੇ ਨਾਮ ਨਾ ਵੀ ਲਓ:
- ਡਾਟਾ: “ਕਲਾਸਾਂ (ਨਾਮ, ਸਮਾਂ, ਸਮਰੱਥਾ) ਅਤੇ ਬੁਕਿੰਗਾਂ (ਕਲਾਸ, ਵਿਅਕਤੀ, ਬੁਕ ਕੀਤਾ ਸਮਾਂ) ਡਾਟਾਬੇਸ ਵਿੱਚ ਸੇਵ ਕਰੋ।”
- ਨਿਯਮ: “ਸਮਰੱਥਾ ਤੋਂ ਵੱਧ ਕਲਾਸ ਬੁੱਕ ਨਹੀਂ ਹੋ ਸਕਦੀ। ਇੱਕ ਵਿਅਕਤੀ ਇੱਕ ਕਲਾਸ ਸਿਰਫ਼ ਇੱਕ ਵਾਰ ਬੁੱਕ ਕਰ ਸਕਦਾ ਹੈ। ਸਿਰਫ਼ ਐਡਮਿਨ ਵੇਖ ਸਕਦੇ ਹਨ ਕਿ ਕਿਸਨੇ ਬੁੱਕ ਕੀਤਾ।”
- ਸਕਰੀਨਾਂ: “ਹਫ਼ਤਾਵਾਰੀ ਟਾਈਮਟੇਬਲ, ਬੁਕਿੰਗ ਪੁਸ਼ਟੀ, ਅਤੇ ਐਡਮਿਨ ਪੇਜ ਜੋ ਹਰ ਕਲਾਸ ਲਈ ਬੁਕਿੰਗਾਂ ਵਿਖਾਏ।”
- ਜਾਂਚਾਂ: “ਇਹ ਨਿਯਮ ਸਿਰਫ਼ ਪੇਜ ਵਿੱਚ ਨਹੀਂ, ਸਰਵਰ 'ਤੇ ਲਾਗੂ ਕਰੋ। API ਕੁੰਜੀਆਂ ਸਰਵਰ 'ਤੇ ਰੱਖੋ।”
ਫਿਰ ਸ਼ੱਕੀ ਵਾਂਗ ਜਾਂਚੋ: ਰਿਫ੍ਰੈਸ਼ ਕਰੋ, ਦੋ ਵੱਖ-ਵੱਖ ਲੋਕਾਂ ਵਜੋਂ ਸਾਈਨ ਇਨ ਕਰੋ, ਅਤੇ ਉਹ ਡਾਟਾ ਵੇਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ ਜੋ ਤੁਹਾਨੂੰ ਨਹੀਂ ਵੇਖਣਾ ਚਾਹੀਦਾ। ਏਆਈ ਨਾਲ ਐਪ ਬਣਾਉਣ ਦੀ ਗਾਈਡ ਇਸ ਪੂਰੇ ਚੱਕਰ ਵਿੱਚੋਂ ਲੰਘਦੀ ਹੈ।
Mythex 'ਤੇ ਫੁੱਲ-ਸਟੈਕ ਐਪਾਂ
Mythex ਚੈਟ ਵਿੱਚ ਦਿੱਤੇ ਵੇਰਵੇ ਤੋਂ ਫੁੱਲ-ਸਟੈਕ ਵੈੱਬ ਐਪਾਂ ਬਣਾਉਂਦਾ ਹੈ। ਡਿਫਾਲਟ ਤੌਰ 'ਤੇ ਨਵੀਂ ਐਪ ਨੂੰ React ਅਤੇ TypeScript ਫਰੰਟਐਂਡ ਮਿਲਦਾ ਹੈ; ਜਦੋਂ ਐਪ ਨੂੰ ਡਾਟਾ ਸੇਵ ਕਰਨਾ ਪਵੇ, ਤਾਂ Mythex ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਇੱਕ ਸਮਰਪਿਤ Postgres ਡਾਟਾਬੇਸ ਜੋੜਦਾ ਹੈ, ਅਤੇ ਤੁਸੀਂ ਵੈੱਬਸਾਈਟ ਦੇ ਨਾਲ ਇੱਕ ਵੱਖਰਾ API ਸਰਵਰ ਵੀ ਮੰਗ ਸਕਦੇ ਹੋ (ਜਿਵੇਂ Python, Node, C# ਜਾਂ Java)। ਸਭ ਕੁਝ ਇਕੱਠਾ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਚੱਲਦਾ ਹੈ ਅਤੇ ਇੱਕ ਜਨਤਕ URL 'ਤੇ ਪ੍ਰਕਾਸ਼ਿਤ ਹੁੰਦਾ ਹੈ। ਡੌਕਸ ਦਾ ਪੰਨਾ ਮਲਟੀ-ਸਰਵਿਸ ਐਪਾਂ ਦੱਸਦਾ ਹੈ ਕਿ ਵੈੱਬਸਾਈਟ ਅਤੇ API ਇਕੱਠੇ ਕਿਵੇਂ ਪ੍ਰੀਵਿਊ ਅਤੇ ਪ੍ਰਕਾਸ਼ਿਤ ਹੁੰਦੇ ਹਨ, ਅਤੇ ਫੁੱਲ-ਸਟੈਕ ਐਪ ਬਿਲਡਰ ਪੰਨੇ 'ਤੇ ਸ਼ੁਰੂਆਤੀ ਬਿੰਦੂ ਹਨ।
ਸਵਾਲ
ਫੁੱਲ-ਸਟੈਕ ਦਾ ਕੀ ਮਤਲਬ ਹੈ?
ਫੁੱਲ-ਸਟੈਕ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਐਪ ਆਪਣੇ ਆਪ ਕੰਮ ਕਰਨ ਲਈ ਲੋੜੀਂਦੀਆਂ ਸਾਰੀਆਂ ਪਰਤਾਂ ਰੱਖਦੀ ਹੈ: ਫਰੰਟਐਂਡ ਜੋ ਲੋਕ ਵੇਖਦੇ ਅਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹਨ, ਬੈਕਐਂਡ ਜੋ ਸਰਵਰ 'ਤੇ ਚੱਲਦਾ ਹੈ ਅਤੇ ਨਿਯਮ ਲਾਗੂ ਕਰਦਾ ਹੈ, ਅਤੇ ਡਾਟਾਬੇਸ ਜੋ ਡਾਟਾ ਸੰਭਾਲਦਾ ਹੈ। ਫੁੱਲ-ਸਟੈਕ ਡਿਵੈਲਪਰ ਉਹ ਹੈ ਜੋ ਇਨ੍ਹਾਂ ਸਾਰੀਆਂ ਪਰਤਾਂ 'ਤੇ ਕੰਮ ਕਰ ਸਕਦਾ ਹੈ।
ਕੀ ਵੈੱਬਸਾਈਟ ਇੱਕ ਫੁੱਲ-ਸਟੈਕ ਐਪ ਹੁੰਦੀ ਹੈ?
ਹਮੇਸ਼ਾ ਨਹੀਂ। ਨਿਸ਼ਚਿਤ ਪੇਜਾਂ ਵਾਲੀ ਬਰੋਸ਼ਰ ਸਾਈਟ ਸਿਰਫ਼ ਫਰੰਟਐਂਡ ਹੁੰਦੀ ਹੈ। ਇਹ ਫੁੱਲ-ਸਟੈਕ ਉਦੋਂ ਬਣਦੀ ਹੈ ਜਦੋਂ ਇਸਨੂੰ ਸਰਵਰ ਅਤੇ ਡਾਟਾਬੇਸ ਦੀ ਲੋੜ ਪੈਂਦੀ ਹੈ, ਜਿਵੇਂ ਲੋਕਾਂ ਨੂੰ ਸਾਈਨ ਅੱਪ ਕਰਨ, ਆਰਡਰ ਸੇਵ ਕਰਨ ਜਾਂ ਆਪਣਾ ਡਾਟਾ ਵੇਖਣ ਦੇਣਾ।
ਕੀ ਮੈਨੂੰ ਫੁੱਲ-ਸਟੈਕ ਐਪ ਚਾਹੀਦੀ ਹੈ ਜਾਂ ਸਿਰਫ਼ ਫਰੰਟਐਂਡ?
ਜੇ ਤੁਹਾਡੀ ਐਪ ਨੂੰ ਵਿਜ਼ਿਟਾਂ ਦੇ ਵਿਚਕਾਰ ਕੁਝ ਯਾਦ ਰੱਖਣਾ ਹੈ, ਡਾਟਾ ਹਰ ਯੂਜ਼ਰ ਲਈ ਨਿੱਜੀ ਰੱਖਣਾ ਹੈ, ਭੁਗਤਾਨ ਲੈਣੇ ਹਨ ਜਾਂ ਗੁਪਤ ਕੁੰਜੀਆਂ ਨਾਲ ਹੋਰ ਸੇਵਾਵਾਂ ਨਾਲ ਗੱਲ ਕਰਨੀ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਬੈਕਐਂਡ ਅਤੇ ਡਾਟਾਬੇਸ ਚਾਹੀਦੇ ਹਨ, ਇਸ ਲਈ ਇਹ ਫੁੱਲ-ਸਟੈਕ ਹੈ। ਜੇ ਇਹ ਸਿਰਫ਼ ਜਾਣਕਾਰੀ ਵਿਖਾਉਂਦੀ ਹੈ, ਤਾਂ ਫਰੰਟਐਂਡ ਕਾਫ਼ੀ ਹੈ।
ਕੀ ਏਆਈ ਫੁੱਲ-ਸਟੈਕ ਐਪ ਬਣਾ ਸਕਦਾ ਹੈ?
ਹਾਂ। ਏਆਈ ਐਪ ਬਿਲਡਰ ਸਾਧਾਰਨ ਭਾਸ਼ਾ ਦੇ ਵੇਰਵੇ ਤੋਂ ਫਰੰਟਐਂਡ, ਬੈਕਐਂਡ ਅਤੇ ਡਾਟਾਬੇਸ ਟੇਬਲ ਲਿਖ ਸਕਦੇ ਹਨ, ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਇਕੱਠੇ ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਚਲਾ ਸਕਦੇ ਹਨ। ਫਿਰ ਵੀ ਤੁਹਾਨੂੰ ਡਾਟੇ ਅਤੇ ਕੌਣ ਕੀ ਵੇਖ ਸਕਦਾ ਹੈ ਇਸ ਬਾਰੇ ਦੱਸਣਾ ਪਵੇਗਾ, ਅਤੇ ਨਤੀਜੇ ਦੀ ਜਾਂਚ ਕਰਨੀ ਪਵੇਗੀ।