# بینکنگ ایپ بنائیں حصہ 2: لاگ ان اور رجسٹریشن فارم بنائیں ## لیکچر سے پہلے کا کوئز [لیکچر سے پہلے کا کوئز](https://ff-quizzes.netlify.app/web/quiz/43) ### تعارف تقریباً تمام جدید ویب ایپس میں آپ ایک اکاؤنٹ بنا سکتے ہیں تاکہ آپ کے پاس اپنی ذاتی جگہ ہو۔ چونکہ ایک ہی وقت میں کئی صارفین ویب ایپ تک رسائی حاصل کر سکتے ہیں، اس لیے آپ کو ایک ایسا نظام درکار ہوتا ہے جو ہر صارف کا ذاتی ڈیٹا الگ سے محفوظ کرے اور یہ منتخب کرے کہ کون سی معلومات دکھائی جائیں۔ ہم [صارف کی شناخت کو محفوظ طریقے سے](https://en.wikipedia.org/wiki/Authentication) منظم کرنے کا احاطہ نہیں کریں گے کیونکہ یہ ایک وسیع موضوع ہے، لیکن ہم یہ یقینی بنائیں گے کہ ہر صارف ہماری ایپ پر ایک (یا زیادہ) بینک اکاؤنٹ بنا سکے۔ اس حصے میں ہم HTML فارم استعمال کریں گے تاکہ اپنی ویب ایپ میں لاگ ان اور رجسٹریشن شامل کریں۔ ہم دیکھیں گے کہ ڈیٹا کو سرور API پر پروگرام کے ذریعے کیسے بھیجا جائے، اور آخر میں صارف کے ان پٹ کے لیے بنیادی توثیق کے اصول کیسے متعین کیے جائیں۔ ### پیشگی شرائط آپ کو اس سبق کے لیے ویب ایپ کے [HTML ٹیمپلیٹس اور روٹنگ](../1-template-route/README.md) مکمل کرنے کی ضرورت ہے۔ آپ کو [Node.js](https://nodejs.org) انسٹال کرنے اور [سرور API کو مقامی طور پر چلانے](../api/README.md) کی بھی ضرورت ہے تاکہ آپ اکاؤنٹس بنانے کے لیے ڈیٹا بھیج سکیں۔ **نوٹ کریں** آپ کے پاس ایک ہی وقت میں دو ٹرمینلز چل رہے ہوں گے جیسا کہ نیچے درج ہے: 1. مرکزی بینک ایپ کے لیے جو ہم نے [HTML ٹیمپلیٹس اور روٹنگ](../1-template-route/README.md) سبق میں بنائی تھی۔ 2. [بینک ایپ سرور API](../api/README.md) کے لیے جو ہم نے اوپر سیٹ اپ کیا۔ سبق کے باقی حصے کے ساتھ چلنے کے لیے آپ کو دونوں سرورز کو چلانا ہوگا۔ یہ مختلف پورٹس (پورٹ `3000` اور پورٹ `5000`) پر سن رہے ہیں، اس لیے سب کچھ ٹھیک کام کرنا چاہیے۔ آپ یہ کمانڈ ٹرمینل میں چلا کر چیک کر سکتے ہیں کہ سرور صحیح طریقے سے چل رہا ہے: ```sh curl http://localhost:5000/api # -> should return "Bank API v1.0.0" as a result ``` --- ## فارم اور کنٹرولز `