我应该将 AngularJS 与 PHP 框架混合使用吗

发布于03月26日

AngularJS在交互式HTML5和模型绑定方面非常强大.另一方面，像Yii这样的PHP框架支持快速、 struct 良好、安全且功能强大的web应用程序开发.这两种技术都为数据访问、迭代和页面布局提供了复杂的手段.

将这两种方法(客户端和服务器端的"页面设置")混合使用是好还是坏的做法？或者这与交互式、无缝的HTML5Ajax web应用程序的意义相反？

我不是说用PHP(See this question)生成JS——我是说生成一个使用AngularJS的视图.

我还知道AngularJS页面应该(或可以)通过REST服务与服务器通信以获取数据(See this question)，而不是直接从PHP变量中检索数据.但在我看来，用PHP分别为整个web应用程序设计"框架"似乎更方便(例如，构建主菜单或处理授权/会话等)

推荐答案

似乎你更喜欢用PHP开发，因为这会阻碍你充分利用web应用程序的潜力.

确实可以让PHP呈现部分视图和整个视图，但我不推荐这样做.

为了充分利用HTML和JavaScript的可能性来制作Web应用程序，即，Web页面更像应用程序，并且很大程度上依赖于客户端渲染，您应该考虑让客户端维护管理状态和呈现的所有职责.这将更易于维护，并且更加用户友好.

我建议您以更加以API为中心的方式进行更轻松的思考.与其让PHP输出一个预渲染的视图，而只使用DOM操作的Angular ，你应该考虑PHP后端输出的数据应该是静态的，并且有Angular 呈现.

使用PHP呈现视图:

/user/account个

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

如何使用以API为中心的方法，通过如下方式输出JSON来解决相同的问题:

api/auth/

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

在Angular中，您可以执行get，并处理客户端的响应.

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

按照您提出的方式混合客户端和服务器端可能适用于维护不重要且您是单一作者的较小项目，但我更倾向于以API为中心的方式，因为这样会更正确地分离服务，并且更容易维护.