प्रतिक्रिया पर परियोजना की त्वरित शुरुआत

गिट में एक परियोजना के लिए लिंक

एक आधुनिक वेब एप्लिकेशन विकसित करने के लिए, आपको सर्वर साइड और क्लाइंट दोनों को बनाने में कौशल होना चाहिए। कॉर्पोरेट वातावरण में हाल ही में सबसे आम संयोजन क्लाइंट के लिए सर्वर और रिएक्ट के लिए स्प्रिंग फ्रेमवर्क का उपयोग करके जावा है। हालांकि, सभी डेवलपर्स के पास पूर्ण स्टैक कौशल (सर्वर और क्लाइंट पक्ष दोनों का ज्ञान) नहीं है, और शुरुआत डेवलपर्स के लिए, इस तरह के कॉन्फ़िगरेशन का निर्माण करना बिल्कुल असंभव कार्य है।

तो, यहां एक तैयार समाधान है जो आपको इस तरह के कॉन्फ़िगरेशन बनाने के बारे में जानने की अनुमति देगा, साथ ही एक नई परियोजना शुरू करते समय समय भी बचाएगा।

आइए उपयोग की जाने वाली तकनीकों पर करीब से नज़र डालें।

सर्वर साइड:

परियोजना का निर्माण - ढाल 4.8.1 (सामने विधानसभा के लिए वैकल्पिक ग्रेड-नोड-प्लगइन)
भाषा - जावा 1.8 (या बाद में)
ढांचा - वसंत 5.x
डेटाबेस - एचएसक्यूएल 2.3.1 (शुरुआत के लिए यह पर्याप्त होगा)

ग्राहक पक्ष:

प्रोजेक्ट बिल्ड - वेबपैक 4.17.2
भाषा - JS6
फ्रेमवर्क - प्रतिक्रिया 16.4.0, redux 3.7.2, बूटस्ट्रैप (6.3.1 प्रतिक्रिया)
अगर सब कुछ आपको सूट करता है, तो आप जारी रख सकते हैं।

प्रोजेक्ट लॉन्च

मुझे लगता है कि अगर हम सब कुछ शुरू करते हैं और यह सुनिश्चित करते हैं कि सब कुछ काम करता है तो यह बहुत अधिक मजेदार होगा!
आप यहां से प्रोजेक्ट डाउनलोड कर सकते हैं।

इसे लॉन्च करने में काफी समय और धैर्य लगता है। मुख्य बात क्रम में सब कुछ करना है:

अधिक विस्तृत स्थापना जानकारी (पाठकों के अनुरोध पर) लेख के नीचे

जावा 1.8 स्थापित करें (JAVA_HOME पंजीकरण करना न भूलें)
नोड स्थापित करें। js
कमांड लाइन खोलें (मुझे आशा है कि आप स्वयं यह पता लगाएंगे कि आपके ऑपरेटिंग सिस्टम में यह कैसे करना है)
प्रोजेक्ट फ़ोल्डर पर जाएं (उदा। C C: \ Git \ react-start )
Npm i कमांड चलाएं (यह कमांड सामने के सभी आश्रितों को डाउनलोड करेगी और उन्हें नोड_मॉडल फ़ोल्डर में डाल देगी)
रनल बिल्ड कमांड चलाएँ (यह कमांड आपके प्रोजेक्ट को एकत्रित करेगा और बिल्ड फ़ोल्डर में सब कुछ डाल देगा)
रनले बूटरुन कमांड चलाएँ (आपका प्रोजेक्ट अब चल रहा है)
यह केवल लिंक का पालन करने और परिणाम का आनंद लेने के लिए बनी हुई है।

आपको कुछ इस तरह से देखना चाहिए:

प्रविष्टि

