問題タブ [asp-net-core-spa-services]

私のソリューションでは、私が使用しています

• 完全な .NET フレームワークを対象とする持続性ライブラリの ef6
• Web API の場合 => 完全な .NET フレームワークを対象とする ASPNetCore

aspnetcore ID の使用に関しては、EFCore 2.0 に依存しており、同じ VS ソリューションで EF6 と EFCore を一緒に使用する場合、VS は移行できません。コマンド ライン エラーが発生します。

次のオプションがあります。

• 両方を使用して、モデルの完成後に EF コア ツールを削除します。この場合、競合はありません。
• https://www.nuget.org/packages/MR.AspNet.Identity.EntityFramework6を使用
• IDサーバーを使用しますが、この場合、ソリューションに新しい変数を導入しています
• すべてを EF 2.1 Preview にアップグレードします。これにはより多くの機能がありますが、成熟していません。

ありがとうジャマル

ツール: VS2017、ASP.NET Core 2、Entity Framework Core 2、ASP.NET Core JavaScript サービス

次の BuildWebHost メソッドを使用しています。

接続文字列を読み込むために、ConfigureServices (startup.cs) に次のコードがあります。

上記の構成により、アプリはデバッグ モードおよび Windows サービスとして (公開後) 問題なく実行されます。

しかし、add-migration を実行すると、ツールは appsettings.json から接続文字列を読み込むことができません。

次の行を次のようにコメントすると

add-migration は問題なく実行されますが、appsettings.json ファイルが見つからないため、アプリは "Windows サービス" として実行されません。

上記の行をコメントする必要がないように構成を変更するにはどうすればよいですか?

ありがとうございました。

マイケル

2 つの異なるクライアントを使用しています。IdentityServer4 は、API 保護とログイン フォームを提供します。シングル サインオンを回避するようにクライアントを構成できますか? 最初のクライアントにログインしたとしても、2 番目のクライアントにもログインする必要があるということです。

私のID4構成:

すべてのクライアントが同じ登録コードを持っています (問題かもしれません):

どんな助けでも役に立ちます。

こんにちは、 ASP.NET Core 2.0を使用したAngular 6プロジェクトがあります。バックエンド。Visual Studio での作業。 サーバー側のレンダリングはなく、SPA のみです。

プロジェクト (F5) を実行するng serveと、.Net によってコマンドが自動的に呼び出され、以下のコードが表示されます。

新しいコマンド ライン ウィンドウを生成しますが、スタイル (行の書き換え、テキストの進行状況バーなど) が機能していないようです。

テキストのレンダリングは停止しますが、Angularは機能し、出力が表示されません。

通常の動作: 呼び出された CMD で ng serve

重要：

両方のソリューションが機能し、違いはありませんが、エラーをデバッグできません

これを修正する方法はありますか？VS CMD を私の通常の CMD と同じようにするには?

ソリューションは、Angular のものに関連する必要はありません。

御時間ありがとうございます。

ルボス

aspnetコアを使用する場合、vuejsを使用したサーバー側レンダリングの使用法と制限を理解しようとしています。

この aspnet コアと vuejs 用のスターター キットを使用して、次のコードに基づいて実行されている単純な vue サイトをセットアップしました: https://github.com/selaromdotnet/aspnet-vue-ssr-test/tree/master

次に、プロジェクトを変更して aspnet-prerendering を更新し、vue-server-renderer を追加して、ソースの寄せ集めをコンパイルして、この更新をまとめました: https://github.com/selaromdotnet/aspnet-vue-ssr-test/tree/ ssr

このプロジェクトを実行すると、サイトが正常に読み込まれるように見えます。ブラウザーで JavaScript をオフにすると、サーバー側のレンダリングが実行され、html の結果が取り込まれたように見えます。

ただし、JavaScript が無効になっているため、コンテンツが移動しようとしているように見えるため、コンテンツは dom に移動されません...

サーバー側のレンダリングについての私の理解は、それが html を完全に取り込み、完成したページをユーザーに提供することであり、JS が無効になっている場合でも、少なくともページを見ることができます (特に SEO の目的で)。私は間違っていますか？

現在、最新の検索エンジンはこのような単純なスクリプトを実行してコンテンツを取得すると信じていますが、js が無効になっている場合に空白のページがレンダリングされることは望ましくありません...

これはサーバー側のレンダリングの制限ですか、それとも特に vue や aspnet コアを使用した ssr ですか?

または、どこかでステップが欠落していますか？

編集：詳細

ここでセクションを事前にレンダリングする方法であると私が信じているもののソースコードを見ました: https://github.com/aspnet/JavaScriptServices/blob/dev/src/Microsoft.AspNetCore.SpaServices/Prerendering/PrerenderTagHelper.cs

この線

result.Html に null 値があります。ただし、この値を手動で編集してテスト値を配置すると、出力 html にもレンダリングされず、アプリの div タグはまだ空です...

result.Html 値に予想される出力を入力するために何か間違ったことをしている場合、それは 1 つのことです。特に出力 html が見つかったように見えるので、それを行う際に助けていただければ幸いです。続いて...

ただし、値を手動で変更したことから明らかなように、入力したとしても、スキップされているように見えます。これはコードのバグですか、それとも何か間違っているのでしょうか、あるいはその両方ですか?

これはあなたたちのための簡単な質問です！

Ok の結果を含む整数を返す IActionResult を取得しました。

そして、PageEditModel をポストする Angular メソッドを取得しました。

