سفارش تبلیغ
صبا ویژن

آموزش Publish در ASP.NET – آموزش آپلود سایت ASP.NET روی هاست

آموزش آپلود سایت ASP.NET روی هاست (  آموزش Publish در ASP NET )  : در این مقاله از سری مقالات آموزش Asp Net Mvc به نحوه  میزبانی یک برنامه  ASP NET MVC 5.0  برروی Locallhost  یا IIS خواهیم پرداخت . همچنین برای آشنایی با فریم ورک ASP NET MVC  و ایجاد برنامه در آن می توانید به مقالات آموزش Asp Net Mvc  زیر مراجعه کنید:

برنامه ASP NET MVC 5.0  در ویژوال استودیو 2015 باز کنید همانگونه که دیدید این برنامه در ویژوال استودیو بدون نیاز به IIS  اجرا می شود چون ویژوال استدیو از IISExpress  برای اجرا برنامه ها استفاده می کند و نیاز ما به نصب IIS  را برای اجرای برنامه های تحت بر طرف می کند.

آموزش آپلود سایت asp.net روی هاست

بعد از اجرای برنامه خروجی view  در مرورگر به شکل زیر خواهد بود

آموزش publish در asp net

URL بالا http://localhost:6339/Home/Index می تواند تغییر کند زیرا برروی IISExpress  اجرا می شود . به این دلیل که این امکان را به شما می دهد هر وب سایت را برروی یک پورت یکتا اجرا کنید.در صورتیکه می خواهید این موضوع را ببینید IISExpress  را در قسمت Taskbar  مشاهده کنید.

نحوه publish وب سایت

آموزش آپلود سایت ASP.NET روی هاست

حال اگر شما می خواهید وب سایتتان را برروی برروی IIS منتشر کنید (Localhost) بررسی کنید که ویژوال استودیو با استفاده از Administrator در حالت اجرا است زیرا IIS  تنها در mode مدیر قابل استفاده است . در صورتیکه در حالت Administrator در حال اجرا نیست ویژوال استودیو را دوباره در حالت Administrator اجرا کرده “Run as Administrator” و پروژه خود را باز کنید.

آموزش آپلود سایت mvc روی هاست

حال Solution Explorer را باز کرده و برروی پروژه  راست کلیک کرده و گزینه Publish را انتخاب کنید.

پابلیش سایت mvc

 

 

 

 

 

 

 

 

 

در پنجره جدید سه گزینه برای انتشار سایت  وجود دارد .

Microsoft Azure Website

ما با این گزینه می توانیم سایتمان را مستقیما برروی سرور ابری Microsoft Windows Azure منتشر کنیم .

Import

این گزینه زمانی استفاده می شود که از قبل  فایلی با پسوند publishsettings که شامل تنظیمات مورد نیاز برای وب سایتمان است ( مانند آدرس IP و…) وجود داشته  باشد.

Custom

با استفاده از این گزینه نیاز است که تمام تنظیمات انتشار برروی سرور به صورت دستی انجام شود مانند نام سرور ، نام وب سایت و مکان آن و….

حال گزینه آخر را انتخاب کرده و برروی Next کلیک می کنیم.

راه اندازی سایت mvc روی iis

یک نام برای profile   سایتتان انتخاب کرده و برروی OK کلیک کنید.

 

آموزش publish در asp net

 

در این قسمت آموزش publish در asp net گزینه هایی وجود دارد که نیاز است قبل از انتشار تکمیل گردد مانند نام سرور که با  IP سرور و یا نام آن مقدار دهی میشود و این مکانی است که سایت شما در آنجا منتشر خواهد شد

قبل از کلیک برروی دکمه Next  برروی Validate Connection کلیک کرده تا تنظیمات وارد شده توسط شما بررسی شده و درستی آن چک شود.

آموزش آپلود سایت روی هاست ویندوز

آموزش آپلود سایت ASP.NET روی هاست : 

بعد از کلیک برروی Validate Connection  در صورتیکه همه تنظیمات درست وارد شده باشد به شما اجازه داده می شود به مرحله بعد بروید حال برروی دکمه Next  کلیک کنید.

چگونه سایت خود را روی هاست قرار دهیم

در مرحله بعدی تنظیمات شما پایگاه های داده لوکال را مشاهده خواهید کرد و چون ما پایگاه داده لوکال در پروژه نداریم برروی next کلیک می کنیم.

قرار دادن سایت روی اینترنت

خوب به مرحله آخر آموزش آپلود سایت ASP.NET روی هاست رسیدیم در این بخش فایل هایی که نیاز است منتشر شوند را انتخاب می کنیم و همچنین یک preview قبل از انتشار می توانیم داشته باشیم.

حال برروی Start Preview کلیک کنید.

آموزش نصب سایت بر روی هاست

سپس تمام فایل هایی که از سلوشن باید در URL منتشر شوند نمایش داده داده می شود.

آموزش Asp Net Mvc 

در پایان زمانیکه برروی Publish  کلیک می کنیم فرآیند build  کردن شروع شده و سپس فرآیند انتشار آغاز می شود. شما می توانید خروجی را در پنجره Output window مشاهده کنید.

آموزش تصویری آپلود سایت روی هاست

آموزش Publish در ASP NET

بعد از اینکه پروژه موفقیت آمیز منتشر شد شما می توانید یک فایل جدید با پسوند “.pubxml” در سلوشن پروژه پیدا کنید که شامل همه تنظیمات مورد نیاز برای انتشار با فرمت XML است.

 

آموزش Asp Net Mvc 

 

حال به مرور گر رفته آدرس وب سایت که برروی IIS منتشر شده است را وارد کنید.

آموزش نصب سایت بر روی هاست

برای آشنای بیشتر با Asp Net MVC  می توانید به سایر مقالات  آموزش Asp Net Mvc  در سایت مراجعه نمایید.


ایجاد فروشگاه آن لاین با nopcommerce

ایجاد فروشگاه آن لاین با nopcommerce

 

nopCommerce یک نرم افزار متن باز برای ساخت فروشگاه اینترنتی است . قابلیت سفارشی سازی بالایی در سبد خرید دارد و  پایداری مناسبی را ارائه می کند. ناپ کامرس با استفاده از ASP.NET MVC نوشته شده و از پایگاه داده SQL Server استفاده می کند. در این آموزش nopcommerce به معرفی این فروشگاه ساز قدرتمند و قابلیت های آن خواهیم پرداخت .

آموزش nopcommerce

 

آموزش nopcommerce

ویژگی های و امکانات ناپ کامرس

  • طراحی واکنشگرا و  Mobile friendly :
    طراحی ظاهر یک فروشگاه آنلاین باید به گونه ایی باشد که در همه نمایشگر ها با هر کیفیت و ابعاد تصویر به خوبی نمایش داده شود ناپ کامرس از یک طراحی واکنشگرای جدیدی هم برای قسمت کابران سایت و هم سمت مدیریت سایت استفاده می کند و شما به راحتی می توانید فروشگاه خود را مدیریت کرده و کابران از آن خرید انجام دهند.
  • چند فروشگاهی :
    با استفاده از این قابلیت شما با نصب تنها یکبار nopCommerce می توانید چندین فروشگاه داشته باشید.
  • تعریف ویژگی برای کالا ها و نمایش جزئیات کالاها:
    این امکان باعث می شود که شما بتوانید پارامترهای مختلفی برای کالاهای خود در نظر بگیرید مانند وزن ، تعداد ، قیمت ، وزن ، تصویر و ….
  • روش های پرداخت گوناگون
    راحتی و انعطاف پذیری در پرداخت یکی از ویژگی های مهم در فروشگاه اینترنتی است. فراهم کردن روش های مختلف پرداخت ، پرداخت تک صفحه ایی ، پرداخت ناشناس را به راحتی می توانید در ناپ کامرس استفاده کنید.
  • خدمات مشتریان
    کد تخفیف ، سیستم امتیاز دهی و نظر دادن جزء الزامات یک فروشگاه اینترنتی است که شما در ناپ کامرس می توانید از این امکانات استفاده کنید.
  • بهینه شده برای موتور های جستجو(SEO)
  • سیستم جایزه
  • تعریف  ویژگی مالیات

 

نمایش دموی فروشگاه

پنل مدیر

دانلود پروژه : لینک دانلود

دانلود سورس : لینک دانلود

فارسی ساز :  لینک دانلود

 

 

حتما نگاهی به این مقالات بیندازید



آموزش ایجاد اولین برنامه در ASP.Net MVC 5.0

آموزش ایجاد اولین برنامه در ASP.Net MVC 5.0

 محمد آذرنیوا  ASP.NET MVC  ارسال دیدگاه  3,487 بازدید

در این مقاله نحوه ایجاد اولین برنامه ASP.Net MVC 5.0 از ابتدا به صورت گام به گام در ویژوال استدیو 2015 آموزش داده می شود. در صورتیکه می خواهید اطلاعات بیشتری درباره ASP.Net MVC بدست آورید مقاله قبل را بخوانید:

شروع کار با ASP.Net MVC

اولین مرحله : ویژوال استدیو را باز کرده و گزینه  “File” -> “New” -> “Project” را انتخاب کنید.

گزینه ها را مانند شکل زیر انتخاب کنید:

بعد از اینکه برروی Ok کلیک کردید پروژه ایجاد می شود. حال solution را برای دیدن پروژه باز کنید که در آن 3 پوشه خالی  Model , Controllers و Views  دیده می شودکه به ترتیب مکان قرار گیری کنترلر ، مدل  و ویو های پروژه است

همچنین یک پوشه با نام App_Start که برخی فایل ها مانند RouteConfig.cs در آن قرار دارد که مکان نوشتن Route(مسیر) پیش فرض برای اپلیکشن MVC است.

بعد از باز کردن فایل RouteConfig.cs  کد های زیر در آن دیده می شود.

مسیر تعریف شده در بالا به صورت پیش فرض در هر پروژه MVC  قرار دارد.شما می توانید با توجه به نیاز آن را تغییر دهید. حال می خواهیم یک کنترلر را به پروژه اضافه کنیم برای این کار برروی Controllers  راست کلیک کرده و گزینه Add را انتخاب کنید.

گزینه MVC 5 Controller را انتخاب کنید.همچنین در این قسمت انتخاب های بیشتری برای قالب های controller وجود دارد که به Scaffolder Template ها شناخته می شوند که به وسیله آنها می توان  Entity Framework را مستقیما Bind  کرد و همه اکشن متد های مورد نیاز عملیات CRUD را ساخت. فعلا در این مرحله Empty Controller را از لیست قالب ها انتخاب کنید تا اکشن های پایه ای را برای اولین برنامه ایجاد کنیم.

نام کنترلر را در فرم وارد کنید اما هرگز عبارت Controller بعد از نام کنترلر حذف نکنید زیرا یکی از قرار داد های MVC است.

 استفاده از فضای نام System.Web.MVC

هر کلاس در این قسمت از کلاس Controller ارث بری دارد و همچنین شامل یک اکشن پیش فرض با نام Index است.

 

به صورت پیش فرض اکشن نوع ActionResult را بر می گرداند و ما نیاز به افزودن یک View داریم.

نام View و نام اکشن می تواند یکی باشد و یا متفاوت اما باید در پوشه هم نام با کنترلر و در  نهایت در پوشه View  ایجاد گردد.  در صورتیکه نام View  و اکشن یکی است نیاز به تعریف نام View  در هنگام برگرداندن View از اکشن نیست اما در صورتیکه این نام متفاوت است باید نام  در قالب رشته ارسال شود (“نام  “)View .

حال View  را اضافه می کنیم. 2 راه برای افزودن View وجود دارد.

  • برروی متد اکشن راست کلیک کرده و گزینه Add View را انتخاب کنید.

    یک نام برای View گذاشته و همچنین از template  برای ایجاد View ی نوع دار با استفاده از مدل   و  گزینه layout page را برای استفاده View  از    layout   انتخاب کنید.
  • روش دوم افزودن یک پوشه هم نام با کنترلر به پوشه Views  در سولشن و راست کلیک کردن برروی آن و افزودن View ی مورد نظر به آن است.

    نام View را مشخص کرده و برروی OK کلیک کنید.

صفحه View ایجاد شده با پسوند  cshtml . خواهد بود که از Razor برای رندر کردن صفحه در HTML5 استفاده می کند.

حال یک پیام را در عنوان چاپ می کنیم .

 حال پروژه را اجرا کرده و خروجی حاصل را ببینید.

حتما نگاهی به این مقالات بیندازید



معرفی ASP.NET MVC

معرفی ASP.NET MVC

 

در این پست از وب سایت آکادمی برنامه نویسان به معرفی ASP NET MVC خواهیم پرداخت و خواهیم گفت  ASP.NET MVC چیست و چه کاربردی هایی دارد .

معرفی ASP NET MVC

Model-View-Controller یا MVC الگویی است که یک برنامه کاربردی را به سه بخش اصلی زیر تفکیک می کند :

  1. Model
  2. View
  3. Controller

چهار چوب ASP.NET MVC یک جایگزین ASP.NET Web Form ها برای ساخت برنامه های تحت وب است. چهار چوب ASP.NET MVC سبک بوده و قابلیت تست پذیری بالایی دارد و همچنین یکسری از ویژگی های ASP.NET Form  را مانند master page ها ، سیستم های احراز هویت داراست. فریمورک MVC  در اسمبلی System.Web.Mvc تعریف شده است و کنترل کاملی برروی JavaScript،HTML و CSS دارد. همچنین استفاده از آن برای ساخت برنامه های با مقیاس بزرگ که تیم های مختلفی برروی آن کار می کنند پیشنهاد می شود.

الگوی طراحی MVC

معرفی asp net mvc

مزایای یک برنامه تحت وب  MVC

فریمورک ASP.NET MVC دارای مزایای زیر است :

  • مدیریت ساده  پیچیدگی ها  به وسیله تقسیم کردن برنامه به قسمت های Model ، View و Controller
  • عدم استفاده از view state و فرم های سروری
  • کنترل کامل برروی HTML، JavaScripts و CSS
  • پشتیبانی بهتر از آزمون TTD
  • به خوبی برای پروژه هایی که به وسیله تیم های بزرگ پشتیبانی می شود کار می کند و همچنین مناسب برای طراحان وبی است که نیاز زیادی به کنترل کامل برروی رفتار های برنامه دارند.
  • به صورت پیش فرض از احراز هویت Facebook  و google  پشتیبانی می کند.
  • مدیریت ساده برنامه های بزرگ به وسیله تقسیم بندی آنها با Area ها.

فضاهای نام  ASP.NET MVC

  • System.Web.Mvc
    شامل کلاس ها و اینترفیس هایی است که به وسیله الگوی MVC در ASP.NET  پشتیبانی می شود.این فضای نام شامل کلاس هایی مانند controller ها ، action result ها، view ها ،  partial view ها ، model binder هاست.
  • System.Web.Mvc.Ajax
    شامل کلاس هایی است که اسکریپت های Ajax  را  در یک برنامه ASP.NET MVC پشتیبانی می کند.
  • System.Web.Mvc.Async
    شامل کلاس ها و اینترفیس هایی جهت پشتیبانی یک برنامه MVC  از  اعمال غیرهم زمان .
  • System.Web.Mvc.Html
    شامل کلاس هایی است که کمک  به رندر کردن کنترل های HTML  در یک برنامه MVC  می کند. کلاس های موجود در این فضای نام پشتیبانی میکنند از فرم ها ، کنترل های ورودی ، لینک ها ،partial view ها و اعتبار سنجی.

 

تفاوت های بین ASP.NET MVC  و Web Form ها

در این قسمت معرفی ASP NET MVC به تفاوت های بین ASP.NET MVC  و Web Form ها خواهیم پرداخت :

ASP.NET Web Form ASP.NET MVC
Web Form ها از تکنیک Code behind برای تقسیم یک صفحه .aspx دو بخش یکی برای نمایش و دیگری فایل های کد aspx.cs/aspx.vb استفاده می کنند یک برنامه وب MVC از الگوی طراحی جهت مدیریت برنامه به 3 بخش Model ، View و Controller استفاده میکند.
ASP.NET Web Form شامل کنترل های سروری است ASP.NET MVC دارای html helper هاست
ASP.NET Web Form از View state برای مدیریت وضعیت سمت کاربر پشتیبانی می کند. ASP.NET MVC از View State پشتیبانی نمی کند
کنترل محدودی برروی HTML و JavaScript و CSS فراهم می کند کنترل کاملی برروی JavaScript ، HTML و CSS فراهم می کند
مناسب برای برنامه هایی با مقیاس کوچک و تیم هایی برنامه نویسی با تعداد کم مناسب برای کار برروی برنامه هایی با مقیاس بزرگ و چندین تیم برنامه نویسی

 

ساختار برنامه ASP.NET MVC

ساختار یک برنامه ASP.NET MVC حداقل به سه پوشه View ، Model  و Controller تقسیم می شود همچنین پوشه های دیگری برای نگهداری فایل های اسکریپت و داده و موارد دیگر وجود دارد.

 ASP.NET MVC چیست

  1. Model
    ازمدل برای نگهداری داده کلاس های  ایجاد شده به وسیله Linq to SQL  یا  Entity Framework ، و یا ارجاع به سرویس هایی مانند WCF  استفاده می شود . در نهایت استفاده  از مدل برای ارائه داده ها به View است.
  2. View
    پوشه View برای نگهداری View ها و یا Patial View ها استفاده می شود هر View  عمل خاصی را بر اساس آنچه کلاس کنترلر به آن محول کرده انجام می دهند. معمولا پوشه View  شامل پوشه ای با نام Shared می شود که صفحات و یوزر کنترل هایی که به وسیله بیشتر کنترلر ها استفاده می شود در آن قرار دارد.
  3. Controller
    پوشه کنترلر مجموعه ای از کلاس ها را شامل می شود که هر کلاس فرزند  System.Web.Mvc.Controller است.یک کلاس کنترلر تنها شامل متد ها یی می شود که به آنها متدهای Action  گفته می شود. متدهای Action  مسئول برگرداندن یک Patial View , View ، محتوا ، داده Json  و موارد دیگر است.

اکشن ها

اکشن ها برای نوشتن کدها برای انجام کاری خاص استفاده می شوند همچنین مسئولیت بازگشت دادن مواردی برای کاربر مانند یک صفحه ویا یوزر کنترل را بر عهده دارند. هر اکشن  شامل یکی از دو نوع در خواست HTTP  زیر می شود:

  1. [HttpGet] اکشن ها ی HttpGet برای اجرای درخواست هایی که مستقیما از کاربر می رسد و یا به عبارتی درخواست ها برای اولین بار  به وسیله متد اکشن دریافت می شود.
  2.  [HttpPost]
    اکشن های [HttpPost] تنها زمانی فراخوانی می شوند که قبلا در سمت کاربری بازدید شده اند و کاربر یک فرم HTML را به وسیله دکمه Submit  ارسال می کند همچنین وقتی که این نوع اکشن فراخوانی می شود در آن می توان همه مقادیر کنترل ها را به وسیله   FormCollection از فرم HTML  بدست آورد. یک متد اکشن می تواند انواع مختلفی از اطلاعات و مقادیر را برای کاربر برگرداند. ما می توانیم انواع مختلفی را برای کاربر از یک متد اکشن برگردانیم اما بیشتر از ActionResult استفاده می کنیم زیرا   ActionResult والد انواع مخلتف است.

 