इस लेख में मेरा मुख्य कार्य परियोजना की संरचना को दिखाना है। इसलिए, मैं मूल रूप से यह बताने के लिए जितना संभव हो उतना सुलभ होगा कि परियोजना में कौन सी फ़ाइल कुछ गीतात्मक खुदाई के साथ जिम्मेदार है। बैक-एंड डेवलपर्स के लिए, ग्राहक पक्ष ज्यादातर दिलचस्प और इसके विपरीत होगा।

परियोजना की संरचना

यदि संभव हो तो, मैंने प्रोजेक्ट से सब कुछ को हटाने की कोशिश की, फिर कोई भी परियोजना समय के साथ आगे बढ़ती है, लेकिन शुरुआती डेवलपर्स को डराता है।

शुरू करने के लिए, आइए देखें कि हमारी परियोजना में कौन सी फाइलें हैं और उनकी आवश्यकता क्यों है। चलो सर्वर और क्लाइंट के इच्छित उद्देश्य के लिए उन्हें फिर से तोड़ते हैं।

सर्वर:

build.gradle - हमारी परियोजना के निर्माण के लिए मुख्य फाइल। यह उन सभी निर्भरताओं का वर्णन करता है जिनकी हमें आवश्यकता है और भंडार के लिंक जहां उन्हें प्राप्त करना है। और इसके साथ ही ग्रेड-नोड-प्लग इन प्लगइन भी पंजीकृत है, जो सर्वर पार्ट को असेंबल करते समय, स्वचालित रूप से फ्रंट को इकट्ठा करता है, जो निस्संदेह बहुत सुविधाजनक है।

कलेक्टर को चलाने के लिए gradlew और gradlew.bat और gradle फ़ोल्डर आवश्यक भाग हैं। वैसे, अगर किसी कारण से ग्रेड बिल्ड कमांड विफल हो जाता है, तो आपको ग्रेडेल स्थापित करने की आवश्यकता हो सकती है। यह आधिकारिक निर्देशों का उपयोग करके किया जा सकता है।

README.md - भंडार में परियोजना की जानकारी प्रदर्शित करने के लिए एक सार्वभौमिक फ़ाइल।

Src / main / webapp / WEB-INF / फ़ोल्डर में दो jboss-web.xml और web.xml फाइलें हैं जो स्थानीय काम के लिए उपयोग नहीं की जाती हैं, लेकिन यदि आपको वाइल्डफली जैसे वेब सर्वर पर प्रोजेक्ट चलाने की आवश्यकता है, तो उनकी आवश्यकता होगी।

application.yml भी एक महत्वहीन फ़ाइल नहीं है। यह वसंत के विन्यास का वर्णन करता है। विशेष रूप से, पोर्ट है: 8090 - वह पोर्ट जिस पर एप्लिकेशन लॉन्च किया जाएगा और डेटाबेस से कनेक्ट करने के लिए सेटिंग्स।

यदि आप पहले से ही डेटाबेस के बारे में बात कर रहे हैं, तो परियोजना एचएसक्यूएल का उपयोग करती है - यह एक जावा-आधारित फ़ाइल डेटाबेस है। जब परियोजना शुरू होती है, तो db / फ़ोल्डर उपयोगकर्ता फ़ोल्डर में बनाया जाएगा जिसमें डेटाबेस स्वयं संग्रहीत किया जाएगा। आप किसी भी डेटाबेस का उपयोग कर सकते हैं जिसे आप सबसे अच्छा पसंद करते हैं, उदाहरण के लिए पोस्टग्रेड, इस पर कोई मौलिक प्रतिबंध नहीं हैं।

सर्वर साइड कोड स्वयं src / main / java फ़ोल्डर में स्थित है ।

ग्राहक:

.babelrc - बेबल के लिए सभी विन्यास यहाँ संग्रहीत हैं। उन लोगों के लिए जो बाबेल को नहीं जानते हैं, यह एक ऐसी चीज है जो फ्रंट-एंड डेवलपमेंट में सभी प्रकार की नई प्रकार की चीजों को परिवर्तित करती है, जैसे कि JS6, JS7, JSX, साधारण js में। इस फ़ाइल में, उदाहरण के लिए, मेरे पास प्लगइन "प्लगइन्स" जुड़ा हुआ है: ["ट्रांसफॉर्मर-डेकोरेटर्स-लीगेसी"] जो आपको डेकोरेटर्स का उपयोग करने की अनुमति देता है - यह जावा में @ एनोटेशन की तरह है। मैंने उनका उपयोग नहीं किया है, लेकिन आप कर सकते हैं। इसके लिए, सब कुछ पहले से ही कॉन्फ़िगर किया गया है, मैंने जांच की।

.npmrc - js निर्भरता के लिए भंडार का लिंक।

package.json - यहाँ एक बहुत ही महत्वपूर्ण फ़ाइल हमारे संपूर्ण अनुप्रयोग, js निर्भरता के लिंक और क्लाइंट भाग के निर्माण और चलाने के लिए है। इसके अलावा, निर्भरता को दो भागों में विभाजित किया गया है: निर्भरताएं - निर्भरताएं जो कि आवेदन के लिए स्वयं काम करने के लिए आवश्यक हैं और निर्भरताएं - केवल परियोजना के निर्माण के लिए निर्भरताएं आवश्यक हैं। स्क्रिप्ट अनुभाग बिल्ड और स्टार्ट कमांड्स का वर्णन करता है जो केवल प्रोजेक्ट के सामने शुरू करने के लिए उपयोग किए जाते हैं, उदाहरण के लिए, फ्रंट को npm रन स्टार्ट कमांड के साथ शुरू किया जा सकता है (यह पोर्ट 9090 पर शुरू होगा)। वास्तव में, यह फ़ाइल क्लाइंट पक्ष के लिए build.gradle का एक एनालॉग है।

webpack.config.babel.js - संपूर्ण कॉन्फ़िगरेशन में सबसे महत्वपूर्ण फ़ाइल वेबपैक संग्राहक सेटिंग्स है। इस अवसर पर, आप एक अलग लेख लिख सकते हैं, लेकिन मैं अभी भी इस फाइल के मुख्य भागों से गुजरना चाहता हूं ताकि आप इसकी क्षमताओं का सामान्य विचार बना सकें।

devServer

devServer: { contentBase: `/${publicPath}/`, historyApiFallback: { rewrites: [{from: /./, to: `/index.html`}] }, open: true, port: 9090, publicPath: `/`, proxy: [{ context: ['/api', '/endpoint'], target: { host: "localhost", protocol: 'http:', port: 8090 } }] },

DevServer का उपयोग क्लाइंट पक्ष को विकसित करने के लिए किया जाता है। जैसा कि ऊपर उल्लेख किया गया है, हम एक अलग पोर्ट एनपीएम रन स्टार्ट पर अपना फ्रंट शुरू कर सकते हैं (यह पोर्ट 9090 पर शुरू होगा)। Js कोड में सभी परिवर्तन तुरंत इस सर्वर पर प्रभावी होंगे। ContentBase हमारे एप्लिकेशन का रूट पथ है। यदि सर्वर पर कई एप्लिकेशन चल रहे हैं, तो यह महत्वपूर्ण है। खुला: सच - जब सर्वर शुरू होता है, तो एप्लिकेशन स्वचालित रूप से ब्राउज़र में खुल जाएगा। प्रॉक्सी - वह अनुभाग जो सर्वर भाग में कॉल अग्रेषित करने के लिए जिम्मेदार है, जिसे हम पोर्ट 8090 पर चलाएंगे।

उत्पादन

 output: { filename: 'assets/javascripts/[hash].js', path: path.join(__dirname, 'src/main/resources/static'), publicPath: `/` },

आउटपुट - यह खंड हमारी परियोजना के विधानसभा स्थान को निर्धारित करता है। यदि आप npm रन बिल्ड कमांड चलाते हैं, तो हमारी परियोजना का क्लाइंट हिस्सा src / main / resource फ़ोल्डर में दिखाई देगा।

