ASPNETcoreAngularJWT

ASPNETcoreAngularJWT

فيما يلي حالة عرض أساسية جدًا لترخيص الرمز المميز لحامل jwt، باستخدام angular كواجهة أمامية وASP.NET Core كواجهة خلفية. ASP.NET Core3.1 angular7.2.1 مع systemjs. (تأكد من تثبيت dotnet core 3.1 + وAngular7.2.1)

---

(لماذا لا يكون systemjs webpack؟ رأي شخصي: حزمة الويب معقدة جدًا بحيث لا يمكن استخدامها لأي حجم صغير، أو تطبيق بسيط، لقد قمت بخداعها بكفاءة للسماح لمعظم المبرمجين بقراءة كود المثال الخاص بي)

---

الآن يمكنك إيقاف جوجل ومعرفة كيفية إجراء مصادقة رمز JWT، الأمر بسيط!

في الواجهة الخلفية: يوفر MS$ برنامجًا وسيطًا AddAuthentication().AddJwtBearer() لمصادقة رمز Bear JWT، لذا، تصبح الأمور بسيطة مثل إضافة البرنامج الوسيط في Startup.cs

في الواجهة الأمامية (الزاوية في هذه الحالة): احفظ الرمز المميز في sessionStorage، وعند التحدث إلى الواجهة الخلفية، قم بتعيين رأس طلب http(https للإنتاج) على النحو التالي:

 let headers = new HttpHeaders()
                    .set('Content-Type','application/json')
                    .set("Authorization", "Bearer " + token);

---

Angular & Material 7.2.1 في ASP.NET Core 3.1 (إصدار VS2019 أو csproj) مع حل JWT.

تأكد:

تم تثبيت ASP.NET CORE 3.1، إذا لم يكن الأمر كذلك، فانتقل من هنا: https://www.microsoft.com/net/download/core

تم تثبيت Nodejs، إذا لم يكن الأمر كذلك، فاحصل عليه من https://nodejs.org/en/download/

بعد تنزيل هذا المستودع، انتقل إلى المجلد الذي يحتوي على الملف ASPNETCoreAngularJWT.csproj وقم بتشغيل الأمر:

 >dotnet restore

>npm install

>npm start

أخيرًا، ابدأ تشغيل الدوت نت والمتصفح http://localhost:5000 بواسطة

 >dotnet run

ولا تنس تشغيل "npm start" بعد تعديل أي ملفات مطبوعة.

يمكنك تشغيل هذا للتجميع الزاوي وتشغيل الدوت نت

 >npm run runall

كما يمكن فتحه بواسطة Visual Studio 2017 أو Visual Studio Code. بعد الفتح بواسطة VS2017 وقبل التشغيل كتصحيح للأخطاء، تأكد من المشروع-> الخاصية -> تصحيح الأخطاء وعنوان URL للتطبيق ="http://localhost:5000" وإعادة البناء مرة أخرى قبل البدء في تصحيح الأخطاء