2017-08-26 20 views
0

Razor Engine(.cshtml)を使用してASP.NET Core 2.0上で動作するアプリケーションがありますが、古いスクールjQueryを避けるためにAngular 4をアプリケーションに組み込みたいのですがAJAX呼び出しからのデータバインディング既存のプロジェクトにAngularを追加するには、どのような手順を踏む必要がありますか?ASP.NET Core 2.0 Razor + Angular 4 Hybrid

私もknowkoutJSを見ましたが、これが積極的にサポートされているかどうかはわかりません。

EDIT:

私は私が探していますどのような推測は、カミソリのエンジンを使用している既存の.NETコア2.0アプリケーションに角度4を追加する方法のステップの手順でステップです。

+0

リストのアイテム1と2は、「角を付けたい」と「本当にSPAにすることに興味がありません」ということはまったく矛盾しています。 –

+0

私は何を言おうとしているのだろうと思うのは、角度でルーティング方法を使用することに興味がないということです。 –

+0

質問が何の答えもなく数日間あったときに、本当に残念です。答えを提供する時間と労力を費やすと、監査人は質問に飛び込んで質問します。より良いプロセスを持つことができました! – Jeyara

答えて

2

私は現在、アングル4の新しいプロジェクトに取り組んでいます。私はangle 1.5.Xを使って開発しました。これは角度4の初めてのことです。

ここに私の所見があります。私は角度ルーティングとミックスしたくない理由を知りません。しかし、角度のあるルートを.netアプリケーションと組み合わせてマッチングするのは簡単です。これがあなたを良い方向に導くのを助けてくれることを願っています。

まず、Ilya.Sulimanov前記@ように、角4アプリケーションルーティング、建物(WebPACKの)等

次に有する自己完結型SPAと思われる、認証を実施する角度4と.NETを使用してビット面倒です。 .Netアイデンティティは、箱からの角度ベースの認証をサポートしていません。理想的には、トークンベースの認証を使用することです。これはアイデンティティの上に実装する必要があります。モバイルアプリなどを開発したいと思っているかのように、簡単にやり遂げることができます。

それ以外の場合は、認証にハイブリッドアプローチを使用できます。ログイン、サインアップ、パスワード変更などのために、ビューベースのページ(フォーム認証)を使用してください。一度認証されると、ユーザーはSPAにリダイレクトされます。次に、SPA用のすべてのAPIで「Authorized」属性を使用します。しかし、キャッチがあります。ユーザーが毎回認証されているかどうかを確認するには、HTTP側のエラー処理を角度側に挿入する必要があります。タイムアウト/ログアウトした場合は、角度ルータを使用してログインページにリダイレクトします。

注意点、

SPAの固定URLを使用してください。 www.example.com/spaと言うと、すべての角度ルーティングがそこから発生します。例:www.example.com/spa/#/homeなど

webpackを.netcoreと連携させるには少し苦労します。少しの学習曲線があるようです。私はGulpの背景です。

あなたのオプションを決定するのに役立ちます。開始する

良かった点、

UI

[ポイントを起動するための良い]いくつかのアプリ、

更新

このhttps://github.com/MarkPieszak/aspnetcore-angular2-universalを見つけました。これは、.netコア開発でwebpackを設定する方法についての良いアイデアを提供します。

これまでの例の中では、一回停止の解決策はありません。しかし、それらのそれぞれは、完全な解決策に向けて異なる問題を解決します。

1

角度は特定の統合には最適ではありません。ルーティングとe.t.cでフレームワーク全体を使用する必要があります。結果として、2つの別々のアプリケーション(フロントエンド - Angularで動く)とASP.NET Coreが、より多くの剃刀ページなしでWeb APIパーツとして機能します。

好きではない場合はhttps://vuejs.org/をご覧ください。それは非常に軽量のフレームワークで、jqueryの現代的な代替案として、かみそりと一緒に使うことができます

関連する問題