मॉड्यूल

 module: { rules: [ { exclude: /node_modules/, include: path.join(__dirname, 'src/main/js/'), test: /\.jsx?$/, use: 'babel-loader' }, { test: /\.css$/, use: [MiniCssExtractPlugin.loader, 'css-loader'] }, { test: /\.less$/, use: [MiniCssExtractPlugin.loader, 'css-loader', 'less-loader'] }, { test: /\.(ico|png|gif|jpe?g)$/, use: { loader: 'file-loader', options: {name: 'assets/images/[name]/[hash].[ext]'} } }, { test: /\.(svg|woff|woff2|eot|ttf)$/, use: { loader: 'file-loader', options: {name: 'assets/fonts/[name]/[hash].[ext]'} } }, {test: /\.html$/, use: 'html-loader'}, ] },

मॉड्यूल अनुभाग वेबपैक को बताता है कि एक्सटेंशन के साथ प्रोजेक्ट फाइलों में क्या देखना है ।jx, शैलियों की फाइलें, चित्र और फोंट और उन्हें भी हमारी परियोजना में शामिल करें।

प्रविष्टि अनुभाग में हमारे js एप्लिकेशन की मुख्य फ़ाइल का लिंक है।

खैर, निष्कर्ष में, HtmlWebpackPlugin एक index.html फ़ाइल बनाएगा जिसमें सभी निर्मित निर्भरताएं शामिल होंगी।

क्लाइंट पार्ट कोड src / main / js फोल्डर में है।

कोड संरचना

परियोजना में, उदाहरण के लिए, मैंने रेस्ट और वेबस्केट के माध्यम से क्लाइंट और सर्वर भागों के बीच एक संबंध बनाया। कौन ज्यादा पसंद करता है खुद इंटरनेट पर स्प्रिंग फ्रेमवर्क और रेक्ट टेक्नॉलॉजी का विवरण बहुत अच्छा लगा। यह लेख उन लोगों के लिए है जो सफल नहीं होते, या कुछ आलस्य। यह एक कस्टमाइज्ड रेडी-मेड वर्किंग सॉल्यूशन है जिसमें वह सब कुछ शामिल है जो आपको एक बड़े प्रोजेक्ट में पूरा करने के लिए चाहिए।

आप इस परियोजना को जावा ईई या प्रतिक्रिया अनुप्रयोगों को सीखने में एक प्रारंभिक बिंदु के रूप में भी ले सकते हैं। नियंत्रक / RestController.java

सर्वर:

क्लाइंट पार्ट कोड src / main / java फ़ोल्डर में है ।

जिस तरह से सब कुछ वहां स्थित है वह पूरी तरह से स्प्रिंग फ्रेमवर्क संरचना के अधीनस्थ है। जो लोग उससे परिचित हैं, उन्हें वहां कुछ भी दिलचस्प नहीं मिलेगा, लेकिन जो लोग अभी शुरू कर रहे हैं, उनके लिए फिर से, फाइलों के माध्यम से एक संक्षिप्त चलना।

Main.java मुख्य फाइल है। इसमें मुख्य विधि शामिल है, जो पूरे एप्लिकेशन को लॉन्च करती है।

कॉन्फ़िगरेशन / WebSocketConfig.java - प्रवेश बिंदुओं के लिए जब WebSocket के माध्यम से काम कर रहा हो

नियंत्रक - सर्वर और क्लाइंट भागों की बातचीत के लिए जिम्मेदार कक्षाएं।

नियंत्रक / IndexController.java - हमारे ग्राहक भाग को प्रदर्शित करने के लिए जिम्मेदार नियंत्रक। हम उपयोगकर्ता को url एप्लिकेशन / ** में स्थानांतरित करते हैं (यह हमारे आवेदन का संदर्भ पथ है)

