web-dev-qa-db-ja.com

Angular 2 in PHP application？

私はPHP開発者であり、Angular2を学び始めました。しかし、PHPでそれを使用する方法がわかりません。フロントエンドとしてAngular ？何をする必要がありますか？Node.jsをインストールせずに共有ホスティングで使用する方法は？

phpangular
20
m6devin

長い間私の2セントPHP Angular2でかなり遊んでいる開発者。

PHP開発者として、あなたはPHP HTMLページをレンダリングしてクライアントに送信することを期待しています。Angular2でそれを行うことはありません。 。PHPで行われるすべての処理、データテーブル、リスト、または現在Angularの仕事を構築しています。

PHPで今やろうとしていることは、単にJSON応答を送信することだけです。他の人はすでにこれをすでに述べています。

あなたはこれを求めているので、Angular2を使った経験はほとんどないか、まったくないと思っています。だからここに取引があります：

NodeとNPMをローカルマシンで使用する方法を学習します。NPMを使用して空のAngular2プロジェクトをセットアップする方法を学習します。ローカルマシンでプレイして開発します。

データを読み込む準備ができたら、PHPを使用して、Angularを使用するためにJSONデータをフロントエンドに送信します。

世界向けにAngular2アプリをオンラインにする準備ができたら、いくつかのビルドオプションがあります。 TypeScriptからJavascriptにコードをコンパイルする必要があります。

Angular CLIツールを使用しています。これにより、「ng build」を実行するだけで、アプリがコンパイルされます。

次に、生成したフォルダーをApacheサーバーまでアップロードすると、動作します。 Angular CLIは、フロントエンドが必要とするすべてのものを含む「dist」というフォルダを作成します。

ケーキ。

63
sitesbyjoe

できれば、サイトは単純なindex.htmlと、すべてのJSを含むapp.jsというファイルをダウンロードするだけなので、Angular app。

PHPはAPIの仕事をしているサーバー上にあり、JSON/XMLで応答してリクエストします。angularアプリはJSONを使用してWebインターフェースを構築します。

PHPどこでもホストでき、別の場所からangularアプリを提供できます。待ち時間があるため、お勧めしません。

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

私の知る限り、AngularJSはクライアント側のJavaScriptフレームワークです。したがって、一般に「nodejs」は必要ありません。 PHPコードで生成されるHTMLに含まれるAngularJSライブラリファイルが必要です。

最初に、AngularJSを詳しく見る必要があると思います。

4
inzanez

[sitesbyjoe]上記のベストアンサーは素晴らしいです。手順の詳細

cmdを開く

1）cd your-projectフォルダー

2）ngビルド

3）distフォルダーをApache/htdocs/[dist/or 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：// localhost：80/your-project-name/index.html

できます。

1
hoogw