Area  ها در ASP.NET MVC

در نسخه ASP.NET MVC 2.0 مایکروسافت ویژگی جدیدی با نام Area ها را معرفی کرد. Area ها برای تقسیم بندی یا مجزا کردن یک برنامه بزرگ به چندین برنامه MVC استفاده می شود . به عنوان نمونه :

 

زمانیکه شما یک area  را به پروژه اضافه می کنید یک route (مسیر) برای area  در فایل AreaRegistration تعریف می شود.این route درخواست های رسیده از URL  به یک area  هدایت می کند.

 

کلاس آموزش طراحی وب سایت در مشهد با ASP.NET MVC

 دوره آموزش طراحی وب

 

 

 



احراز هویت با استفاده از Google در ASP.NET Core 2.0

آموزش احراز هویت با استفاده از Google در ASP.NET Core 2.0 : گاهی اوقات، لازم است کاربران با استفاده از اعتبار موجود خود در برنامه های ثالثی مانند فیس بوک، توییتر، گوگل و غیره وارد اپلیکیشن های ما شوند. در این مقاله، ما به بررسی احراز هویت اپلیکیشن ASP.NET Core با استفاده از یک حساب کاربری گوگل می پردازیم.

پیش نیازها ی احراز هویت با استفاده از Google در ASP.NET Core 2.0 :

• نصب .NET Core 2.0.0 یا SDK بالاتر.
• نصب آخرین ورژن Visual Studio 2017 Community Edition.

ایجاد اپلیکیشن MVC Web :

Visual Studio را باز کنید و File >> New >> Project را انتخاب کنید. پس از انتخاب پروژه، یک پنجره ” New Project” باز خواهد شد. NET Core را از داخل منوی Visual C# از پانل سمت چپ انتخاب کنید. سپس ASP.NET Core Web App را از میان انواع پروژه های موجود انتخاب کنید. نام پروژه را GoogleAUTH گذاشته و OK را فشار دهید. به این تصویر رجوع شود.

احراز هویت با استفاده از Google در ASP.NET Core 2.0

پس از کلیک روی OK، یک دیالوگ جدید باز خواهد شد که از شما می خواهد قالب پروژه را انتخاب کنید. شما می توانید دو منوی کشویی در سمت چپ پنجره قالب را مشاهده کنید. “NET Core” و “ASP.NET Core 2.0” را از این کشویی ها انتخاب کنید. سپس قالب “وب اپلیکیشن (Model-View-Controller)” را انتخاب کنید. بر روی دکمه Change Authentication کلیک کنید، پنجره “Change Authentication” باز خواهد شد. “Individual User Account” را انتخاب کنید و روی OK کلیک کنید. حالا برای ایجاد اپلیکیشن وب  بر روی OK کلیک کنید.

.ASP.NET Core 2.0

قبل از اجرای اپلیکیشن ، باید عملیات migrations را برای به روز رسانی دیتابیس اجرا کنیم . از این مسیر استفاده کنید:

Tools >> Nuget Package Manager >> Package Manager Console

بدین ترتیب کنسول Package Manager باز خواهد شد. در آن فرمان Update-Database را قرار دهید و دکمه enter را بفشارید. این کار باعث می شود که پایگاه داده با استفاده از Entity Framework Code Migration آپدیت گردد.

..دات نت

برای اجرای اپلیکیشن F5 را فشار دهید. همانطور که در زیر نشان داده شده است شما می توانید صفحه اصلی را ببینید.

.asp mvc core

از نوار آدرس مرورگر URL را یادداشت کنید. در این مورد، URL بدین صورت است:

http://localhost:51792

ما به این URL ، برای تنظیم اپلیکیشن Google خود که در بخش بعدی انجام خواهیم داد نیاز داریم.

ایجاد Google app:

ما باید یک اپلیکیشن جدید گوگل برروی کنسول Google API ایجاد کنیم. به این مسیر بروید :

https://console.developers.google.com/projectselector/apis/library

