如何在PHP应用程序中使用Angular 2?

时间:2016-08-02 10:10:01

标签: php angular

我是一名PHP开发人员,我开始学习Angular2。但我不知道如何在PHP中使用它。 是否有可能使用Angular作为前端? 我该怎么办? 如何在没有安装Node.js的共享主机上使用它?

4 个答案:

答案 0 :(得分:62)

作为一名长期使用Angular2的PHP开发人员,我花了2美分。

作为PHP开发人员,您希望让PHP呈现HTML页面并发送给客户端。你不会用Angular2做到这一点。所有那些将在PHP中进行的处理,构建数据表,列表或其他任何现在都是Angular的工作。

您现在唯一能做的就是发送JSON响应。其他人已在上面说过这个。

我假设因为你问这个,你几乎没有使用Angular2的经验。所以这就是交易:

了解如何在本地计算机上使用Node和NPM。了解如何使用NPM设置空的Angular2项目。在本地计算机上播放和开发。

当您准备加载数据时,PHP可以通过将JSON数据发送到前端以供Angular使用来实现。

当您准备好将Angular2应用程序放到网上时,您有许多构建选项。您需要将代码从Typescript编译为Javascript。

我一直在使用Angular CLI工具。这让我可以运行" ng build"并且应用程序被编译。

然后我可以将它生成的文件夹上传到我的apache服务器并且它可以工作。 Angular CLI创建了一个名为" dist"的文件夹。它包含你的前端需要的所有东西。

一块蛋糕。

答案 1 :(得分:7)

最好,您的网站只会下载一个简单的index.html和一个名为app.js的文件,其中包含您的所有JS,因此也包含您的Angular应用程序。

PHP将坐在完成API工作的服务器上,该服务器正在回答JSON / XML请求,然后您将使用JSON构建Web界面。

你可以在任何地方托管PHP,并从其他地方为你的角度应用提供服务,甚至认为由于延迟而不推荐



<html>
  <script src="app.js">  
</html>
&#13;
&#13;
&#13;

答案 2 :(得分:4)

据我所知,AngularJS是客户端Javascript框架。因此,一般来说,不需要“节点”。您只需要HTML中包含的AngularJS库文件,这些文件将由您的PHP代码生成。

我想你最初应该仔细看看AngularJS。

答案 3 :(得分:1)

以上[sitesbyjoe]最佳答案很棒。 只是详细步骤,

打开cmd

1)cd your-project文件夹

2)ng build

3)将dist文件夹复制到apache / htdocs / [dist /或your-project-name]

4) Important:  open the index.html file, find <base href="/">
change it to <base href="/your-project-name/">
Without doing this, js file will not be load correctly.

5)http://localhost:80/your-project-name/index.html

有效。