結果から整数を取得したい。整数は結果にありません。

結果から id が表示されない理由はわかりましたか?

ありがとう

ASPX に既存のページがあり、サイトは IIS7 サーバーでホストされています。VUEJS 2.0 でのページの改良/デザインを探しています。

build.js を生成 (本番) し、ASPX ページで同じものを参照することで、VueJS コードを既存の ASPX ページと統合することができ、ページには Target 要素が含まれます。これはすべてクライアント側のレンダリングです。今、私たちはSSRで同じことを望んでいます。これは、クライアント (ブラウザー) に提供される前にページにレンダリングされる完全な HTML コードであることを意味します。

これは、NodeServer をセットアップする必要があることを明確に示しています。これは、ASP.NET によって呼び出され、VUEJS コードをレンダリングして ASPX ページに追加してから、クライアント (ブラウザー) に提供することができます。間違っている場合は修正してください。ここでは、動的 Web ページを探しています (事前レンダリングまたは静的生成を使用した静的 Web ページではありません)。

オプションの 1 つとして NUXT.JS の検索を開始しました。ただし、これは NodeServer でホストされるアプリに使用することをお勧めします。

参照: https://github.com/MarkPieszak/aspnetcore-Vue-starter/issues/67 1 : https://github.com/MarkPieszak/aspnetcore-Vue-starter/issues/67

Nuxt に関するその他の大きな課題は、Nuxt2.js バージョンを起動する可能性が高いことです。これには、破壊的変更がある場合とない場合があります。https://medium.com/nuxt/nuxt-2-is-coming-oh-yeah-212c1a9e1a67

次のオプションは、次のものを探すことです。

• https://github.com/MarkPieszak/aspnetcore-Vue-starter
• https://github.com/vuejs/vue-hackernews-2.0
• http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/

上記のリンクは、ASP.net コア API Microsoft.AspNetCore.SpaServices.Webpack の使用について言及しています。

あなたはこの状況に直面し、最適な解決策にたどり着いたに違いないと思います。同じことを達成したベテランからの提案を探していますが、どのような道をたどるべきですか? これがまったく達成できるとしたら？そして、私が楽しみにしなければならない課題は何ですか？

ありがとう

同じasp.net core 2.1 appに角度のある & 反応するアプリ (clientapp1 & clientapp2)があります。clientapp1とclientapp2のフォルダーでアプリを実行できます。それらは独自のポートで実行され、正常に動作します。

パスを分岐するために次のコードを追加しました。エンドポイントを使用するときにAngularアプリを実行し、実行時にhttp://localhost:5000/clientapp1反応アプリを実行したいhttp://localhost:5000/clientapp2.

dotnet runアプリケーション ルート フォルダーでコマンドを実行すると、asp.net コア アプリケーションが機能しません。次のエラーが表示されます。エラーは、http://localhost:5000/フォルダー内のファイルを検索することを示しています。

角度:

反応:

ファイルを探す場所を両方のアプリに伝えるために設定する必要がある構成。

コードclientapp1.UseSpa(spa =>をに変更すると、動作させることができますapp.UseSpa(spa =>。しかし、副作用は、がhttp://localhost:5000/clientapp2機能しないことです。

aspnet-prerendering を使用する .NET Core + React アプリがあります。dotnet new reactreduxを使用してアプリを作成しました。これを Azure に発行し、AWS CloudFront を使用してそのアプリにルーティングしました。

アプリはすべての環境 (ローカル、CI、プレステージングなど) で動作しましたが、本番環境にデプロイすると数日間動作し、その後多くのAn attempt was made to access a socket in a way forbidden by its access permissionsエラーが発生し始めました。これは、への POST が行われたときに発生してい127.0.0.1:<randomPort>ます。私は自分のコードでこの POST を作成しません。また、react が事前にレンダリングされる方法に関係していると言われています。これらのエラーは、通常、展開後約 1 ～ 2 日で発生します。そのため、最初にデプロイしたときはすべて問題ないように見えますが、エラーが発生し始めると、Azure でアプリを再デプロイまたは再起動するまでエラーが続きます。

私が試したこと：

• アプリを再起動すると、しばらく問題が解決します。
• 反応ホット リロードが原因だと聞いたので、Azure に appsetting を追加するようにしましたASPNETCORE_ENVIRONMENT=Production。これで問題は解決しませんでした。
• この仮説を確認するために、Startup.cs のホット リロード部分を完全にコメントアウトしようとしましたが、コードを展開してから 2 日後にエラーが再び発生しました。

失敗したポートと成功したポートのサンプル リスト (ランダムに見える...?):

コード スニペット:

起動：

インデックス.cshtml

パッケージ.json

注: ブート サーバーとブート クライアント、およびサーバー webpack 構成とクライアント webpack 構成があります。これは、サーバー/クライアント コンパイルのニーズが異なるためです。

Boot-server.js

Boot-client.js

Webpack.config.js

Webpack.config.server.js

私の質問は - なぜこれが起こっているのですか? どうすれば防ぐことができますか？

Vs 2017 テンプレートを使用して、ASP.Net Core 2.1 で React アプリを作成しています。デフォルトでは、アプリを実行すると、デフォルトのインデックスページで何らかの形で実行されます。

カスタムのかみそりページで実行されるインデックスページで実行される同じ反応アプリを作成するにはどうすればよいですか?

例: デフォルトではhttps://localhost:32323で実行され、代わりにhttps://localhost:32323/Sampleで実行されます。