Identity 3 - Google Login

xuanthulabnet · Sep 12, 2020 · 978d6fe · 978d6fe
1 parent 2ba9611
commit 978d6fe
Show file tree

Hide file tree

Showing 19 changed files with 225 additions and 154 deletions.
diff --git a/ASP_NET_CORE/Album/Album.csproj b/ASP_NET_CORE/Album/Album.csproj
@@ -1,12 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
 <Project Sdk="Microsoft.NET.Sdk.Web">
-
   <PropertyGroup>
     <TargetFramework>netcoreapp3.1</TargetFramework>
   </PropertyGroup>
-
   <ItemGroup>
     <PackageReference Include="MailKit" Version="2.8.0" />
     <PackageReference Include="Microsoft.AspNetCore.Authentication" Version="2.2.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Authentication.Google" Version="3.1.8" />
     <PackageReference Include="Microsoft.AspNetCore.Identity" Version="2.2.0" />
     <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="3.1.8" />
     <PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="3.1.8" />
@@ -21,5 +21,4 @@
     <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="3.1.4" />
     <PackageReference Include="System.Data.SqlClient" Version="4.8.2" />
   </ItemGroup>
-
-</Project>
+</Project>
diff --git a/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/ExternalLogin.cshtml b/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/ExternalLogin.cshtml
@@ -1,17 +1,16 @@
 @page
 @model ExternalLoginModel
 @{
-    ViewData["Title"] = "Register";
+    ViewData["Title"] = "ĐĂNG KÝ TÀI KHOẢN";
 }
 
 <h1>@ViewData["Title"]</h1>
-<h4 id="external-login-title">Associate your @Model.ProviderDisplayName account.</h4>
+<h4 id="external-login-title">Thực hiện liên kết với tài khoản @Model.ProviderDisplayName.</h4>
 <hr />
 
 <p id="external-login-description" class="text-info">
-    You've successfully authenticated with <strong>@Model.ProviderDisplayName</strong>.
-    Please enter an email address for this site below and click the Register button to finish
-    logging in.
+    Bạn đã xác thực với tài khoản <strong>@Model.ProviderDisplayName</strong>.
+    Vui lòng nhập (hoặc xác nhận) chính xác email để liên kết và đăng nhập.
 </p>
 
 <div class="row">
@@ -23,7 +22,7 @@
                 <input asp-for="Input.Email" class="form-control" />
                 <span asp-validation-for="Input.Email" class="text-danger"></span>
             </div>
-            <button type="submit" class="btn btn-primary">Register</button>
+            <button type="submit" class="btn btn-primary">Đăng ký</button>
         </form>
     </div>
 </div>

diff --git a/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/ExternalLogin.cshtml.cs b/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/ExternalLogin.cshtml.cs
diff --git a/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/Login.cshtml b/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/Login.cshtml
@@ -45,35 +45,27 @@
             </form>
         </section>
     </div>
+
     <div class="col-md-6 col-md-offset-2">
-        <section>
-            <h4>Đăng nhập bằng.</h4>
-            <hr />
-            @{
-                if ((Model.ExternalLogins?.Count ?? 0) == 0)
-                {
-                    <div>
-                        <p>
-                            Chưa cấu hình đăng nhập bằng dịch vụ khác. See <a href="https://go.microsoft.com/fwlink/?LinkID=532715">this article</a>
-                        </p>
-                    </div>
-                }
-                else
-                {
-                    <form id="external-account" asp-page="./ExternalLogin" asp-route-returnUrl="@Model.ReturnUrl" method="post" class="form-horizontal">
-                        <div>
-                            <p>
-                                @foreach (var provider in Model.ExternalLogins)
-                                {
-                                    <button type="submit" class="btn btn-primary" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account">@provider.DisplayName</button>
-                                }
-                            </p>
-                        </div>
-                    </form>
-                }
-            }
-        </section>
+        @if ((Model.ExternalLogins?.Count ?? 0) != 0) {
+            <section>
+                <h4>Sử dụng dịch vụ</h4>
+                <hr />
+                <form id="external-account" asp-page="./ExternalLogin" asp-route-returnUrl="@Model.ReturnUrl" method="post" class="form-horizontal">
+                            <div>
+                                <p>
+                                    @foreach (var provider in Model.ExternalLogins)
+                                    {
+                                        <button type="submit" class="btn btn-primary" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account">@provider.DisplayName</button>
+                                    }
+                                </p>
+                            </div>
+                </form>
+            </section>
+        }
     </div>
