góc 2, khởi động mùa xuân, an ninh mùa xuân, hình thức đăng nhập

Question

Tôi có một cuối Mặt trận ứng dụng chạy trên http:// localhost:4200, với góc 2 (Tôi đã sử dụng angular-cli để tạo ra dự án).
Các ứng dụng chạy mà không cần bất kỳ vấn đề (tôi có thể nhận và gửi thông tin từ/đến cơ sở dữ liệu sử dụng góc 2Http dịch vụ:

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

Mặt khác, tôi có một Trở lại kết thúc ứng dụng đang chạy với mùa xuân khởi động trên http:// localhost:8080/ (lưu ý các cổng), cung cấp một API REST cho góc 2 ứng dụng.

yêu cầu gửi tôi từ http://localhost:4200/ đến http://localhost:8080/ hoạt động như mong đợi.

Trước khi tôi đã lập trình một ứng dụng với mùa xuân khuôn khổ & angularJS 1, mùa xuân an ninh đã chăm sóc đăng nhập và an ninh trong cùng một ứng dụng (dự án maven).

Bây giờ tôi có hai ứng dụng riêng biệt mà đang giao tiếp qua http (Api RESTful với khởi động mùa xuân, và kết thúc trước Api với góc 2)

Làm thế nào tôi có thể thiết lập hình thức đăng nhập của tôi và nơi để đặt nó, và làm thế nào để cấu hình bảo mật mùa xuân với ứng dụng angular 2 của tôi?

Answer 1

Khi bạn quay lên ứng dụng góc với CLI góc, các trang góc của bạn được phục vụ bởi NodeJs trong phần cuối. Bạn có một vài tùy chọn ở đây.

1. Các đăng nhập có thể được xử lý tại NodeJS máy chủ mà có thể lần lượt gọi ứng dụng Spring Boot để Xác thực và ủy quyền. (Tôi nghĩ rằng, bạn có thể cần phải thực hiện một số tinh chỉnh như sử dụng máy chủ nhanh thay vì máy chủ lite. Mất một cái nhìn ở đây https://stackoverflow.com/a/37561973/6785908)

2. Sau khi phát triển ban đầu, bạn có thể sao chép qua AngularJS bạn nguồn lực để một máy chủ Spring MVC (Spring Boot) và sử dụng nó để phục vụ trang của bạn (cũng như các API còn lại), cũng giống như bạn đã từng làm trước đây.

3. Làm cho Ứng dụng góc gọi dịch vụ khởi động mùa xuân (Tôi đoán, bạn đang sử dụng $ http.post để gửi biểu mẫu, nếu đó là trường hợp bạn chỉ có thể thay đổi URL để có thể nhấn ứng dụng khởi động mùa xuân thay vào đó.) Để triển khai sản xuất, hãy sử dụng nginx/httpd để phục vụ các tệp tĩnh (AngularJS/CSS vv) và định tuyến/proxy tất cả yêu cầu động tới ứng dụng khởi động mùa xuân.

Tôi đặc biệt khuyên bạn nên chọn tùy chọn thứ 3.