2017-12-18 46 views
4

私は、次を使用しています:CAS認証とangular2 webpackスタータータイスクリプトの使用方法は?

https://github.com/gdi2290/angular-starter 

私はWebPACKのdevのサーバーを使用していますnpm startを使用してアプリケーションを起動します。私の問題はCAS認証を追加することですが、どこに行くのか分かりません。私はWebPACKの-devのサーバーでこれを使用することができるかどうかわかりませんけれども、私が使用していますスターターであるとして、

https://github.com/TencentWSRD/connect-cas2 

すべての例は、Expressを使用して表示されます。これは、私が使用しようとしていますライブラリです?もしそうなら、私はそれをどうやって使うのですか?または、npm startと互換性のある別のCASライブラリが必要ですか?

答えて

3

Webpackは、サーバーの機能を最小限に抑えたビルドツールです。静的なコンテンツを提供することができ、コンテンツを即座に更新し、基本的なルーティングとクライアント側のロジックを持つシンプルなWebサイトをまとめるのに最適です。

もう少し複雑なものが必要な場合は、サーバー側の技術が必要になります。したがって、connect-cas2ではnode.jsを使用して表現する必要があります。ドキュメントでは、セットアップ方法を正確に示しています。

私はconnect-cas2について何も知らないけど、私は認証のためにパスポートを知っていますが、それほど大きな違いはありません。私はクイックスタートに従います。問題がある場合は、問題があるコードで質問を編集するか、問題を理解してください。

私は掘り下げており、CASサーバーの設定が既にどこかにある場合は、認証をプロキシできる可能性があります。私は、次のことをしようとするだろう:

// the proxy option is part of the devServer in your webpack.config.js 
devServer: { 
    contentBase: 'public', 

    // setup a proxy 
    proxy: { 
     // just replace the /cas/validate endpoint to the endpoint in your 
     // website that will trigger the api call 
     '/cas/validate': 'https://url-to-your-cas-server.com' 
    } 
}, 
+0

ドキュメントは、私は今、自分の問題を推測、接続-CAS2のための非常に明確である私はOPのデフォルトのスタータープロジェクトを使用してExpressを使用する方法であるhttps://github.com/gdi2290 /角速度スターター。私は "config/webpack.dev.js"がいくつかのエンドポイントを持っているということを知っていますが、connect-cas2では直接使用することはできません。 – Rolando

+0

Webpackはexpressを使用していないため、Common.jsライブラリに組み込まれています。 divサーバーを構成すると、実際に基本的な高速サーバーを構築しており、フロントエンドプロジェクトを「監視」しビルドするためのミドルウェアとしてwebpackを使用しています。 – RickyM

+0

エクスプレスを使用するようにWebpackを取得しようとしましたが、ハングアップしています。あなたがこれについて持っているかもしれないいくつかの洞察があるなら、それは素晴らしいでしょう。 https://stackoverflow.com/questions/48069757/how-to-use-express-with-gdi2290-angular-starter-to-beable-to-add-custom-express – Rolando

関連する問題