कोणीय 2, स्प्रिंग बूट, वसंत सुरक्षा, लॉगिन प्रपत्र

Question

मैं एक मोर्चा अंत अनुप्रयोग है कि http:// localhost:4200 पर चलता है, कोणीय 2 (मैं परियोजना पैदा करने के लिए angular-cli का उपयोग किया है) के साथ।
बिना किसी समस्या के आवेदन रन (मैं और जानकारी पोस्ट कर सकते हैं डेटाबेस से/कोणीय का उपयोग कर 2Http सेवा:

getList() { 
    return this._http.get("http:// localhost:8080/").map(res => res.json()); 
} 

दूसरी ओर, मैं एक वापस अंत आवेदन साथ चल रहा है http:// localhost:8080/ पर वसंत बूट, कि http://localhost:4200/ से मेरी कोणीय 2 आवेदन।

भेजा जा रहा है अनुरोधों के लिए एक बाकी एपीआई प्रदान (बंदरगाहों पर ध्यान दें) http://localhost:8080/ पर अपेक्षित काम करता है।

इससे पहले कि मैं वसंत ढांचे & AngularJS 1, वसंत सुरक्षा एक ही एप्लिकेशन (Maven परियोजना) में प्रवेश और सुरक्षा का ध्यान रखा के साथ एक आवेदन पत्र प्रोग्राम किया गया है।

अब मैं करने के लिए दो अलग-अलग आवेदन पत्र http के माध्यम से संवाद कर रहे हैं कि (वसंत बूट के साथ RESTful API, और साथ कोणीय 2 सामने के छोर एपीआई)

मैं अपना लॉगिन प्रपत्र निर्धारित कर सकते हैं कैसे और कहाँ डाल करने के लिए यह, और कैसे है मेरे कोणीय 2 एप्लिकेशन के साथ वसंत सुरक्षा कॉन्फ़िगर करें?

Answer 1

जब आप कोणीय सीएलआई के साथ कोणीय अनुप्रयोग को स्पिन करते हैं, तो आपके कोणीय पृष्ठ को बैकएंड में नोडजेस द्वारा परोसा जाता है। आपके पास यहां कुछ विकल्प हैं।

1. लॉगिन NodeJS सर्वर है जो बदले में प्रमाणित करें और प्राधिकृत करने के लिए स्प्रिंग बूट आवेदन आह्वान कर सकते हैं पर नियंत्रित किया जा सकता है। (मुझे लगता है कि, आप के बजाय लाइट सर्वर एक्सप्रेस सर्वर का उपयोग कर की तरह कुछ तोड़ मरोड़ करने की ज़रूरत हो सकती है। लेना यहां https://stackoverflow.com/a/37561973/6785908 देखो)

2. प्रारंभिक विकास के बाद, आप अपने AngularJS से अधिक संसाधनों एक वसंत MVC (स्प्रिंग बूट) सर्वर से बस के रूप में कॉपी और बाकी एपीआई के रूप में उपयोग अपने पृष्ठों की सेवा के लिए (और साथ ही कर सकते हैं), आप पहले कर रहे थे।

3. कोणीय ऐप वसंत बूट सेवा का आह्वान करें (मुझे लगता है कि आप फॉर्म सबमिट करने के लिए $ http.post का उपयोग कर रहे हैं, यदि ऐसा है तो आप केवल यूआरएल बदल सकते हैं ताकि वह वसंत बूट ऐप को मार सके इसके बजाय।) उत्पादन परिनियोजन के लिए, स्थैतिक फ़ाइलों (एंगुलरजेएस/सीएसएस इत्यादि) और मार्ग/प्रॉक्सी सभी गतिशील अनुरोध वसंत बूट ऐप की सेवा के लिए nginx/httpd का उपयोग करें।

मैं दृढ़ता से तीसरा विकल्प सुझाता हूं।