Tôi có nên trộn AngularJS với khung PHP không? [đóng cửa]

AngularJS rất mạnh khi nói đến HTML5 tương tác và ràng buộc mô hình. Mặt khác, các khung công tác PHP như Yii cho phép phát triển ứng dụng web nhanh chóng, có cấu trúc tốt, an toàn và mạnh mẽ. Cả hai công nghệ đều cung cấp các phương tiện tinh vi để truy cập dữ liệu, lặp lại và bố trí trang.

Việc kết hợp hai cách tiếp cận đó ("thiết lập trang" phía máy khách và phía máy chủ) là tốt hơn hay trái với ý nghĩa của các ứng dụng web HTML5 AJAX tương tác, liền mạch?

Tôi không nói về việc tạo ra JS bằng PHP ( Xem câu hỏi này ) - Tôi đang nói về việc tạo ra một khung nhìn sẽ sử dụng AngularJS.

Tôi cũng biết rằng một trang AngularJS nên (hoặc có thể) giao tiếp với máy chủ thông qua các dịch vụ REST để lấy dữ liệu ( Xem câu hỏi này ) thay vì lấy trực tiếp từ ví dụ các biến PHP. Nhưng đối với tôi có vẻ thuận tiện hơn khi thiết kế "khung" cho toàn bộ ứng dụng web trong PHP (ví dụ: xây dựng menu chính hoặc xử lý ủy quyền / phiên, v.v.)

Có vẻ như bạn có thể thoải mái hơn với việc phát triển PHP, bạn để điều này ngăn cản bạn sử dụng toàn bộ tiềm năng với các ứng dụng web.

Thực sự có thể có PHP render partials và toàn bộ khung nhìn, nhưng tôi không khuyến khích điều đó.

Để sử dụng đầy đủ các khả năng của HTML và javascript để tạo một ứng dụng web, nghĩa là một trang web hoạt động giống như một ứng dụng và phụ thuộc nhiều vào kết xuất phía máy khách, bạn nên xem xét cho phép khách hàng duy trì mọi trách nhiệm quản lý trạng thái và trình bày. Điều này sẽ dễ bảo trì hơn, và sẽ thân thiện với người dùng hơn.

Tôi sẽ khuyên bạn nên suy nghĩ thoải mái hơn theo cách tiếp cận tập trung API hơn. Thay vì có đầu ra PHP có chế độ xem được kết xuất sẵn và sử dụng góc cạnh cho thao tác DOM đơn thuần, bạn nên xem xét việc có phụ trợ PHP xuất dữ liệu nên được xử lý theo RESTFully và có Angular trình bày nó.

Sử dụng PHP để hiển thị khung nhìn:

/user/account

if($loggedIn)
{
    echo "<p>Logged in as ".$user."</p>";
}
else
{
    echo "Please log in.";
}

Làm thế nào cùng một vấn đề có thể được giải quyết với cách tiếp cận tập trung API bằng cách xuất ra JSON như thế này:

api/auth/

{
  authorized:true,
  user: {
      username: 'Joe', 
      securityToken: 'secret'
  }
}

và trong Angular bạn có thể thực hiện nhận và xử lý phía máy khách phản hồi.

$http.post("http://example.com/api/auth", {})
.success(function(data) {
    $scope.isLoggedIn = data.authorized;
});

Để pha trộn cả phía máy khách và phía máy chủ theo cách bạn đề xuất có thể phù hợp với các dự án nhỏ hơn, trong đó bảo trì không quan trọng và bạn là tác giả duy nhất, nhưng tôi nghiêng về phía trung tâm API hơn vì điều này sẽ phân tách chính xác hơn các ý kiến ​​và sẽ dễ bảo trì hơn