Up next in 10
PHP Login System Tutorial_ Creating a Login + Registration System in PHP _ PHP Tutorial #40
201 views
Feb 14, 2024
The video titled "PHP Login System Tutorial: Creating a Login + Registration System in PHP - PHP Tutorial #40" likely serves as a comprehensive tutorial for Hindi-speaking audiences interested in creating a login and registration system using PHP. Throughout the tutorial, viewers can expect to learn how to build a complete authentication system from scratch, covering essential concepts such as creating registration and login forms, validating user input, securely storing user credentials in a database, and implementing password hashing for security. Additionally, the tutorial may cover topics such as handling user sessions, implementing password recovery mechanisms, and enhancing the user experience with features like account activation emails. This tutorial is ideal for beginner to intermediate PHP developers fluent in Hindi who want to learn how to create robust authentication systems for their web applications.
View Video Transcript
0:00
आ� miedo टाइम आ चुका है कुछ नया करने का नए से मतलब मेरा यह कि कुछ ऐसा करने का टाइम आ गया है कि हम लोग ए�
0:07
प्रोजेक्ट टाइप कुछ बनाएं और चीजों को होता हुआ देखें अभी तक हमने सिर्फ कांसर्ट पड़े थे और आप लोगो�
0:12
अगर यह पीएस पी की प्लेलिस्ट एक्सेस नहीं करी है तो इसको जरूर जरूर एक्सेस कर लेना मैंने आपको स्टार्टिं�
0:17
से सारे कॉन्सेप्ट जो कि हम करने वाले हैं उसमें लगेंगे वह सब बताए हुए हैं यहां पर तो आप लोग इसको अग�
0:23
एक्सेस करेंगे तो यह आपका एंट्री पॉइंट होना चाहिए प्लेलिस्ट या क्लिक करके बुकमार्क कर लेना नीच�
0:28
क्लिक करके सेव जरूर कर लेना इस प्लेलिस्ट को अब हम लोग क्या करेंगे यहां पर मैंने यहां पर सेशन के बार�
0:34
पिछले वीडियो में बताया था कुछ इसके बारे में बताया था सब चीजें में देख लिया टीटाबेस वगैरह सबकुछ एकदम से�
0:40
भी हमारा, अब हम एक project करेंगे, जो कि एक बहुती common project है
0:44
PHP में, और बहुत ज़्यादा use होने वाला, एक बड़ा system अगर आप बनाते हो
0:48
definitely use होगा, और वो है login system, एक login system हमेशा आपके project मे�
0:53
लगने ही वाला है, चाहें आप कुछ भी कर लो, तो मैं एक काम करूँगा, कि जो VS Code खुला हुआ है ना इसको बंद कर दूँगा अभ�
1:00
और मैं करूँगा क्या कि एक नया project बना कर VS Code अपना उस project में खोल लूँग�
1:06
तो मैं यहाँ पर आ जाऊँगा अपने ZAMP के HD Docs मे�
1:09
और मैं इसका नाम Login System रख दूँगा लॉगन सिस्टम रख दूंगा इसका नाम और मैं लॉगन सिस्टम के अंदर अपना वीएस कोड खोल दूंगा, राइट क्लिक करूँगा, ओपन विथ कोड पर क्लिक कर दूँगा, अब देखो मैंने यहाँ पर ओपन विथ कोड पर क्लिक किया तो यह मेरा कोड में खुल गय�
1:42
index.php और index.php मैंने बना लिए यहाँ पर, अब यहाँ पर index.php मैंने क्योंकि बना लिए
1:49
मैं आपर इस तरह से emit abbreviation लगा लूँगा, और basically मैं क्या कर रहा हूँ
1:55
एक flow बनाने की कोशिश कर रहा हूँ, login करे user, logout कर पाए
2:01
sign up कर पाए, और sign up के साथ साथ, वो क्या करें, login, logout, welcome page भी देख पाए, aprove तो ये मेरा एक basic flow है, मैं क्या करूँगा, मेरा Apache server चल रहा है
2:12
अल्लाइट guys, तो मैंने यहाँ पर देखो, अपाचे और MySQL दोनों start कर लिया है
2:16
और MySQL start इसलिए क्या है, क्योंकि हमको database की जरूरत पढ़ने वाली है
2:20
अब यहाँ पर मैं क्या करूँगा, अपना flow को जिस तरह से बना रहा हूँ, कि एक मेरा login page होगा, यह मेरा index.php है, और index.php पे क्या होगा, यहाँ पर मैं login बना दूँगा, फिर उसके बाद मेरा एक signup.php होगा, इन फाक्ट मैं अभी इसको एक काम करता हूँ, मैं इसको login.php
2:50
ठीक है, इन तीन फाइल्स में मैं क्या करूँगा, सबसे पहले user आएगा signup.php पर
2:55
signup.php में आगर वो signup करेगा, signup करेगा, उसको एक username और password मल जाएगा
3:00
उसका जो data है वो database में store जाएगा, एक बार उसका account बन गया, वो login कर सकता है फिर
3:06
लॉगइन वो जैसे ही करेगा उसको हम लॉगइन करवाएंगे सिक्योरली लॉगइन करवाएंग�
3:11
और लॉगइन करवाने के बाद उसको welcome पे भीच देंगे at any point अगर वो welcome में जाने की कोशिश करता ह�
3:17
बिना लॉगइन किये उसको वापस से login में पटक दिया जाएगा और welcome से हम एक नई चीज बनाएंग�
3:24
एक नई file बनाएंगे logout.php ताकि वो इंसान logout भी कर सक�
3:29
तो sign up, welcome, login, logout ठीक है ये चारों चीजे हम लोग जो है बनाने वाले ह�
3:35
मैंने यहाँ पर आप लोग को flow बता दिया अब मैं यहाँ पर करूँगा कि आप bootstrap का use करूँग�
3:40
अगर आप लोगों को नहीं बता bootstrap क्या है तो मैं बता दू�
3:45
यह एक HTML CSS JS का framework है यहाँ पर आपको बिल्कुल भी ज़्यादा tension नहीं लेनी पड़ेग�
3:51
frontend की frontend वाला काम आपका automatically हो जाएगा जैसे कि मैं आपको दिखाता हूँ ये starter template मैं यहाँ से copy करूँग�
3:58
और यहाँ पर मैं paste कर दूँगा save करूँगा मैं और आप लोगों को दिखाता हूँ मैं local host
4:05
और slash login system में जाऊँगा तो ये देखो मुझे login.php में hello word देखने को मिल गया ह�
4:14
तो ये हमारा flow है basically हम लोग क्या करेंगे کا सबसे पहले साइन अप में जाएंगे साइन अप करेंगे लॉग इन करेंगे वेलकम हो जाएंगे लॉग आउ�
4:23
भी कर पाएंगे सब कुछ कर पाएंगे ठीक है तो यह सारी चीजें जो हम अभी देखने वाले हैं तो चलो यहां पर स्टार्ट करत�
4:30
UI components bootstrap login navigation bar
4:41
और navigation bar बनाने के लिए, मैं require का इस्तेमाल करूँगा PHP में
4:46
क्योंकि मैं यहाँ पर PHP यूज़ कर रहा हूँ, मैं include और require का use कर सकता हू�
4:52
तो मैं यहाँ पर लिखूँगा require और उसके बाद मैं यहाँ पर लिखूँगा nav.php और nav.php क्या करेग�
4:58
in fact मैं इसको underscore से start करूँगा उससे पता चलेगा कि यह component है और अगर मैं एक folder बना दू�
5:05
partial करके तो इस जो हमारे partial उनको स्टोर करेगा और आप लोग भी सोच रहे क्या कर रहा है बता भी नहीं रहा है और करे जा रहा है बार-बा�
5:14
मैं बताता हूं आप लोगों को देखो अंडर्स्कोड नेव डॉट पीएसपी मेरा पार्टिटल फोल्डर के अंदर है तो मैं क्य�
5:21
लेंगा पार्टिशल फोल्डर के अंदर ना प्रोटीज पीएसपी कंटेंट यहां पर ले आऊंगा और अब देखने से होगा क्या मै�
5:27
नेव डॉट पीएसपी के अंदर क्या करूंगा नेव बार लेकर आऊंगा नेव बार में गया है नेव बार में जाने के बाद य�
5:35
मैं कोड कॉपी करूंगा और यहां पर पेस्ट कर दूंगा और आप लोग यहां पर देखो जैसे मैंने यह पेस्ट कर दिय�
5:42
अंडर्स को नाव डॉट पीएशपी अभी मैं आप लोगों को यहां पर दिखाता हूं लॉग इन पीएशपी कैसी दिखती है यह देख�
5:49
प θ विश्व बैसी दिखिए नवबार आ गया इसमें क्यों आए नवबार यहां पर यह नवबार इसलिए आया क्योंकि मैंने यहां प�
5:56
इस्तेमाल किया हुआ है रिक्वायर पार्शल स्लैश अंडर्सको नव पीएशबी अब मैं जो पार्शल है वह बाकी सारी फाइल्�
6:03
देखा दूंगा और सारी फाइल्स एक जैसे देखेंगे इन द फ्यूचर मुझे चेंज करना पड़ गया पार्टियल्स को तो क्य�
6:09
होगा मैं डिरेक्टली यहां पर आपके चेंज कर पाऊंगा लेकिन एड इस पॉइंट मैं यहां पर करूंगा क्या आप लोगो�
6:15
दिखाता हूं मेरा यहां पर हो मैं होम क्या होगा मेरा होम का एचरफ क्या होगा स्लाश लॉग इन सिस्ट�
6:22
चुकी सर्वर में स्लाश लॉग इन सिस्टम में जाना चाहूंगा जब भी कोई होम पर क्लिक करें तो मैं इसको रिलो�
6:29
पर होम पर क्लिक करूंगा तो मैं स्लाइट नॉ लॉग इन सिस्टम में चला जाऊंगा ठीक है और एक बार में लॉग इन सिस्ट�
6:36
में चला गया तो मैं यहां पर लॉग इन पीछे में चला जाऊंगा यहां पर यहां पर आ जाऊंगा तो मैं काम करता हू�
6:41
जो nav bar है, इसमें मैं endus को nav के अंदर लिखता हूँ, my login system, my login system, यहाँ फिर एक काम करते हैं
6:53
इसका नाम कुछ अच्छा सा रखते हैं, इसका नाम iSecure रखते हैं, और iSecure एक PHP login system है, ठीक है
6:59
लिखा मैंने यहां पर एचरफ कर दूंगा स्लाइश लॉग इन सिस्टम ठीक है और यहां पर आप लोग देखो ओम भी स्लाइ�
7:10
लॉग इन सिस्टम में जाएगा फिर एक स्लाश लॉग इन मनाएंगे और यहां पर लिखता हूं लॉग इन ए लो जी आई एन फिर मैं यहां प�
7:22
जो ड्रॉपडाउन है इसको हटा देता हूं, ये मुझे नहीं चाहिए, एलाई जो ड्रॉपडाउन वाली है, उसे मैं हटा दूँगा
7:27
फिर ये डिसेबल्ड वाली एलाई भी हटा देता हूं, ये लॉगइन वाली को एलाई बी रप्लिकेट करते हैं
7:32
और यहाँ पर लिख देते हैं sign up, ठीक है, और यहाँ पर आ जाएगा sign up.php, मुझे यहाँ पर login.php भी लिखना पड़ेगा
7:41
और मैं एक काम करता हूँ, यहाँ पर slash login system भी मुझे लिखना पड़ेगा यहाँ पर, क्योंकि मैं server के login system end point पर हूँ
7:51
और यहाँ पर भी slash login.php तो अगर मैं अभी इसको reload करू�
7:57
तो आप लोग देखो login में मैं click करूँ तो login.php में आ गया sign up पर click करूँ तो sign up.php में आ गय�
8:03
अब मैं चाहता हूँ अगर मैं log out करना चाहूँ तो एक log out button भी मेरे पास होना चाहि�
8:07
logout.php करके ठीक है तो मैं एक काम करूँगा एक logout करके भी बटन मना दूँगा इसको save कर दूँगा ठीक है अब आप मेंसे कई लोगों ने देखा होगा कि जो login sign up और logout होते हैं बट�
8:21
logout तो तो भी दिखाई देता है जब आप login और sign up कर ले�
8:25
लेकिन अभी के लिए थोड़ा सा हम इसको simple रखेंगे जो कि at this point हम लोग चाहते है�
8:32
कि हम लोग एक login system बना पाएं और यह जो search इसको मैं हटा दूँग�
8:37
यह इसको ऐसे ही रहने देते हैं कोई problem नहीं है मैंने यहाँ पर एक नए बार copy किया bootstrap स�
8:43
home, login, signup, logout यहाँ पर 4 endpoints बना दिये अब यहाँ पर जो logout ह�
8:49
वो जाएगा मेरा logout.php पर ठीक है similarly जैसे तरह login.php बना ह�
8:57
उसी तरह मेरा यहाँ पर आ जाएगा logout.php भी in fact logout.php
9:05
यह सिर्फ एक simple सी PHP script होगी, log out redirect signup populate signup welcome welcome
9:20
ठीक है, welcome लिख देता है यहाँ पर, w-e-l-c-o-m-e, ठीक है, मैं इस तरह से welcome लिख देता हूँ
9:29
मैंने यहाँ पर reload किया इसको login में गया तो login.php में हू�
9:33
sign up पे गया देखो sign up पे आ गया log out तो बनाएंगे भी script
9:37
sign up यहाँ पर लियाई login यहाँ पर लियाई और welcome जो है जो मुझे home है वो welcome.php पर लाना चाहि�
9:44
और मैं welcome.php से क्या करूँगा की redirect कर दूँगा ठीक है तो home मुझे welcome.php पर लेकर आएगा ठीक है और welcome.php से मैं redirect कर पाऊंगा कभी भी तो देखो मैं यहाँ पर अगर home पर आ जाओं तो मैं welcome में आ गया हूँ login में आ गया हूँ sign up पर है तो sign up पर आ गया हूँ log out पर क्या होगा आपको मालूम है तो home login sign up की �
10:16
एक rough design मैंने इसका layout कर दिया है ठीक है अब यहाँ पर sign up page को हम सबसे बड़े design करेंग�
10:22
क्योंकि सबसे पहला कम जो user करेगा वो sign up ही करेगा हमारे blog में आकर ठीक है तो sign up page को हम सबसे बड़े design करेंग�
10:28
तो मैं यहाँ पर करूँगा क्या जो sign up वाला मेरा page ह�
10:32
मैं क्या करूँगा, इसमें एक h1 लगाऊंगा, मैं चाहता हूँ आप div.container इस तरह लिखके एंटर मारेंगे, तो आपका div class is equal to container ऐसे बनके आ जाएगा, मैंने कुछ नहीं किया है, div.container लिखा है, एंटर मारोगे, तो यह div.container लिखके यह बनके आ जाएगा, यह html की basics �
11:02
टू वेबसाइट और अगर मैं इस प्लास इगल टेक्स एंटर कर देता हूं �
11:13
ए डिलोड करूंगे तो देखो इस सेंटर पर आ गया साइन अप टू वेबसाइट मैं पर क्या करूंगा फॉर्म में आऊंग�
11:20
और एक simple सा form उठा लूँगा यहाँ से, यह वाला ही उठा लेता हूँ और bootstrap का सबसे मुझे जो favorite part है, वो यह लगता है क�
11:28
bootstrap से copy paste करो, कितना भी copy paste करो, वो कुछ नहीं बोलता ह�
11:32
वो बोलता है, मेरे विशेष कर लो, जितना copy paste करना है खुश रहो और अबाद रहो बस यह चाहता है बूटस्ट्रा�
11:38
तो कभी भी आप कॉपी करोगे बूटस्ट्राप से कभी बुरा नहीं मानेगा वो सबसे बढ़िया बात मुझे लगती है बूटस्ट्राप क�
11:43
मैंने एक form copy किया, मैं कह रहा हूँ कि बाई एक username चुन लो, मैं email नहीं, username चुनवाओंगा उसको, फिर मैं कहूँगा password एक चुनो, फिर मैं कहूँगा confirm करो password, confirm करो password, और फिर sign up कर दो, ठीक है
12:00
तो एक काम करूँगा मैं अभी के लिए सिर्फ यूजर नेम और पासवर्ड ही रखूँगा और कोई चीज़ी नहीं है लेकिन आप एड्रेस डेट ओफ बर्थ उसी के साथ साथ जेंडर और भी कई चीज़े जो यूजर से पूछ सकते हो उसका फोन नंबर पूछ सकते हो उस�
12:30
लोगों को रिलोड करें तो यह देखो यहां पर हमारा एक जो साइन अप है फॉर्म वह बन चुका है ठीक है अब यहां प�
12:37
देखो मैंने एक स्मॉल लगाया हुआ था यहां पर इन फैक्ट मैंने नहीं बूट्सट्रैप से कॉपी किया था वहां से आया थ�
12:41
और मैं यहाँ पर लिख दूंगा कुछ इस तरह से मेक शूर टू टाइप द सीम पासवर्ड और हम कैपिटल कर देता हू�
12:52
और आईडीburger नेम्स जो है उनको भी मैं अच्छे से रख देता हूं तो फॉर इज इक्वल टू यू नेम कर देता हूं य�
13:01
username पूरा कर देता हूं और इसको कॉपी करूंगा आईडी को यूजरनेम करूंगा नीम को भी यूजरनेम करूंगा क�
13:09
नेमी वह चीज है जिससे पहचानते हैं आईडी से नहीं पहचानते नेम से पहचानते सरवर में याद रखना तो जब आ�
13:15
request मारोगे action is equal to ये मुझे डालना पड़ेगा action is equal to कर दूँगा मैं क्या करूँग�
13:23
slash login system slash और उसके बाद मैं signup.php कर दूँगा ठीक है और ये करने के बाद मैं लिखूँग�
13:34
method is equal to post method is equal to post username password password name is equal to password
14:02
� señal पासवर्ड कर दूंगा और यहां पर इसको कॉपी करके इसको पेस्ट करके नेम इस इकल टू इसका सी पासवर्ड थोड़�
14:11
फास्ट टाइपिंग करिए लेकिन आप समझ गए यहां पर क्या किया और इच चेक मी आउट वाला है वह मैं हटा देता हूं ठीक ह�
14:16
सेव कल दिया मैंने इसको तो हमारा फॉर्म भी कुछ इस तरह देख रहा है देखो यूजरनेम पासवर्ड कनफर्म पासवर्�
14:24
तीन चीजें हम पूछ रहे हैं और यूजर से साइन अप करा रहे हैं बहुत साइन अप कर दे यूजरनेम यह रहा पासवर्�
14:30
पर कट करो पासफ़र्ट और साइन अप करो और खुश रहो आप आदर हो साइन पर दो बस हमारी व storm और साइन अप वह करेग�
14:37
एक बार हमारी वेबसाइट पर तो मज़े आएंगे फिर उसको फिर हम फिर बाकी चीजें जो हमारी है ठीक है तो आइडियली ए�
14:45
रिसेट बटन भी होता है, वेबसाइट में जो की क्या करता है, आपके फॉर्म को रिसेट कर देता है
14:50
वो भी आप बना सकते हो, लेकिन अभी के लिए मैं उसको नहीं बना रहा हूँ, मैं चीज़ों को एकदम सिंपल रखना चाहता हूँ
14:54
अब अगर आप लोगों को इसको छोटा करना है बान लो छोटा करना ह�
14:58
तो आप call md6 इसको कर दो reload करोगे तो इसको छोटा हो जाएग�
15:05
अगर ऐसा करना है आपको तो आप क्या करो call md6 सब में डाल दो ये class
15:11
bootstrap कैसे काम करता है बूट्स्ट्राप क्या है क्यों है कब है और कैसे है अगर यह आपको चाहिए तो मैं आपको सजेस्ट करूंगा क�
15:20
आप लोग मेरा बूट्स्ट्राप का डिटोरियल देखो लेकिन अभी के लिए मैं क्या करूंगा इसको सब में कॉल एमडी 6
15:25
कर दूंगा इससे क्या होगा कि यह जो space लेने वाला होगा उसकी आधी space लेगा और अगर आप लोग चाहत�
15:31
हो कि यह center में आ जाए जो मेरा container है तो मैं आपको बताता हूं वह कैसे होगा right click करक�
15:37
अगर मैं इंस्पेक्ट करूं इसको और डिव डॉट कंटीनर में अगर मैं आ जाऊं तो आप क्या करोगी जो कंटीनर इसक�
15:43
फ्लैक्स बॉक्स बना सकते हो अब मैं आप बिल्कुल भी सीएसस डिजाइनिंग में नहीं जाना चाहता रिपीट में सीएस�
15:49
डिजाइरिंग में बिल्कुल नहीं जाना चाहता आप इसको डिस्प्ले फ्लेक्स कर दोगे फ्लेक्स डिरेक्शन इसकी कॉल�
15:53
कर दोगे मैं आपको बस यह बता रहा हूं कि आप कर सकते हो ठीक है यह चीज आप कर सकते हो यह मत सोचना नही�
15:59
नहीं पाएगा ठीक है और फिर लाइन आइटम सेंटर पर दो तो यह सेंटर पर आ जाएगा ठीक है सिमिलाली अगर य�
16:05
यूजरनेम को भी सेंटर पर लाना है तो आप क्या करोगे यह जो लेबल है इस लेबल को आप डिस्प्ले ब्लॉक कर देन�
16:11
डिस्प्लेय ब्लॉक और उसके बाद आप लोग अलाइन एटम्स को सेंटर कर दोगे जैसे ही तो आप लोग यहां पर सॉर लाइ�
16:19
एटम्स टेक्स लाइन को सेंटर कर दोगे वैसे आपका जो यूजर नेम वह सेंटर पर चाहिए तो यह सारे काम जो है अग�
16:24
आप लोगों को बहुत ज्यादा लूबा है तो डिजाइनिंग का मेरा कोई भी वीडियो देख लेना बूटस्ट्रैप का देख लेन�
16:29
या फिर वेब डेवलपमेंट की सीरीजी क्यों ना उठा लेना जिसमें 101 वीडियोस लेकिन मैं पीएच पीएच आपक�
16:34
गुमरा करके दूसरी जगह ले जाना नहीं चाहता हूं इस पर आलमोस्ट वन मिलियन व्यूज कंप्लीट हो चुके हैं तो यह भ�
16:40
आप देख सकते हैं बहुत बढ़िया वाच रहेगा यह प्लेलिस्ट आप देख लेना इसको लेकिन मैं एड दिस पॉइंट आप लोगो�
16:46
तो सिर्फ पीएस बताना चाहता हूं मैं सब कुछ वापस कर दूंगा जिसको कॉल एमडी सिक्स वाली बात भी समझ मे�
16:51
नहीं आई वह भी कोई बात नहीं टेंशन मत ले रहा बिल्कुल भी इन फैक्ट मुझे इस बात को बीच में लाना ही नही�
16:56
था but अब मैं क्योंकि आप लोगों को designing भी चाहिए होती है कुछ लोगों को इसलिए मैं लेकर आया इसको मै�
17:04
ऐसे ही रहने दूँगा मैंने यहाँ पर username password confirm password और sign up इस तरह से य�
17:10
बटन जो है वो रख दिया है ठीक है तो sign up to our website के लिए form जो है मैंने मिला दिया एकद�
17:16
अब यहाँ पर क्या होगा कि आप लोग के user जो है वो डालेगा अपनी sign up information और sign up कर लेग�
17:23
ओके तो हम लोग आने वाले videos में क्या देखेंगे कि किस तरह से user sign up करेगा और किस तरह स�
17:28
डाइटबेस के अंदर वह वैल्यू जाएगी फिर लॉग इन वह करेगा और पूरा सिस्टम हम लोग जो है इस तू जाए इन ट�
17:35
एंड बनाएंगे सो गैस एक आप लोगों से मैं रिक्वेस्ट करना चाहूंगा यहां पर अगर आप लोग यह वीडियोस देख रहे है�
17:40
और आप लोगों को वीडियो हेल्पफुल लग रहे हैं तो काइंडली इन वीडियो को लाइक भी करते रहो इससे होगा क्या कि I'll be very honest ये जो वीडियो है इस प्लैटफॉर्म पर पूश होग�
17:48
और जदस्य जदस्य लोगों तक पहुँचेगा So, मैं बिल्कुल भी आप लोगों साथ honesty को हटा के बात नहीं करना चाहत�
17:54
पूरा honest रहके आप लोगों से बात करना चाहता हूँ इसलिए इस वीडियो को एक like जरूर कर देन�
17:57
और मुझे comment में भी बता देना कैसा लग रहा है course और अपने comments भी आप लोग जो है add करते रहा करें नीच�
18:03
अभी के लिए इस वीडियो में इतना है guys Thank you so much guys for watching this video
18:07
and I will see you next time