नियंत्रक / RestController.java - जैसा कि नाम का तात्पर्य है, यह नियंत्रक रेस्ट के लिए क्लाइंट और सर्वर भागों के बीच डेटा के आदान-प्रदान के लिए जिम्मेदार है। एनोटेशन @RequestMapping (मान = "/ एपीआई / बाकी", विधि = RequestMethod.GET) कहता है कि / एपीआई / बाकी पर अनुरोध करने पर सर्वर हमें उपयोगकर्ताओं की एक सूची देगा।

मैंने उपयोगकर्ता को ID से जोड़ने के लिए, क्रमशः, उपयोगकर्ता और DELETE को जोड़ने के लिए PUT विधि का उपयोग किया।

नियंत्रक / WebSocketController.java - WebSocket के माध्यम से डेटा विनिमय के लिए पथ को परिभाषित करता है। GetAndSendMessage विधि क्लाइंट से एक संदेश प्राप्त करता है और इसे वापस अग्रेषित करता है।

सेवाएं - आमतौर पर हमारे आवेदन के तर्क के लिए जिम्मेदार हैं।

सेवा / ORMUserService.java - मेरे मामले में, यह उपयोगकर्ताओं की सूची बनाने के साथ-साथ डेटा के रूप में क्लाइंट भाग से प्राप्त मापदंडों का उपयोग करके डेटाबेस में उपयोगकर्ताओं को जोड़ने और हटाने के लिए जिम्मेदार है। किसी उपयोगकर्ता को हटाने के लिए, यह उपयोगकर्ता आईडी है, और बनाने के लिए, यह उपयोगकर्ता का नाम, भूमिका और पासवर्ड है।

डोमेन कक्षाएं वे कक्षाएं होती हैं जिनमें सबसे अधिक बार केवल डेटा होता है जो डेटा बेस में तालिकाओं पर अनुमानित होता है। इन वर्गों में निहित तर्क से, यह डेटा की शुद्धता या कुछ कार्यों के लिए जाँच कर रहा है जो डेटाबेस में डेटा लिखने से पहले या उससे पढ़ने के तुरंत बाद किया जाना चाहिए। उदाहरण के लिए, आप किलोग्राम से ग्राम में परिवर्तित कर सकते हैं।

डोमेन / User.java - एक वर्ग जो डेटाबेस में तालिका तालिका (नाम = "USER") के अनुरूप होगा।

@ कॉलम कॉलम (नाम = "आईडी") का डेटा अपने आप जेनरेट हो जाएगा।

डोमेन / Message.java - मेरे मामले में डेटाबेस मैपिंग का उपयोग नहीं करता है। अनुप्रयोग चल रहा है, जबकि इसमें डेटा संग्रहीत किया जाएगा। मुझे WebSocket के माध्यम से भेजे गए संदेश उत्पन्न करने के लिए कार्य करता है।
यह सब सर्वर साइड के साथ है।

ग्राहक:

मैं क्लाइंट की तरफ ध्यान नहीं दूंगा, क्योंकि रिएक्ट अभी भी एक काफी युवा तकनीक है। और यह अभी भी सबसे अच्छी प्रथाओं का गठन नहीं किया है जो प्रत्येक विशिष्ट परियोजना में उपयोग किया जाना चाहिए। मैं केवल ध्यान देता हूं कि मैंने सबसे क्लासिक संरचना बनाई जो अध्ययन के लिए मेरी राय में सबसे सुविधाजनक है।

सामने क्या किया गया है:

आवेदन और कई टैब के मुख्य लेआउट को लागू किया।
पूरे आवेदन के लिए अनुवाद लागू किया गया।
Redux पर लागू राज्य आवेदन।
रेस्ट के माध्यम से सर्वर से प्राप्त उपयोगकर्ताओं की एक तालिका प्रदर्शित की
आईडी द्वारा उपयोगकर्ता विलोपन लागू किया गया
उपयोगकर्ताओं को जोड़ने पर लागू किया गया
WebSocket के माध्यम से संदेश भेजने और प्राप्त करने का कार्यान्वयन किया