+
+
 </div>
 
 @section Scripts {

diff --git a/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/Register.cshtml b/ASP_NET_CORE/Album/Areas/Identity/Pages/Account/Register.cshtml
@@ -36,34 +36,22 @@
         </form>
     </div>
     <div class="col-md-6 col-md-offset-2">
-        <section>
-            <h4>Đăng ký bằng sử dụng các dịch vụ ngoài</h4>
-            <hr />
-            @{
-                if ((Model.ExternalLogins?.Count ?? 0) == 0)
-                {
-                    <div>
-                        <p>
-                            Phần này chưa cấu hình đăng ký từ dịch vụ ngoài. 
-                            See <a href="https://go.microsoft.com/fwlink/?LinkID=532715">this article</a>
-                        </p>
-                    </div>
-                }
-                else
-                {
-                    <form id="external-account" asp-page="./ExternalLogin" asp-route-returnUrl="@Model.ReturnUrl" method="post" class="form-horizontal">
-                        <div>
-                            <p>
-                                @foreach (var provider in Model.ExternalLogins)
-                                {
-                                    <button type="submit" class="btn btn-primary" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account">@provider.DisplayName</button>
-                                }
-                            </p>
-                        </div>
-                    </form>
-                }
-            }
-        </section>
+        @if ((Model.ExternalLogins?.Count ?? 0) != 0) {
+            <section>
+                <h4>Sử dụng dịch vụ</h4>
+                <hr />
+                <form id="external-account" asp-page="./ExternalLogin" asp-route-returnUrl="@Model.ReturnUrl" method="post" class="form-horizontal">
+                            <div>
+                                <p>
+                                    @foreach (var provider in Model.ExternalLogins)
+                                    {
+                                        <button type="submit" class="btn btn-primary" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account">@provider.DisplayName</button>
+                                    }
+                                </p>
+                            </div>
+                </form>
+            </section>
+        }
     </div>
 </div>
 

diff --git a/ASP_NET_CORE/Album/Startup.cs b/ASP_NET_CORE/Album/Startup.cs
@@ -42,11 +42,30 @@ public void ConfigureServices (IServiceCollection services) {
                 options.UseSqlServer (connectstring);
             });
 
+
+
             // Đăng ký Identity
             services.AddIdentity<AppUser, IdentityRole> ()
                 .AddEntityFrameworkStores<AppDbContext> ()
                 .AddDefaultTokenProviders ();
 
+            services.AddAuthentication()
+                .AddGoogle(googleOptions =>
+                {
+                    // Đọc thông tin Authentication:Google từ appsettings.json
+                    IConfigurationSection googleAuthNSection = Configuration.GetSection("Authentication:Google");
+
+                    // Thiết lập ClientID và ClientSecret để truy cập API google
+                    googleOptions.ClientId = googleAuthNSection["ClientId"];
+                    googleOptions.ClientSecret = googleAuthNSection["ClientSecret"];
+                    // Cấu hình Url callback lại từ Google (không thiết lập thì mặc định là /signin-google)
+                    googleOptions.CallbackPath = "/dang-nhap-tu-google";
+                    
+                });
+
+
+
+
             // Truy cập IdentityOptions
             services.Configure<IdentityOptions> (options => {
                 // Thiết lập về Password

diff --git a/ASP_NET_CORE/Album/appsettings.json b/ASP_NET_CORE/Album/appsettings.json
@@ -17,5 +17,12 @@
     "Port": 587
   },
 
+  "Authentication": {
+    "Google": {
+      "ClientId": "điền client id vào đây",
+      "ClientSecret": "điền secret vào đây"
+    }
+  },
+
   "AllowedHosts": "*"
 }
diff --git a/imgs/identity-google01.png b/imgs/identity-google01.png
diff --git a/imgs/identity-google02.png b/imgs/identity-google02.png
diff --git a/imgs/identity-google03.png b/imgs/identity-google03.png
diff --git a/imgs/identity-google04.png b/imgs/identity-google04.png
diff --git a/imgs/identity-google05.png b/imgs/identity-google05.png
diff --git a/imgs/identity-google06.png b/imgs/identity-google06.png
diff --git a/imgs/identity-google07.png b/imgs/identity-google07.png
diff --git a/imgs/identity-google08.png b/imgs/identity-google08.png
diff --git a/imgs/identity-google10.png b/imgs/identity-google10.png
diff --git a/imgs/identity-google11.png b/imgs/identity-google11.png
diff --git a/imgs/identity-google12.png b/imgs/identity-google12.png
diff --git a/imgs/identity-google9.png b/imgs/identity-google9.png