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


How can I use Angular 2 in PHP application?

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

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

作为一名PHP开发人员,您希望让您的PHP呈现一个HTML页面并发送到客户端。你不会对安格拉那样做的。所有这些将在PHP中进行的处理,构建数据表、列表或其他什么,现在都是Angular的工作。

现在使用PHP所要做的唯一一件事就是简单地发送JSON响应。其他人已经在上面说过了。

我想,既然你问这个问题,你几乎没有与Angular2合作的经验。所以交易是这样的:

了解如何在本地机器上使用Node和NPM。了解如何使用NPM来设置空的Angular2项目。在本地机器上进行游戏和开发。

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

当你准备好让Angular2应用程序面向世界在线时,你有很多构建选项。您需要将代码从Typescript编译为Javascript。

我一直在使用Angular CLI工具。这样我就可以运行"ng build",然后编译应用程序。

然后我可以将它生成的文件夹上传到我的apache服务器上,它就可以工作了。Angular CLI制作了一个名为"dist"的文件夹,其中包含前端所需的所有内容。

小菜一碟。

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

PHP将坐在服务器上做API的工作,它用JSON/XML回答请求,然后你的angular应用程序将使用JSON构建web界面。

你可以在任何地方托管PHP,并从另一个地方为你的angular应用程序提供服务,即使认为这是不推荐的,因为延迟

<html>
  <script src="app.js">  
</html>

据我所知,AngularJS是客户端Javascript框架。因此,通常不需要"nodejs"。您只需要HTML中包含的AngularJS库文件,这些文件将由PHP代码生成。

我想你应该先仔细看看AngularJS。

[sitesbyjoe]上面的最佳答案非常棒。只是详细的步骤,

打开cmd

1) cd您的项目文件夹

2) ng构建

3) 将dist文件夹复制到apache/htdocs/[dist/或您的项目名称]

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-项目名称/index.html

它有效。