Как я могу использовать Angular 2 в приложении PHP?

Question

Как я могу использовать Angular 2 в приложении PHP?

Я разработчик PHP, и я начал изучать Angular2. Но я не знаю, как использовать его с PHP.
Возможно ли использовать Angular в качестве внешнего интерфейса?
Что я должен сделать?
Как использовать его на виртуальном хостинге без установленного Node.js?

18

angular php

Решение

Другие решения

Предпочтительно, ваш сайт просто загрузит простой index.html и файл с именем app.js, который содержит все ваши JS и, следовательно, ваше Angular-приложение.

PHP будет сидеть на сервере, выполняя работу API, который отвечает на запрос JSON / XML, ваше угловое приложение затем будет использовать JSON для создания веб-интерфейса.

Вы можете разместить PHP где угодно и обслуживать свое угловое приложение из другого места, даже если оно не рекомендуется из-за задержки

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

7

насколько я знаю, AngularJS — это клиентская среда Javascript. Так что в общем случае нет необходимости в ‘nodejs’. Вам просто нужны файлы библиотеки AngularJS, включенные в ваш HTML, которые будут создаваться вашим PHP-кодом.

Полагаю, вам стоит сначала поближе взглянуть на AngularJS.

4

выше [sitesbyjoe] лучший ответ потрясающий.
Просто детали шагов,

открыть cmd

1) cd папка вашего проекта

2) нг билд

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: // локальное: /-имя-проект вашего 80 / index.html

Оно работает.

1

Источник

Accepted Answer

Мои 2 цента, как давнего разработчика PHP, который немного играл с Angular2.

Как разработчик PHP, вы ожидаете, что ваш PHP отобразит HTML-страницу и отправит клиенту. Вы не будете делать это с Angular2. Вся эта обработка, выполняемая в PHP, создание таблиц данных, списков или что-либо еще, что сейчас является задачей Angular.

Единственное, что вы сейчас сделаете с PHP — просто отправьте JSON-ответы. Другие уже говорили это выше.

Я предполагаю, что, поскольку вы спрашиваете об этом, у вас практически нет опыта работы с Angular2. Итак, вот сделка:

Узнайте, как использовать Node и NPM на вашем локальном компьютере. Узнайте, как использовать NPM для настройки вашего пустого проекта Angular2. Играй и развивайся на своей локальной машине.

Когда вы будете готовы к загрузке данных, PHP может подключиться, отправив данные JSON во внешний интерфейс для использования Angular.

Когда вы будете готовы разместить свое приложение Angular2 онлайн для всего мира, у вас есть несколько вариантов сборки. Вам нужно скомпилировать ваш код из Typescript в Javascript.

Я использую инструмент Angular CLI. Это позволяет мне просто запустить «ng build» и приложение скомпилируется.

Затем я могу загрузить папку, которую он генерирует, на мой сервер Apache, и он работает. Angular CLI создает папку с именем dist, которая содержит все, что нужно вашему интерфейсу.

Кусок пирога.

61