Я разработчик PHP, и я начал изучать Angular2. Но я не знаю, как использовать его с PHP. Можно ли использовать Angular так же, как интерфейс? Что я должен делать? Как использовать его на общедоступном хостинге без установки Node.js?Как использовать Angular 2 в приложении PHP?
ответ
Моего 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», которая содержит все, что вам понадобится перед вашим интерфейсом.
Кусок торта.
Большое вам спасибо за ваш ответ. Я долгое время разработчик PHP, которому недавно сказали, что мне нужно преобразовать все, что я сделал в Angular 2. Я не доволен этим, но это работа. Помимо учебных пособий на [Угловой] (https://angular.io/), ваш ответ помог мне понять отношения между PHP и Angular чуть больше. – Cagey215
Насколько я знаю, AngularJS - это структура Javascript на стороне клиента. Так что вообще не нужно «nodejs». Вам просто нужны файлы библиотеки AngularJS, включенные в ваш HTML-код, который будет создан вашим PHP-кодом.
Наверное, вам следует поближе взглянуть на AngularJS.
Уточнение: AngularJS (ветка 1.X) и Angular2 дальше не то же самое. С Angular2 вперед вы больше не включаете тег сценария. Весь ваш пользовательский интерфейс опирается на все это. – sitesbyjoe
Желательно, чтобы ваш сайт просто загрузил простой index.html и файл под названием app.js, который содержит все ваши JS и, следовательно, ваше приложение Angular.
PHP будет сидеть на сервере, выполняющем работу API, который отвечает на запросы JSON/XML, и вы можете использовать JSON для создания веб-интерфейса.
Вы можете иметь PHP организован в любом месте, и служить ваше угловому приложение из другого места, даже думал, что это не рекомендуется из-за латентностью
<html>
<script src="app.js">
</html>
Должен ли я экспортировать угловые app.js? – mgh
Что вы подразумеваете под этим экспортом? Если вы создадите угловое приложение, в конце концов вы будете связывать весь свой JS-код в один файл, который обычно является app.js – Borjante
Это мой вопрос! У меня есть угловое приложение js. Как это сделать? – mgh
выше [сайт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
Это работает.
- 1. Как использовать модуль углового2-локального хранения в приложении Angular 2
- 2. Как использовать стороннюю библиотеку js в приложении Angular 2/Typcript?
- 3. Как использовать Phoenix Channels/Sockets в приложении Angular 2?
- 4. Когда использовать @angular tags в Angular 2?
- 5. Как использовать Angular DSCacheFactory в ионном приложении
- 6. использовать fuse.js в приложении Angular 2 (машинописный текст)
- 7. используя jQuery глобально в приложении Angular 2
- 8. Использование функции JavaScript в приложении Angular 2
- 9. Как использовать jQuery UI с Angular 2
- 10. Использование moment.js в приложении Angular 2 typescript
- 11. Как использовать перечисление в шаблонах Angular 2
- 12. Как использовать WOW.js в Angular 2 Webpack?
- 13. Как использовать директиву DateRangePicker в Angular 2?
- 14. Как использовать FullCalendar в Angular 2
- 15. Как использовать URLSearchParams в Angular 2
- 16. DefaultExtension не работает в приложении Angular 2
- 17. Реабилитация ребенка в приложении Angular 2
- 18. Услуга не вызывается в приложении Angular 2
- 19. Использование Renderer.animate в приложении Angular 2
- 20. Угловой 2 - Имеет смысл использовать токен csrf в Angular 2?
- 21. Как перевести строковые строки в приложении Angular 2?
- 22. Использование Angular 1 библиотек в Angular 2?
- 23. Можете ли вы использовать Angular 1 views в приложении Angular 2?
- 24. Как использовать Less с Angular 2?
- 25. Как я могу использовать Angular 2 & YII2?
- 26. Как использовать datepicker popup in angular 2
- 27. Как использовать Angular 2 с NetBeans?
- 28. Как использовать дорожку внутри ngFor angular 2
- 29. Angular 2: Как рассказать SystemJS использовать комплект?
- 30. angular 2 rc1 - как правильно использовать маршрутизатор
Угловой Js работает на стороне клиента, который работает в браузере и вызывает API (независимо от того, находятся ли они на php, node или любом другом языке на стороне сервера). Философия приложения с угловым 2 состоит в том, чтобы отделить функциональность переднего конца с API-интерфейсом. – noor
Angular.js - это просто фреймворк javascript, он не требует, чтобы node.js функционировал в любой другой среде. Angular js - независимая структура, которая работает с любым бэкэнд-языком. Вам просто нужно вывести json с успокоительным api и использовать детали внутри угловой рамки. –
@noor, если я пишу тестовый компонент в машинописном тексте для angular2, как отобразить html-страницу? добавьте пример. – mgh