2016-08-02 4 views
16

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

+1

Угловой Js работает на стороне клиента, который работает в браузере и вызывает API (независимо от того, находятся ли они на php, node или любом другом языке на стороне сервера). Философия приложения с угловым 2 состоит в том, чтобы отделить функциональность переднего конца с API-интерфейсом. – noor

+0

Angular.js - это просто фреймворк javascript, он не требует, чтобы node.js функционировал в любой другой среде. Angular js - независимая структура, которая работает с любым бэкэнд-языком. Вам просто нужно вывести json с успокоительным api и использовать детали внутри угловой рамки. –

+0

@noor, если я пишу тестовый компонент в машинописном тексте для angular2, как отобразить html-страницу? добавьте пример. – mgh

ответ

54

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

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

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

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

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

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

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

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

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

Кусок торта.

+0

Большое вам спасибо за ваш ответ. Я долгое время разработчик PHP, которому недавно сказали, что мне нужно преобразовать все, что я сделал в Angular 2. Я не доволен этим, но это работа. Помимо учебных пособий на [Угловой] (https://angular.io/), ваш ответ помог мне понять отношения между PHP и Angular чуть больше. – Cagey215

3

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

Наверное, вам следует поближе взглянуть на AngularJS.

+0

Уточнение: AngularJS (ветка 1.X) и Angular2 дальше не то же самое. С Angular2 вперед вы больше не включаете тег сценария. Весь ваш пользовательский интерфейс опирается на все это. – sitesbyjoe

5

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

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

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

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

+0

Должен ли я экспортировать угловые app.js? – mgh

+0

Что вы подразумеваете под этим экспортом? Если вы создадите угловое приложение, в конце концов вы будете связывать весь свой JS-код в один файл, который обычно является app.js – Borjante

+0

Это мой вопрос! У меня есть угловое приложение js. Как это сделать? – mgh

0

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

открыт CMD

1) CD папка

2-ваш проект) нг построить

3) скопировать папку Dist апач/HTDOCS/[расстояние/или СВОИМИ имя-проекта]

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

Это работает.

Смежные вопросы