मुझे लगता है कि यह एक शुरुआत के लिए पर्याप्त से अधिक है।

निष्कर्ष

अपने सभी प्रश्नों और सुझावों को टिप्पणियों में छोड़ दें या मुझे मेल में लिखें। मुझे मदद करने में खुशी होगी।

विस्तृत स्थापना और स्टार्टअप जानकारी

ओएस "वंडोव्स 10"

जावा 1.8 विस्तृत निर्देश स्थापित करें

स्थापना शुरू करने से पहले, कुंजी संयोजन Win + R दबाएं और cmd दर्ज करें
हम जावा में प्रवेश करते हैं और हम देखते हैं

इसका मतलब है कि इस कंप्यूटर पर जावा स्थापित नहीं है।

यदि कंप्यूटर जावा का एक संस्करण प्रदर्शित करता है और यह संस्करण 1.8 से कम नहीं है, तो स्थापना बिंदु ग्रेड पर जाएं।

लिंक से जावा डाउनलोड करें

आपको लाइसेंस अनुबंध समझौते स्वीकार करें पर क्लिक करने की आवश्यकता है।

हमें विंडोज x64 के संस्करण की आवश्यकता है

जावा डाउनलोड करें

हम लॉन्च करते हैं

जावा लॉन्च

क्लोज के अंत में हर समय नेक्स्ट और ओके पर क्लिक करें।

स्थापना के बाद, हम विन + आर कमांड लाइन को फिर से कॉल करते हैं और cmd दर्ज करते हैं , जावा -version दर्ज करते हैं और जावा का संस्करण देखते हैं जिसे हम पहले ही इंस्टॉल कर चुके हैं

अपने कंप्यूटर के गुणों को खोलें

कंप्यूटर के गुण

अतिरिक्त पैरामीटर - पर्यावरण चर

पर्यावरण चर

सुनिश्चित करें कि सिस्टम चर का JAVA_HOME मान C: \ Program Files \ Java \ jdk1.8.0_181 \ के साथ है

JAVA_HOME

और पथ चर में एक पंक्ति C: \ Program Files \ Java \ jdk1.8.0_181 \ bin है

पथ

अगले आइटम पर जाएं

ग्रैड स्थापना विस्तृत निर्देश

कंसोल को पुन: खोलें और ग्रेड -प्रकार को बदलें
चूँकि हमने अभी तक इसे स्थापित नहीं किया है, हम इस से देखेंगे:

लिंक से संग्रह डाउनलोड करें

इस तरह के एक फ़ोल्डर C: \ gradle-4.10.1 में उदाहरण के लिए अनपैक करें

अगला, जावा के साथ सादृश्य द्वारा, सिस्टम चर के साथ अनुभाग खोलें और इसमें मान के साथ GRADLE_HOME चर जोड़ें : \ gradle-4.10.1 \ bin

GRADLE_HOME

और हम C: \ Programle-4.10.1 \ bin को लाइन C के पास पथ चर में भी जोड़ते हैं: \ Program Files \ Java \ jdk1.8.0_181 \ bin, लेकिन यह आवश्यक नहीं है।

राह का रास्ता

Win + R cmd कंसोल को पुनरारंभ करना और श्रेणीबद्ध -प्रकार बदलना सुनिश्चित करें

सब कुछ अब है और ग्रेडेल स्थापित है!

नोड जेएस विस्तृत निर्देश

लिंक से नोड जेएस डाउनलोड करें

और सेट कर दिया

नोड js स्थापित करें

हम कमांड लाइन को पुनरारंभ करते हैं और npm -version दर्ज करते हैं और हम निश्चित रूप से इंस्टॉल किए गए संस्करण को देखेंगे

प्रोजेक्ट लॉन्च

