2016-01-20 29 views
17

Tôi đã đọc về hiển thị bên góc 2 Máy chủ với nút.Góc 2 Phổ quát - Hiển thị phía máy chủ

Nhưng tôi không thể tìm thấy ví dụ hoặc giải thích cách tôi nên làm điều đó. Tôi cần hiển thị một số trang có góc cạnh từ máy chủ, mọi lời khuyên?

+1

hiểu biết của tôi từ một trong những bài đăng trên blog gần đây hơn là góc 2.x server-side vẽ là một trong những module cuối cùng được mã hoá và là vẫn còn khá phát triển. –

+1

Bạn có thể kiểm tra repo của dự án https://github.com/angular/universal –

Trả lời

22

Vâng, nhìn vào bộ khởi động này https://github.com/alexpods/angular2-universal-starter . Có hiển thị phía máy chủ, nhân viên hỗ trợ web (toàn bộ ứng dụng angular2 đang chạy trong nhân viên web), tải chậm (sử dụng tách mã webpack) và nhiều thứ khác. Tôi hy vọng nó sẽ giúp bạn.

Tiết lộ: Tôi là tác giả của nó.

+0

mã của bạn có tạo ra html tĩnh của trang html của tôi nếu nó có vài thành phần con bên trong thành phần chính không? bởi vì tôi đã cố gắng để làm điều này bằng cách sử dụng bộ khởi động phổ quát nhưng không làm việc –

+1

@BhushanGadekar Có, tất nhiên. Khởi động của tôi tạo ra html tĩnh với bất kỳ số lượng thành phần con nào. – alexpods

+1

html tĩnh được tạo và lưu ở đâu? –

5

Hãy xem ở đây: https://universal.angular.io/

Hình như 'một số' của các tài liệu/trang web chính thức bây giờ đã lên. tài liệu API là trong các mã nhưng để tham khảo nhanh thấy những liên kết này:

https://universal.angular.io/api/universal/index.html#typedoc-main-index https://universal.angular.io/api/preboot/globals.html

đẹp bên thứ ba cái nhìn tổng quan và thiết lập doc: https://mickaelkerjeanblog.wordpress.com/2016/05/02/angular-universal/

3

Có một example repo tại https://github.com/ng-seed/universal trưng bày cả phổnghiêng Angular trên một dự án duy nhất.

Ứng dụng này sử dụng platform-server giao với góc 4.0.0, và nó có thể là một dự án khởi động/hạt giống tốt cho đến khi góc cung cấp một số tài liệu về việc sử dụng platform-server.

Hơn nữa, nó bao gồm hầu hết các tính năng của angular2-webpack-starter bởi AngularClass như async/lười biếng tuyến đường, SCSS biên soạn (cả nội tuyến và bên ngoài), chế độ dev/prod, AOT biên soạn qua @ngtools/webpack, kiểm tra, TsLint/Codelyzer, @types và có thể nhiều hơn nữa.

Tiết lộ: Tôi là tác giả quá :)

Các vấn đề liên quan