Angular2 +PHP: создание сайта своими руками Начало

В рамках проекта написать «самоучитель» лучший способ закрепить пройденный материал, а для меня отказываться от php еще не время, ведь столько нажито труда и опыта, который явно не хочется терять. Предвзятое отношение к PHP можно развеять, только когда пишешь красивый и современный код, что делать куда как просто, нужно только пару тысяч строк плохого написать*))) Репозиторий примера BlogDemo.

Для клиентской части Angular2, хоть он еще и кандидат в релиз, прекрасное и гармоничное решение (сами увидите), а серверную часть мы сделаем на php и можем там использовать все все что нам в php нравится. Начнем с клиента

Настройка проекта

Чтобы было «побыстрее» и «подокументированней», начнем как и предлагает нам официальная документация с четырех файлов package.json, tsconfig.json, typings.json + systemjs.config.js.
Из обязательного также…

index.html

<html>
<head>
	<title>Angular 2 QuickStart</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="styles.css">
	<!-- 1. Load libraries -->
	<!-- Polyfill(s) for older browsers -->
	<script src="node_modules/core-js/client/shim.min.js"></script>
	<script src="node_modules/zone.js/dist/zone.js"></script>
	<script src="node_modules/reflect-metadata/Reflect.js"></script>
	<script src="node_modules/systemjs/dist/system.src.js"></script>
	<!-- 2. Configure SystemJS -->
	<script src="systemjs.config.js"></script>
	<script>
		System.import('app').catch(function (err) {
			console.error(err);
		});
	</script>
</head>
<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>
</html>

app/main.ts

import {bootstrap}    from '@angular/platform-browser-dynamic';
 
import {AppComponent} from './app.component';
 
bootstrap(AppComponent);

app/app.component.ts

import {Component} from '@angular/core';
@Component({
	selector: 'my-app',
	template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent {
}

Запуск

npm install установит все необходимые компоненты, после чего проект можно запускать npm run-script start


Все бы хорошо — только где тут место PHP и как это загрузить на обычный хостинг? Смотрите в следующем выпуске — подготовка «места для php»)

Оставить комментарий

XHTML: Вы можете использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">