बहुत बढ़िया, पूरी तैयारी की जाती है।

संग्रह के रूप में प्रोजेक्ट डाउनलोड करें

इसका वजन केवल 135 Kb है

Git

और C: \ reaction-start-master \ में अनपैक करें

प्रोजेक्ट फ़ोल्डर

कमांड लाइन चलाएं और C: \ react-start-master \ पर जाएं
जो लोग याद नहीं करते हैं, उनके लिए कमांड लाइन पर फ़ोल्डर ट्री पर चढ़ने के लिए, सीडी दर्ज करें ।

तो हम ड्राइव C: \> के रूट पर जाते हैं
अगला, cd प्रतिक्रिया-प्रारंभ-मास्टर दर्ज करें और पथ प्राप्त करें C: \ reaction-start-master>

npm i दर्ज करें

अब हम अपने प्रोजेक्ट के लिए JS निर्भरताएँ डाउनलोड कर रहे हैं

चेतावनी (WARN - चेतावनी)
प्रोजेक्ट में, फ़ोल्डर C: \ reaction-start-master \ node_modules प्रकट होता है, सभी निर्भरताएँ इसमें होंगी।

उसके तुरंत बाद, कंसोल में ग्रेडेल बिल्ड दर्ज करें

वसंत सहित जावा के लिए सभी निर्भरताएं डाउनलोड की जाएंगी।
फ़ोल्डर C: \ reaction-start-master \ build प्रोजेक्ट में दिखाई देगा

सब कुछ निश्चित रूप से एक साथ आएगा और हम एक सफल विधानसभा के बारे में एक संदेश देखेंगे
निर्माण सफलता है

और उसके ठीक बाद आप gradle bootRun कमांड चला सकते हैं

प्रोजेक्ट चलने लगेगा

लॉन्च के अंत में, कंसोल कुछ इस तरह दिखाई देगा

पूरा प्रोजेक्ट चल रहा है!

कंसोल को बंद न करें; बस छोटा करें।

एक ब्राउज़र खोलें और लोकलहोस्ट दर्ज करें: 8090 / एप्लिकेशन / या इस लिंक का पालन करें

आपको एक रनिंग प्रोजेक्ट दिखाई देगा।

केवल जेएस चल रहा है

एक और कंसोल खोलें।

प्रोजेक्ट फ़ोल्डर C: \ reaction-start-master> पर जाएं

एनपीएम रन स्टार्ट कमांड चलाएं

यदि जेएस के लिए सभी निर्भरताएं पहले ही डाउनलोड की जा चुकी हैं जैसा कि ऊपर बताया गया है ( npm i कमांड)

वह ब्राउज़र स्वयं लोकलहोस्ट पर शुरू होगा: 9090 /
और परियोजना के जेएस कोड में सभी परिवर्तन स्वचालित रूप से वहां प्रदर्शित होंगे!

यह सब, आपके ध्यान के लिए धन्यवाद।

एक वेब परियोजना की त्वरित शुरुआत (बीई - जावा स्प्रिंग, एफई - रिएक्ट रिडक्स, इंटरैक्शन - रेस्ट, वेबस्केट)

गिट में एक परियोजना के लिए लिंक

आइए उपयोग की जाने वाली तकनीकों पर करीब से नज़र डालें।

सर्वर साइड:

ग्राहक पक्ष:

प्रोजेक्ट लॉन्च

प्रविष्टि

परियोजना की संरचना

सर्वर:

ग्राहक:

कोड संरचना

सर्वर:

ग्राहक:

निष्कर्ष

विस्तृत स्थापना और स्टार्टअप जानकारी

जावा 1.8 विस्तृत निर्देश स्थापित करें

ग्रैड स्थापना विस्तृत निर्देश

नोड जेएस विस्तृत निर्देश

प्रोजेक्ट लॉन्च

पूरा प्रोजेक्ट चल रहा है!

केवल जेएस चल रहा है

More articles: