سفارشی کردن IdentityServer4 UI

مقدمه

من یک پروژه Blazor WebAssembly به همراه Asp.Net Core Hosted و Individual user account (که Authentication پیش فرض هست) ساختم. مشکلی که داشتم این بود که Page ها و View یا همون UI سیستم پیشفرض Identity server 4 همراهش نبود. برای این که بتوانم UI تغییر بدم باید این کار هارو انجام بدم.

اضافه کردن UI و Pages به برنامه

خوب چون موقع ساخت پروژه تیک Asp.Net Core Hosted هم زدم خودش یک پروژه Asp.Net Core می سازه که برای ساخت Api هست و هیچ ربطی به Blazor-Server ندارد!.روی این پروژه که پسوند server نیز دارد کلیک راست کرده و مانند تصاویر زیر عمل کنید:

از پنجره جدید که باز میشه Identity انتخاب کنید:

و بعد پنجره زیر باز میشود که باید Override all file تیک زده و Context بهش معرفی کنیم:

بعد از شاخته شدن پوشه Identity پر میشه از Page و View ها ، می توانیم به هر شکل که خواستیم سفارشی سازی کنیم.!

تمام! حالا پروژه را اجرا کنید اما صبر کنید وقتی وارد صفحه login یا register می شویم خطای زیر را می دهد:

خوب همانطور که از متن خطا پیداست باید section Scripts را در فایل _Layout.cshtml که در فولدر اصلی Pages>Shared قرار داد خط زیر را اضافه کنیم:

@RenderSection(&quotScripts&quot, required: false)

حالا دیگر جدی جدی تمام !

افزونه ای که میتواند برای فارسی سازی این همه UI و Page کمکان کند: