如何用YII2实现Angular 5

时间:2018-04-02 12:45:10

标签: angular yii2 angular5

我打算用yii2和angular 5构建一个企业应用程序。我只有角度5的基本知识,我无法找到如何规划应用程序的体系结构。是否应该从角度或过程如何生成所有视图内容? 另外,如何区分服务器和客户端。

1 个答案:

答案 0 :(得分:3)

似乎你混合了两个不同的概念。

客户端

Angular是一个客户端框架,会有一些静态内容,HTML,JS和CSS将存在于服务器的某个位置,例如,https://myapp.com,当用户请求将提供运行角度应用程序所需的所有内容,并且应用程序将在浏览器中运行。

如果您不需要从服务器存储/检索数据,那么可以结束它。

但听起来你会存储数据服务器端,最常见的用例是允许多个客户端使用该数据。常见的方法是在服务器端提供一个REST api,不同的客户端可以使用它来访问数据。

当您需要使用REST服务提供的数据时,使用angular作为客户端框架将为您提供一些功能。在谷歌搜索“使用angular”消费宁静数据时,网上有很多教程。

服务器端

现在,您的客户端框架并不关心如何处理服务器端的数据,使用 yii2 是一个有效的选项,即使对于角度应用程序,使用服务器上的节点更受欢迎。

yii 甚至提供了一些模板来启动您的RESTful服务,请检查this page,或者再次搜索“使用yii2提供RESTful内容”

一种方法

  1. 你可以创建你的Angular应用程序并从你的主域提供它,假设它是
    https://myapp.com
  2. 客户端点击该域,应用程序在浏览器中运行,现在需要从服务器中的数据库访问一些数据。
  3. 您的yii2应用程序可在某些子域上访问,例如
    https://api.myapp.com
  4. angular应用程序向该子域发出请求,获取作为JSON提供的数据并使用它。或POST一些数据,并在服务器上更新。
  5. 要理解的重要一点是,您正在构建两个应用程序,一个将在客户端运行,另一个将在服务器端运行。他们将通过REST api进行通信。

    听起来您希望将Angular用于客户端应用程序,将yii2用于服务器端应用程序但是您可以使用任何其他技术/框架,它不应该影响对方访问数据的方式。