0

我正在尝试允许用户使用他们的 Facebook、Twitter、Google 或 Microsoft 帐户登录到我的 MVC4 站点。该页面加载正常，但是当单击其中一个按钮以使用其中一项服务进行身份验证时，出现错误。

System.ArgumentNullException：值不能为空。

错误是指 Account Controller 中的这行代码，因为Provider为 null

OAuthWebSecurity.RequestAuthentication(Provider, ReturnUrl);

这行代码属于这个控制器动作

    internal class ExternalLoginResult : ActionResult
    {
        public ExternalLoginResult(string provider, string returnUrl)
        {
            Provider = provider;
            ReturnUrl = returnUrl;
        }

        public string Provider { get; private set; }
        public string ReturnUrl { get; private set; }

        public override void ExecuteResult(ControllerContext context)
        {
            OAuthWebSecurity.RequestAuthentication(Provider, ReturnUrl);
        }
    }

当页面加载时，每个按钮的值都按预期设置。已编译页面的页面源显示名称和值集。在这个例子中，对于推特

    <div class="authprovider">
        <input type="image" name="Provider" value="twitter" alt="Sign in using Twitter" src="/Images/twitter.png" title="Twitter" />
    </div>

在RegisterAuth()AuthConfig 文件中，twitter 部分如下所示

OAuthWebSecurity.RegisterTwitterClient(
    consumerKey: "*Hidden*",
    consumerSecret: "*Hidden*",
    displayName:"Twitter",
    extraData:new Dictionary<string, object>{{"Icon","/Images/twitter.png"}});

在名为 _ExternalLoginsListPartial 的局部视图中，用于输出按钮的代码如下所示

    @foreach (AuthenticationClientData p in Model)
    {
        <div class="authprovider">
            <input type="image" name="Provider" value="@p.AuthenticationClient.ProviderName" alt="Sign in using @p.DisplayName" src="@p.ExtraData["Icon"].ToString()" title="@p.DisplayName" />
        </div>

    }

我已将输入类型更改image为允许图像按钮。默认情况下它是类型submit。所有 4 个外部登录选项都会发生此错误。希望其他人遇到它，到目前为止，它让我摸不着头脑。

[编辑 15:41]

将按钮更改回提交似乎通过了它，但我真的不想要一个可怕的按钮而不是图像。

4

1 回答 1

0

好吧，事实证明<input type='image'返回的是点击图像的坐标，而不是指定的值。

我发现的一个解决方法是将输入更改为一个按钮，该按钮封装如下图像。

<div class="authprovider">
    <button type="submit" name="Provider" value="@p.AuthenticationClient.ProviderName"><img alt="Sign in using @p.DisplayName" src="@p.ExtraData["Icon"].ToString()" title="@p.DisplayName"/></button>
</div>

然后添加样式以删除按钮颜色等

.authprovider button {
    background-color: #fff;
    border: none;
}
于 2013-04-28T20:31:49.900 回答