使用自定义 Facebook 和 Google 按钮进行 ASP.NET Identity 登录

Question

我创建了一个使用 Facebook 和 Google 身份验证进行帐户注册的网站。我的功能正常，但我想自定义登录页面上显示的按钮。我不确定这些按钮是如何创建的。在 Login.cshtml 页面上:

<section id="socialLoginForm">
    @Html.Partial("_ExternalLoginsListPartial", new ExternalLoginListViewModel { ReturnUrl = ViewBag.ReturnUrl })
</section>

从呈现的 HTML 页面:

<form action="/Account/ExternalLogin" method="post"><input name="__RequestVerificationToken" type="hidden" value="BHNMCUkwp2vT26dQmD98yK52RaMQ18VkBeuH8ukS15WbRxofMAdbrGOoc0qS6HWvRUWgnJM6_tlkaDktGwCQVKS6hiD_gsH8242nckCrzBE6HKgH-OZsETVWj5nYYcxWj8u7nQ8CpFK6KzR8rDJyrg2" />            
    <div id="socialLoginList">
        <p>
            <button type="submit" class="btn btn-default" id="Google" name="provider" value="Google" title="Log in using your Google account">Google</button>
            <button type="submit" class="btn btn-default" id="Facebook" name="provider" value="Facebook" title="Log in using your Facebook account">Facebook</button>
        </p>
    </div>
</form>

我不确定如何为 Facebook 和 Google 创建不同风格的自定义按钮，并让它们直接链接到相应的外部登录页面？

Answer 1

_ExternalLoginsListPartial 是您的 View 文件夹中的部分 View 。找找看，应该有按钮的html代码或者razor。您可以在那里自定义按钮。对于定制，我一直使用 this lib但当然，您始终可以自己制作。