मैंने एक AngularJS प्रोजेक्ट चलाने के लिए Xampp और JetBrain WebStorm का उपयोग किया है। लेकिन यह जटिल और कम प्रदर्शन है। क्या कोई एंगुलरजेएस परियोजना चलाने का कोई अन्य तरीका है?
मैंने एक AngularJS प्रोजेक्ट चलाने के लिए Xampp और JetBrain WebStorm का उपयोग किया है। लेकिन यह जटिल और कम प्रदर्शन है। क्या कोई एंगुलरजेएस परियोजना चलाने का कोई अन्य तरीका है?
जवाबों:
यदि आप नोड चला रहे हैं। तो http- सर्वर सुपर आसान है।
cd अपने प्रोजेक्ट फ़ोल्डर में और
npx http-server -o
# or, install it separately so you don't need npx
npm install -g http-server
http-server -o -oपृष्ठ पर ब्राउज़र खोलना है। http-server --helpपोर्ट नंबर बदलने जैसे अन्य विकल्प देखने के लिए चलाएँ
node?यदि आपके पास node/ npmस्थापित नहीं है, तो ये अन्य वन-लाइनर आसान हो सकते हैं ।
उदाहरण के लिए अजगर ज्यादातर सिस्टम पर प्रीइंस्टॉल्ड हो जाता है, इसलिए नीचे जॉन डो का अजगर सर्वर जल्दी हो जाएगा।
MacOS रूबी के साथ स्थापित होता है, इसलिए यदि आप Mac चला रहे हैं तो यह एक और आसान विकल्प है:
ruby -run -ehttpd . -p8000और अपने ब्राउज़र को खोलें http://localhost:8000।
पायथन में विशेष रूप से एक वेबसर्वर को स्पिन करने के लिए एक अंतर्निहित कमांड है:
Python3.x:
python -m http.server 8000अन्य संस्करण:
python -m SimpleHTTPServer 8000पोर्ट 8000 पर एक वेबसर्वर शुरू करेगा
(अजगर इसके लिए एक शर्त है; यदि आपके पास अजगर स्थापित नहीं है, तो अन्य उत्तर आसान हो सकते हैं)
python -m http.server 8000
आप टर्मिनल या cmd से Node.js स्थापित करके शुरू कर सकते हैं:
apt-get install nodejs-legacy npmफिर निर्भरताएं स्थापित करें:
npm installफिर, सर्वर शुरू करें:
npm startसीडी <your project folder>(जहां आपके कोणीय की तैनाती कोड है)
sudo npm इंस्टॉल सर्व करें -g
सेवा कर
आप अपने पृष्ठ को हिट कर सकते हैं
लोकलहोस्ट: 3000 या आईपीड्रेस: 3000
मैं उपयोग करता हूं:
Node.js. स्थापित करें और एन.पी.एम. npm को Node.js के साथ स्थापित किया गया है
रूट प्रोजेक्ट डायरेक्टरी के अंदर रखा गया
$ cd <your_angularjs_project>अगला कमांड package.json बनाता है
$ npm initएक्सप्रेस स्थापित करें ==> नोड के लिए तेज, बिना लाइसेंस वाला, न्यूनतम:
$ npm install express --saveMorgan ==> HTTP अनुरोध लकड़हारा मिडलवेयर नोड.जेएस के लिए स्थापित करें
$ npm install morgan --saveफ़ाइल server.js बनाएँ
server.js फ़ाइल में निम्न कोड जोड़ें
// Required Modules
var express = require("express");
var morgan = require("morgan");
var app = express();
var port = process.env.PORT || 3002;
app.use(morgan("dev"));
app.use(express.static("./"));
app.get("/", function(req, res) {
res.sendFile("./index.html"); //index.html file of your angularjs application
});
// Start Server
app.listen(port, function () {
console.log( "Express server listening on port " + port);
});अंत में लोकलहोस्ट सर्वर में अपना AngularJS प्रोजेक्ट चलाएं:
$ node server.jsस्थानीय-वेब-सर्वर npm पैकेज का उपयोग करें।
https://www.npmjs.com/package/local-web-server
$ npm install -g local-web-server
$ cd <your-app-folder>
$ wsइसके अलावा, आप चला सकते हैं
$ ws -p 8181-p उस पोर्ट को परिभाषित करता है जिसका आप उपयोग करना चाहते हैं
उसके बाद, बस अपने ब्राउज़र पर जाएं और http: localhost: 8181 / का उपयोग करें
एनजी सेवा
जैसे प्रोजेक्ट फ़ोल्डर स्थान में यह कमांड आपके टर्मिनल में चलती है ~/my-app$
फिर कमांड चलाएं - यह दिखाएगा कि यूआरएल एनजी लाइव डेवलपमेंट सर्वर सुन रहा है localhost:4200
Http: // localhost: 4200 पर अपना ब्राउज़र खोलें
लोकलहोस्ट पर किसी भी वेब सर्वर का उपयोग करके कोणीय एप्लिकेशन को तैनात किया जा सकता है। नीचे दिए गए विकल्प आपकी तैनाती आवश्यकताओं के आधार पर कई संभावित वेबसर्वर तैनाती के लिए तैनाती के निर्देशों की रूपरेखा तैयार करते हैं।
Windows IIS सक्षम होना चाहिए
1.1। विंडोज में, कंट्रोल पैनल पर पहुंचें और प्रोग्राम जोड़ें या निकालें पर क्लिक करें।
1.2। प्रोग्राम जोड़ें या निकालें विंडो में, विंडोज घटक जोड़ें / निकालें पर क्लिक करें।
1.3। इंटरनेट सूचना सेवा (IIS) चेक बॉक्स का चयन करें, अगला क्लिक करें, फिर समाप्त पर क्लिक करें।
1.4। वेबरवर रूट डायरेक्टरी में कोणीय एप्लिकेशन जिप फाइल को कॉपी और एक्सट्रैक्ट करें: C: \ inetpub \ wwwroot
"मान लें कि आपके पास नोडज स्थापित है",
मिनी-http एक बहुत ही आसान कमांड-लाइन टूल है जिससे HTTP सर्वर बनाया जा सकता है,
पैकेज को विश्व स्तर पर स्थापित npm install mini-http -g
कर सकता है और फिर mini-http -p=3000अपने प्रोजेक्ट डायरेक्टरी और बूम में अपने cmd (टर्मिनल) का उपयोग कर सकता है ! आपने पोर्ट 3000 पर एक सर्वर बनाया है अब जायें http: // localhost: 3000
नोट: एक पोर्ट निर्दिष्ट करने की आवश्यकता नहीं है आप बस सर्वर चला सकते हैं mini-httpया mhशुरू कर सकते हैं
यदि आप एक जावा पुरुष हैं तो अपने वेब एप्लिकेशन के वेब सामग्री फ़ोल्डर में अपने कोणीय फ़ोल्डर को रखें और अपने टॉमकैट सर्वर पर तैनात करें। सुपर आसान!
मान लें कि आपके पास पहले से ही नोड .js स्थापित है, तो आप सिंक्रनाइज़ किए गए ब्राउज़र परीक्षण के लिए ब्राउज़र सिंक का उपयोग कर सकते हैं ।
यदि आपने अपने कोणीय प्रोजेक्ट के लिए Visual Studio समुदाय या किसी अन्य संस्करण का उपयोग किया है, तो प्रोजेक्ट फ़ोल्डर पर जाएं, पहला प्रकार
C: \ Project Folder> npm install -g http-server आप इस प्रकार देखेंगे: + http-server@0.11.1 ने 4.213 में 25 पैकेज जोड़े
फिर C: \ Project Folder> http-server –o टाइप करें
आप देखेंगे कि आपका आवेदन स्वचालित रूप से http://127.0.0.1:8080/ पर आता है
आप दृश्य स्टूडियो कोड में पर्यावरण को भी सेट कर सकते हैं। Ctrl + Shift + P चलाएं, फिर दिखाई देने वाले बॉक्स में ctr टाइप करें और कार्यों का चयन करें: कार्य धावक को कॉन्फ़िगर करें, फिर कार्य को बदलें। इसे फ़ाइल में बदलें: { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }अपना परिवर्तन सहेजें, फिर अपनी index.html फ़ाइल चुनें और Ctrl + Shift टाइप करें + B. यह आपके डिफ़ॉल्ट ब्राउज़र के साथ प्रोजेक्ट को खोलेगा।