Up next in 10
Creating ThunderClient Collections to Manage Requests _ Complete React Course in Hindi #47
47 views
Feb 11, 2024
In the 47th episode of the "Complete React Course in Hindi," the tutorial introduces ThunderClient Collections as a powerful tool for managing requests in the iNotebook project. This video provides a hands-on guide on creating collections within ThunderClient, a popular API testing tool. The instructor walks viewers through the process of organizing and managing HTTP requests efficiently, allowing for streamlined development and testing workflows. Whether you're a React developer keen on optimizing your API testing process or a learner interested in tools that enhance development efficiency, this tutorial equips you with the skills to effectively create and manage ThunderClient Collections for your iNotebook project.
View Video Transcript
0:00
गैस अपने पिछले वीडियो में हम लोगों नहीं ये देखा कि किस तरह से हम लोग validation लगा सकते है�
0:04
हर चीज को चेक कर सकते हैं ये देख सकते हैं कि हमारी कौन से end point पर अगर हम लोग कोई काम ऐसा कर रहे है�
0:10
जो कि allowed नहीं है वो किस तरह से चीजों को enforce किया जाए आज मैं आप लोग को क्या दिखाऊंगा कि किस तरह से हम लोग postman में, postman में नहीं sorry
0:19
thunderline में collections बना सकते हैं और collections बनाने के साथ साथ थोड़े बहुत refactor करेंग�
0:24
ताकि हमारी application थोड़े से ज़्यादा sense बनाए, कुछ हम लोग यहाँ पर comments सही से लिखेंग�
0:29
कि यार application को देखते ही पता चलेगी क्या हो रहा है for example अगर मैं आप लोगों को दिखाऊं या पर हमारी odd.js जो ह�
0:37
उसमें हम कुछ comments वगैरा अच्छे अच्छे लिख सकते हैं तो मैं यापर no login required लिखूँगा ताकि या चीज़े एकदम clear रहे है�
0:43
क्या कर रहे हैं और इसका नाम मैं रख दूंगा end point का create user
0:47
instead of slash मैं इसका नाम create user रखना पसंद करूँगा अब यहाँ पर एक बात आप लोगों को बताता हूँ कि यार हमने यहाँ पर क्या किया थ�
0:54
कि एक index बना दी थी और वो index किसके corresponding बनी थ�
0:58
वो हमारी email के corresponding बन रही थी क्योंकि हमें इसको unique true करना थ�
1:02
तो यहाँ पर अगर मैं आप लोगों को indexes दिखाऊं MongoDB की तो यहाँ प�
1:06
email index extra बन गई है मैं यह index नहीं चाहता हूँ ठीक है तो मैं क्या करूँगा यह जस्ट मैंने आप लोगों को बताय�
1:12
मैं यह जो user.create index है इसको यहां से हटा दूँगा और उसी के साथ साथ मेरे multiple same email वाली users ना बने इस चीज को enforce करने के लिए मैं यहां पर logic लिखूँगा ठीक है और यहां पर भी थोड़ा बहुत मुझे घिच पिछ लग रही है इसलिए मैं क्या करूँगा थोड़ा सा comment लिख�
1:42
एंड दीए रस तो यह चीज तो मैंने यहां पर कर दी ठीक है उसी के साथ साथ मैं क्या करूंगा कि यूजर क�
1:50
क्रिएट करूंगा अमेश फंक्शन को एसिंग मार्क करूंगा और यहां पर मैं लिखूंगा लेट यूजर इस एक्वल टू अवे�
1:57
ठीक है और डॉट फिर मैं नहीं लगाऊंगा कि मैं इसे कवेट यूज कर रहा हूं डॉट लगाने कोई मतलब नहीं बनता है यहां पर ठीक है उसी के साथ साथ यहां पर अगर आप लोग देखो पहले में क्या कर रहा था कि कोई भी एरर आ रहा था तो मैं रेस्ट और जेसन �
2:27
बनाई देता हूं और यहां पर मैं चेक करूंगा कि चेक वैदर दी यूजर एक्सेस्ट ऑलरेडी ठीक है अगर और राधर मै�
2:39
इसको ईमेल लिखूंगा ठीक है ईमेल लिखूंगा मैं यूजर विद सेमी में बैठर दी यूजर वेट इस ईमेल एक्सेस्�
2:47
आलरेडी ठीक है तो यह काम मैं करूंगा अब यहां पर आप लोगों एक चीज दिखाना चाहता हूं मैं यह चीज जो मैं आ�
2:52
लोगों भी दिखाने वाला हूं यह बहुत ही इजी है मैं आप पर एक यूजर बनाऊंगा ठीक है मैं आप लिखोंगा लेट यूज�
2:58
इकॉल्टो यहाँ पर सिर्फ यूजर इकॉल्टो लिखूंगा बिसिकली मैं क्या करने की कोशिश कर रहा हू�
3:02
यह आपको बता दूँ मैं कहूँगा user.find1 ठीक है और मैं कहूँग�
3:09
email जो है request.body.email ठीक है तो मैं बिसिकली यह कह रहा हू�
3:15
कि अगर यह user already exist करता है यह नहीं कि इस email से user ह�
3:20
अब find one जो है वो हमारे model पे मैंने method लगाया ह�
3:24
और यह क्या करेगा मुझे यह एक user दे देगा जिसका email यह ह�
3:28
अब अगर कोई user exist करता है जिसका email यह हो तो मैं क्य�
3:32
करूँगा कि यहाँ पर कह दूँगा कि भाई देखो अगर user exist करता है already तो मैं यहाँ प�
3:37
समाप्त करना चाहूँगा खेल को और यही के यही मैं return करना चाहूँग�
3:41
एक bad request तो मैं लिखूँगा response.starter सबसे पहले तो bad request ठीक ह�
3:47
और उसके बाद एक json error sorry a user with this email already exist
4:00
मैं नोड मोन करके अपना इंडेक्स टॉट जेस चला लूंगा और उसी के साथ साथ मैं एक काम और करूंगा यहां पर इसका पोर्�
4:07
बदल के 5000 कर दूंगा ऐसा मैं क्यों कर रहा हूं मैं इसलिए कर रहा हूं क्योंकि जो हमारा 3000 पोर्ट है उस प�
4:13
यह टैप चलेगी तो मैं अभी से प्रॉब्लम को सॉल् vein चाहता हूं यह सारे काम मैंने ठीक कर लिए मैं यहां प�
4:19
से आ जाता हूं थंडर लाइंट में अब थंडर लाइंट में मैं क्या करूंगा यह देखते जाओ आप मैं क्या करूंगा यहा�
4:26
पर इन तीन हैं बर्गर पर करूंगा न्यू कलेक्शन पर क्लिक करूंगा यहां पर मैं लिखूंगा आए नोट बुक ठीक ह�
4:35
और एक collection बन गई, अब ये collection क्या होती है आप लोग पूछोगे
4:39
देखो यार, collection का मतलब simple ये होता है कि, आप लोग
4:43
एक collection of endpoints बना रहे हो, जो कि एक application से नाता रखते हैं
4:49
या फिर एक particular चीज से नाता रखते हैं, अब देखते जाओ, आई नोटबुक नाम का एक फोल्डर मैंने बना दिया
4:54
अब मैं यहाँ पर क्या करूँगा, एक new folder बनाऊँगा, उस folder का नाम मैं रखूँगा authentication
4:59
यह नहीं कि authentication से related जो भी काम होने वाले, आई नोटबुक के अंदर वो इसमें आएंगे
5:03
अब इसके अंदर मैं एक new request बनाऊंगा ठीक है और मैं इस request का नाम रखूंगा create a new user ठीक है और यहाँ पर मैं कौन सा endpoint डालूंगा local host याद रहे कि अब हमारा port 5000 है ठीक है 3000 नहीं है और यहाँ पर जो मेरा auth के अंदर यह पूरा का पूरा endpoint है यह मैं डाल दूँगा और हाँ य�
5:33
लाइट दूंगा इसकी यूजर क्या है ठीक है क्या है था हमारे पास मैं भूल गया हूं ठीक है तो मैं याद लेत�
5:39
हूं वापस से यहां पर आकर नेम ईमेल पासवर्ड है सिंपल सी चीज है ठीक है अन्य यहां ठीक है नेम ईमेल पासवर्�
5:47
तो name में मैं क्या करूँगा name में मैं रख दूँगा यहाँ पर Steve
5:54
मजूमदार ठीक है और email क्या होगा Steve बाई का email होगा steven मजूमदा�
6:02
at the rate of gmail.com ठीक है और इसी के साथ साथ यहाँ पर क्या करेंग�
6:10
इनका एक password रखेंगे ठीक है और इनके metres पापा की परी ठीक है पापा का परा पापा का परा ठीक है परी परा पापा का जिन ठीक है एनिवेस अब मैं क्य�
6:27
करूंगा कि सेव करने के बाद यहां पर एरर क्यों आ रहा नहीं आ रहा एरर कि कैसे मजा कर रहा है मेरे साथ ओक�
6:33
जैसन है तो डबल कोट्स में मुझे यहां पर डालना पड़ेगा ठीक है तो यह चीज मुझे करनी पड़ी कि जावास्क्रिप्�
6:38
ऑब्जेक्ट नहीं जैसन है फिर कंटेंट टाइप यहां पर डाल दूंगा कंटेंट टाइप एप्लीकेशन जैसन जैसन ठीक ह�
6:47
send करूंगा sorry a user with this email already exist यह कैसा मज़ाक ह�
6:51
ऐसा क्यों हो रहा है मैंने क्या already एक user बना लिया है Steve Majumdar
6:57
at the rate gmail.com नाम से तो यहाँ पर मुझे देखना पड़ेग�
7:01
क्या दिक्कत है ठीक है तो यहाँ पर जरूर कुछ ना कुछ दिक्कत है तो मैंने यहाँ पर लिखा इफ यूजर मैं यहाँ पर रिटर्न कर देना हूं यह चीज सॉरी यह यूजर विद इस इमेल ऑलरेडी एक्जिस्ट तो एक काम करते हैं कि यहाँ पर हम कंसोल डॉट लॉग करके देखते हैं यूजर को कि क्या यूजर एक्जिस्ट भी करता है �
7:34
तो यहाँ पर क्या हुआ नल लिखकर आ रहा है यूजर मेरा नल है response send res
7:55
nice और मैं यहाँ पर लिख दूँगा nice ठीक है बहुत ही अजीब सी चीज लिखी है बट लिख दी मैंने ठीक है तो सेंड करूँगा नाइस नाइस यहाँ पर लिख कर आ गय�
8:03
अब दोबारा से सेंड करूँगा तो कह रहा है sorry a user with this email already exist ठीक ह�
8:07
एक काम और करूँगा भी यहाँ पर मैं कि जो मेरी MongoDB की collection iNotebook को मैं उड़ा दूँगा, database को उड़ा दूँगा, सारी collections उड़ा दूँगा, drop database, ठीक है, अब आपको यह क्या करा, मैं बस यह रिखाना चाहता हूँ आपको कि एक बर मैं अपने express server restart करूँगा, तो वापस से यह�
8:37
बारा से बन जाएंगे यह बात मैं आप लोगों को यहां पर बताना चाहता हूं तो यहां पर मैं आप लोगों दिखाना चाहत�
8:42
हूं कि अगर मैं यहां पर वापस स्टीव मजूमदार और स्टीव मजूमदार एड जीमेल यह सेंड करूं तो आप लोग यहां पर देख�
8:49
null लिखकर आ रहा है और null लिखकर क्यों आ रहा है basically null इसलिए लिखकर आ रहा है कि user exist नहीं करता है कोई steve majumdar नाम से इसलिए console.log जो है वो null आ रहा है तो मुझे नहीं चाहिए console.log मैं just देख रहा था तो अब मैं अगर यहाँ पर अपनी collection में देखूं सबसे पहले तो ठीक है �
9:19
तो दुबारा से एड करने की कोशिश करूं यहां पर देखो तो कहते हैं सॉरी यह यूजर विद इस ईमेल ऑलरेडी एक्सिस्ट बट अगर यहां पर मैं एक नया यूजर एड करूं एक दूसरा यूजर जिसका नाम होगा हेंरी जोशी और इसका ईमेल होगा एड जोशी ए�
9:49
एक यूजर नहीं बेच सकता ना डिलेटली यह रिजॉल हो जाएगा यूजर भेज दूंगा हां मैं यूजर नहीं भेज रहा हूं अब मै�
9:56
करूंगा सेंड तो हैरी जो शी ऑलरेडी यहां पर आ चुका है कि मैंने एक बार इसको ग्रेट कर दिया रिलोड करूंग�
10:00
है योशी कहां होता हूं सॉरी है योशी कहां होता है यह है हेनरी योशी और सॉरी हैरी योशी है हेनरी योश�
10:06
मैं हूं डॉन देखो सब कुछ यहां पर आ गया ठीक है अब अगर मैं दोबार से सेंट करूंगा तो यह एरर सॉरी यूजर विद इ�
10:12
अगर मैं यहां पर एक यूजर बनाऊं एमिली सजदेवा ठीक है और इसका इमेल ना जाता हूं इस देवा ठीक ह�
10:30
एड ऑफ जीमेल डॉट काम और यहां पर मैं हूं नाइस और मैं आपको सेंट करो देखो एमिली सजदेवा और यहां प�
10:38
चैनली सजदव आ गई ठीक है तो विशेष यहां पर बहुत अच्छा मेकानिजम बना लिया यूजर को क्रिएट करने का और जॉइस क�
10:43
अंदर और यह भी मैं यहां से हटा लेता हूं इसकी भी जरूरत नहीं है एंटर यूनिक वैल्यू और यह वह ठीक है त�
10:49
तो अभी बेसिकली हम लोग क्या करेंगे इसको पूरे को ट्राइप में राप कर देंगे जस्ट फॉर बिंग सेफ ठीक है ट्राइप क�
10:57
अंदर इसको राप करेंगे कि अ चेक पर द यूजर विद इसी में ऑलरेडी एक्जेस्ट तो कुछ भी हमारा अगर दिक्कत आ ग�
11:02
इसमें या फिर यू नेवर नो यार कि क्या हो जाए कब ठीक है हमें नहीं मालूम क्या हो जाएगा कब तो इसलिए ह�
11:09
क्या करेंगे कि यह सारा का सारा जो काम हमने किया वह ट्राइक ऐस्ट में करेंगे और अगर कोई एरर आ जाता ह�
11:16
तो मैं console.error का इस्तेमाल करूँगा और यहाँ पर मैं लिख दूँगा error.message ठीक ह�
11:22
ideally आप लोग क्या करोगे ideally आप लोग logger में डालोगे इसक�
11:26
या फिर sqs में भेज दोगे खैर उसको छोड़ते हैं अभी अभी के लिए हम लोग इसको console.log करेंगे ठीक ह�
11:32
और console.log करना will work just fine, जाधा tension मत लेना बिल्कुल भी, जो भी बोला मैंन�
11:38
res user console status code 500 500
11:55
और मैं रिखूंगा सम एरर अकर्ड ठीक है तो कोई एरर यहां पर हो गया है तो मैं लिख दूंगा समय रखाएगा तो को�
12:03
भी दिक्कत अगर यहां पर आएगी फॉर एग्जांपल जैसे मान लो मैंने यहां पर यूजर डी डाल दिया ठीक है जानमूज क�
12:08
तो मैं गड़बड़ कर रहा हूं जानमुझ के ताकि मुझे यहां पर देखने को मिले अब यहां पर यह बैड रिक्वेस्ट द�
12:14
रहा है अगर मान लो यह बैड रिक्वेस्ट नहीं दे रहा होता है यहां पर मैं सही ईमेल भी डालता और सेंड करत�
12:18
तो यहां पर देखो सम एरर रखा गया 500 एंटरनल सर्वर एरर बट यह जो एक यूजर हो गया होगा हमारे डिटाबेस के अंद�
12:25
नहीं हुआ है ठीक है देखता हूँ क्यों नहीं हुआ है I think basically हो गया रहा है क�
12:30
ट्राइक अंदर ही गया, यहां तक पहुँचा, यहां तक पहुँचा जैसे ही
12:34
एरर आ गया, तो create ही नहीं हुआ user, ठीक है, इसलिए कुछ नहीं हुआ, so I hope कि clear हुई आपको इस सब चीज़े, अब यहाँ पर देखो
12:41
मेरी thunder line collection की दरब वापस से मैं आपको यहाँ पर लेकर आउँग�
12:45
अब मैं कुछ भी कर लूँ मानो मैंने इसको बंद कर दिया ठीक है मानो मैं भूल गय�
12:49
तो मैं इस ही particular end point को double click करके यहाँ पर ला सकता हू�
12:53
और body और headers इसमें intact है यहाँ पर अगर इसको बंद भी कर दूं तब भी मुझे यह देखने को मिलेंगी अब यहाँ पर एक चीज और आप इसको एक्सपोर्ट कर सकते हो अब आप लोग इसको जो है एक्सपोर्ट भी कर सकते हो अजय को और उसके बाद किसी दूसरे कंप्यूटर में ले जाकरgn
13:13
import भी कर सकते हो और यह सारी की सारी request आपकी यहाँ पर आ जाएंगी which saves a lot of time और बहु�
13:19
ज्यादा convenience आपको प्रदान की जाती है इसके थ्रू क्योंकि जड़ा सोचो यार कि अगर यही के यही आप सारे के सार�
13:25
सारे end points use कर पा रहे हो within VS Code, what can be cooler than that, अब आने वाले वीडियो में हम लोग क्या करने वाले हैं
13:31
कि हम लोग यहाँ पर और end points add करेंगे, अपनी collection को बढ़ाएंगे, जो postman collection हम लोगों ने
13:36
sorry, thunderline collection हम लोगों ने जो बनाई है, है उसको हम आगे बढ़ाएंगे उसमें और एंड पॉइंट्स को एड करेंगे और उसी के साथ साथ इस एप्लीकेशन क�
13:45
इन फैक्ट जो मेरा बैक एंड है उसको हम और बेहतर बनाएंगे राइट लिक करके फॉरमेट डॉक्यूमेंट कर लेता हूं औ�
13:50
फाल्टू स्पेसेस हटा देता हूँ, ज़्यादा ज़्यादा comment लिखने की कोशिश करा करो
13:53
अपनी applications में, चुकि यार अभी तो आपको मालूम है, क्या चल रहा है application में
13:57
लेकिन जब time थोड़ा बहुत बीच जाता है न, तब उसके बाद, खुद ही हमको बता नहीं चलता है कि हमने क्या लिखा था और यह चीज रियल होती है experience से बता रहा हूँ आप लोग क�
14:04
जादा से जादा comment लिखना अगर मैं नहीं भी लिख रहा हूँ ना comment तो आप लिखना यहाँ पर इस तरह से comment
14:09
एंड क्रिएट अन्य यूजर और यहां पर जाओ कि एच एरर्स प्रेडीट यूजलेस कमेंट बड़ा गांव अगर आपको चाहिए तो आ�
14:18
लिख सकते हो मैं यहां पर एक स्पेस दूंगा बस एक वाइट स्पेस और यहां पर कुछ चीजें क्लियर हैं कि मैं 500
14:25
डिस्कोड बेज रहा हूं कंसोल पर एरर को लॉक कर रहा हूं यह सारी चीजें तो क्लियर है तो आइए खूब कि यार हमन�
14:30
काफी चीजें सीख लिए इस वीडियो के अंदर हमने टंडर ट्रैंडी कलेक्शन मना ली हमने ऑफेंडिकेशन के एं�
14:36
बहुत अच्छी तरह से बना लिया, अब हमें क्या करना है, कि हमें कुछ ऐसा काम करना है
14:41
कि यह user login कर सके हमारे इस back-end API में, और इसके लिए हम लोग use करने वाले है
14:46
JWT authentication का, उसके बाद हमको जो हमारा notes वाला model है
14:51
जो की अभी हमने चूआ भी नहीं है उसको हमको यहाँ पर use करना ह�
14:55
ताकि हम लोग notes को store कर सके फिर इसके बाद हमको यह ensure करना है कि एक user अपने notes को यह access कर सक�
15:00
और उस पे crud operations कर सके किसी दूसरे के notes पे crud operations ना कर सक�
15:04
तीके तो यह सारे के सारे काम हमको करने है तो काफी काम बाकी है अगर आ�
15:08
लोगों ने अभी तक ये react की playlist अक्सेस नहीं करी है तो यहाँ click करके save करें इस playlist क�
15:12
और यहाँ click करके इसको bookmark जरूर करें अभी के लिए इस वीडियो में इतना है guys
15:16
thank you so much guys for watching this video and I will see you
15:20
next time कर द