و با استفاده از حساب کاربری گوگل (Google account) خود وارد شوید. اگر شما حساب کاربری گوگل ندارید، باید آن را ایجاد کنید. شما نمی توانید بدون حساب کاربری گوگل ادامه دهید. هنگامی که وارد می شوید، به صفحه API Manager Library هدایت می شوید، همانند موردی که در زیر نشان داده شده است.

.google app

بر روی دکمه Create کلیک کنید تا به صفحه “New Project” بروید ، در آن جا شما نیاز به ایجاد یک پروژه جدید دارید. فیلد ” Project name به طور خودکار با یک نام پیش فرض توسط گوگل ارائه می شود. اگر می خواهید پس از آن می توانید آن را با نام دلخواه خود تغییر دهید. برای این آموزش ما از نام پیش فرض استفاده خواهیم کرد. شرایط سرویس را قبول کرده و سپس روی دکمه Create کلیک کنید.

.

asp core
پروژه شما با موفقیت ایجاد خواهد گردید و شما به صفحه API Library مشابه آنچه که در زیر نشان داده شده است هدایت می شوید.

.mvc

در نوار جستجو Google+ API را جستجو کرده و از میان نتایج جستجو Google+ API را انتخاب کنید. به تصویر زیر مراجعه کنید.

. .net core

پس از انتخاب گزینه Google+ API ، به یک صفحه که به صورت زیر نشان داده می شود هدایت می شوید، در آنجا باید روی دکمه Enable کلیک کنید.

.asp mvc

بعد از این، Google+ API فعال خواهد شد و شما به صفحه اصلی API هدایت می شوید. روی دکمه Create credentials در سمت راست صفحه کلیک کنید تا بتوانید اطلاعات خود را برای API تنظیم کنید.

.asp.net core

شما فرم ” Add credentials to your project” را مشاهده خواهید کرد.

.کار با asp

این فرم سه بخش دارد. بخش ها را به شرح ذیل تکمیل کنید:

بخش 1) مشخص کنید چه نوع اعتباری نیاز دارید:
• کدام API را مورد استفاده قرار می دهید؟ Google+ API
• از کجا API را فراخوانی می کنید؟ Web server (به عنوان مثال node.js, Tomcat)
• به چه داده ای دسترسی خواهید داشت؟ – اطلاعات کاربر

سپس بر روی دکمه What credentials do I need کلیک کنید. شما به قسمت 2 هدایت می شوید.

.آموزش وب سرویس در asp

بخش 2) ایجاد OAuth 2.0 client ID
• نام – مقداری پیش فرض که توسط گوگل ارائه شده است.
• منشاء مجاز JavaScript – آن را خالی بگذارید
• تغییر مسیر مجاز URI ها – به URL اصلی اپلیکیشن خود /signin-google را اضافه کنید .
URL در این بخش آموزشی عبارت است از:

http://localhost:51792/signin-google

پس از آنکه URL وارد کردید ، TAB را فشار دهید تا اطلاعات اضافه شوند. سپس روی دکمه Create client ID کلیک کنید تا به بخش 3 هدایت شوید.

.آموزش Google API

بخش 3) تنظیم OAuth 2.0 consent screen
• آدرس ایمیل – آدرس ایمیل خود را از منوی کشویی انتخاب کنید. این اطلاعات در تصویر بالا برای حفظ حریم خصوصی مخفی شده است.
• نام محصولی که به کاربران نشان داده می شود – نام یک محصول را وارد کنید. در اینجا ما از “AuthDemo” به عنوان نام محصول استفاده می کنیم.

.نکته مهم:

از کلمه “Google” برای نام محصول (product) خود استفاده نکنید زیرا با خطا مواجه شده و شما مجاز به ایجاد اپلیکیشن نخواهید شد. این به این معنی است که “GoogleAuthDemo” نامی نامعتبر است. روی continue کلیک کنید.

.Google API

