使用Visual Studio 2013 OWIN Security时如何自定义登录UI（外部提供程序）

Question

我想自定义VS2013 Web窗体新项目模板随附的OpenAuthProviders UI，以使其显示Facebook，Google，Twitter，Microsoft Live品牌图像而不是文本按钮。 我将接受提供相关详细信息的答案，即使它与MVC5模板有关。 在Web表单模板中，UI用户控件具有一个ListView ，可通过以下服务器方法填充该列表：

 public IEnumerable<string> GetProviderNames()
    {
        return Context.GetOwinContext().Authentication.GetExternalAuthenticationTypes().Select(t => t.AuthenticationType);
    }

其中AuthenticationType属性是提供者的文本名称，例如Google或Facebook 。 如果Select()可以返回brand-logo-images，那就太好了。

我的第一次尝试是进入配置了外部提供Startup.ConfigureAuth(IAppBuilder app)的Startup.ConfigureAuth(IAppBuilder app) ，例如app.UseFacebookAuthentication(..) 。 但是，我看不到如何提供可以在服务器方法中选择的brand-logo-images src-url。

如果要修改这一点，我将修改GetProviderNames()方法，对每个AuthenticationType一次查找以获得图像src-url，该图像可用于填充UI html中图像元素的属性。 我只是想知道是否有更优雅的方法。

Answer 1

使用新链接进行编辑：此问题/解答可能会帮助： 自定义图标问题