معرفی
در مقاله قبلی یک Web API ایجاد کرده ایم و آن را با DB وصل کرده ایم. همچنین، ما API وب را با استفاده از تکنیک OAuth2.0 ایمن کرده ایم. حال در این قسمت، آن API را با استفاده از یک اپلیکیشن Angular در قسمت جلویی مصرف می کنیم.
کد کامل پروژه در لینک زیر آمده است.
چگونه کار خواهد کرد؟
اول از همه، ما باید محیط را برای شروع توسعه در Angular پیکربندی کنیم. امیدوارم قبلاً محیط را پیکربندی کرده باشید. لطفا آخرین نسخه NodeJS را دانلود کنید. من از کد ویژوال استودیو به عنوان ویرایشگر کد خود استفاده می کنم، اما شما می توانید یکی دیگر یا این را انتخاب کنید. بنابراین، بیایید یک برنامه Angular با استفاده از Angular CLI ایجاد کنیم.
ترمینال Visual Studio Code یا خط فرمان را باز کنید و مراحل زیر را طی کنید.
مرحله 1
یک پروژه Angular ایجاد کنید. ترمینال cmd یا VS Code را باز کنید و دستور - ng new AngularAuth را تایپ کنید