credentials شما با موفقیت ایجاد شده است. برای دانلود یک فایل JSON به کامپیوتر خود به همراه تمامی اطلاعات اپلیکیشن خود، بروی دکمه Download کلیک کنید و سپس روی Done برای تکمیل فرآیند کلیک نمایید.
فایل دانلود شده client_id.json را باز کنید و فیلد ClientId و ClientSecret را یادداشت کنید. ما برای تنظیم احراز هویت گوگل در اپلیکیشن وب ،به این اطلاعات نیاز داریم.

تنظیم وب اپلیکیشن برای استفاده از تأیید هویت گوگل:

ما باید اطلاعات فیلد ClientId و ClientSecret را در اپلیکیشن خود ذخیره کنیم. از ابزار Secret Manager برای این منظور استفاده خواهیم کرد. ابزار Secret Manager یک ابزار پروژه است که می تواند برای ذخیره اطلاعات شخصی مانند رمز عبور، کلید API و غیره برای یک .NET Core project در طول فرایند توسعه استفاده شود. با استفاده از ابزار Secret Manager، می توانیم اطلاعات اپلیکیشن را با یک پروژه خاص مرتبط کنیم و آنها را در پروژه های مختلف به اشتراک بگذاریم. یک بار دیگر اپلیکیشن وب را باز کنید و روی پروژه بر روی Solution Explorer راست کلیک کرده و Manage User Secrets را از منوی context انتخاب کنید.

.آموزش ASP.NET MVC

فایل secrets.json باز خواهد شد. کد زیر را در آن قرار دهید

حالا فایل Startup.cs باز کنید و کد زیر را در متد ConfigureServices در آن قرار دهید.

در این بخش کد، ما در حال خواندن ClientId و ClientSecret به منظور احراز هویت هستیم. بنابراین در نهایت، Startup.cs این چنین خواهد بود

اپلیکیشن را راه اندازی کنید و بر روی Login که در گوشه سمت راست بالای صفحه اصلی است کلیک کنید.

.آموزش ASP.NET

شما به این صفحه هدایت خواهید شد :

http://localhost:51792/Account/Login

در آنجا و در سمت راست صفحه ، می توانید گزینه ورود به سیستم را با استفاده از Google ببینید.

.آموزش ASP.NET Core

با کلیک بر روی دکمه Google ، شما به صفحه ورود به Google فرستاده می شوید و از شما خواسته می شود تا اعتبارنامه گوگل خود را پر کنید و از گوگل برای استفاده از حساب کاربری خود اجازه بگیرید. پس از احراز هویت موفقیت آمیز از گوگل ، شما به  صفحه ثبت نام در داخل اپلیکیشن  هدایت می شوید . در این جا شما نیاز به ساختن یک شناسه ایمیل برای ضمیمه کردن به حساب کاربری خود دارید. شناسه Gmail که برای ورود به آن استفاده کرده اید قبلا در فیلد شناسه ایمیل وارد شده است. اگر میخواهید از شناسه دیگری استفاده کنید، میتوانید آن را در اینجا تغییر دهید.

.احراز هویت با استفاده از Google

روی ثبت نام (register ) کلیک کنید، شما دوباره به صفحه اصلی هدایت می شوید اما این بار شما همچنین می توانید ایمیل ثبت شده خود را در گوشه بالا سمت راست ببینید.

.آموزش ASP.NET Core 2.0

نتیجه گیری احراز هویت با استفاده از Google در ASP.NET Core 2.0 :

ما ایجاد و تنظیم اپلیکیشن Google+ را با موفقیت انجام دادیم و آن را برای تأیید اعتبار اپلیکیشن ASP.NET Core خود استفاده کردیم. من کد منبع را برای ارجاع شما ضمیمه کردم . لطفا توجه داشته باشید که فایل secrets.json حاوی اطلاعات  ساختگی است. از این رو قبل از اجرای آن ، اطلاعات را با کلیدهای اپلیکیشن Google خود جایگزین کنید.
لطفا نظرات ارزشمند خود را در بخش ذیل مطرح نمایید.

منبع : آموزش طراحی وب سایت در مشهد