اتصال GooglePlus به فرم ورود سایت در ASP.NET MVC

در این آموزش یاد خواهید گرفت که چگونه در پروژه های MVC خود در ASP.NET با استفاده از حساب کاربری GooglePlus عملیات ثبت نام / ورود را انجام بدهید ! یعنی باحراز هویت با استفادا از اکانت GooglePlus صورت بگیرد

برای اینکار کافیست که یک پروژه empty MVC application را در ویژوال استدیو خود باز کنید . مراحل ایجاد پروژه به این شکل میشود:

۱- وارد ویژوال استدیو شود از منو File گزینه NewProject را زده .
۲- سپس از منو سمت چپ گزینه Visual C# را انتخاب کرده .
۳- از زیر مجموعه هایاین قسمت گزینه Web را انتخاب کنید. ویک نام برای پروژه خود در نظر بگیرید به عنوان مثال در اینجا ما نام DemoGPlusAPI را انتخاب میکنیم.
۴- حالا در dialog box روی “MVC” کلیک کنید(زیر ASP.NET 4.5.2 Templates) سپس روی “Change Authentication” کلیک کنید و درنهایت “No Authentication” را انتخاب کنید.
۵- سپس با کلیک بر روی گزینه Ok پروژه ایجاد میشود.

مرحله بعدی این است که برای Sign in / Login کردن با استفاده از گوگل پلاس باید در اکانت گوگل خود یک اپلیکیشن ایجاد کنیم. برای ایجاد این اپلیکیشن نیاز است که کار های زیر را انجام دهیم . پس باما همراه باشید.
GooglePlus

ابتدا به قسمت Google Developer Console رفته و با استفاده از اکانت گوگل یا جی میل خود login کنید.

سپس از منوی سمت چپ گزینه Library را انتخاب کرده و Enable API را بزنید.

در این بخش گزینه های Social API و GooglePlus API را انتخاب کنید

روی ENABLE کلیک کرده .

در سمت راست “Go To Credentials” را انتخاب کنید.

حالا برای تنظیماتی که مورد نیاز است گزینه “Web browser (JavaScript)” را انتخاب کنید.

برای تعیین داده هایی که می خواهید به آن ها دسترسی داشته باشید “User Data” را انتخاب کنید.

سپس روی “What credentials do I need?” کلیک کنید

در مرحله آخر لازم است که یک اپلیکیشن برای OAuth 2.0 client ID ایجاد کنیم.

یک نام برای اپلیکیشن خود انتخاب کرده سپس URL یاآدرس اصلی و Redirect URL یا آدرسی که ریدایرکت میشود را انتخاب کرده و “Create client ID” را بزنید.

Redirect URL بعد ازجرا شده درخواست کاربر Trigger به این صفحه ریدایرکت یا منتقل میشود.
Origin Url حاوی در خواست کاربر میباشد.

برای به دست آوردن Origin URL روی “DemoGPlusAPI” از پروژه تان راست کلیک کنید و “Web” را انتخاب کنید. سپس Project URLتان را کپی کنید.

حالا روی “Download” کلیک کنید سپس می توانید Client ID و Client Secret تان را به دست آورید.

و اما پیاده سازی این اپلیکیشن در برنامه به این صورت است :

ابتدا مانند کد زیر یک ActionMethod ایجاد کنید:

 

در داخل قسمت View پروژه ی خود کدهای زیر را کپی کنید.

 

سپس یک متد JsonResult برای نتایج ایجاد کنید. که اطلاعات را برای ما برگرداند.

 

کمی با کد ها کار کنید تا در این زمینه با مهارت کافی دست پیدا کنید .

اتصال GooglePlus به فرم ورود سایت در ASP.NET MVC
امتیاز دهید

(434 نوشته)

C# Programmer , Web Design And Developer , MVC , ASP.NET

فکر شما چیست؟

آدرس ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند *

حاصل جمع اعداد را وارد کنید : *