web-dev-qa-db-ja.com

新しいfb api 2.4がMVC 5でIDとoauth 2?

Fbがapiをアップグレードするまで、すべてが完璧に機能していました2.4(私は2.3前のプロジェクトで)。

今日、FB開発者に新しいアプリケーションを追加すると、API 2.4で取得できます。

問題:fb(loginInfo.email = null)。

もちろん、ユーザーのメールがfbプロフィールで公開されていることを確認しましたが、

loginInfoオブジェクトを調べましたが、他のメールアドレスは見つかりませんでした。

私はそれをグーグルで検索しましたが、答えが見つかりませんでした。

助けてください..私は一種の失われた..

おかげで、

2.3 APIで機能した元のコード):

AccountController.csで:

//
// GET: /Account/ExternalLoginCallback
[AllowAnonymous]
public async Task<ActionResult> ExternalLoginCallback(string returnUrl)
{
    var loginInfo = await AuthenticationManager.GetExternalLoginInfoAsync();
    if (loginInfo == null)
    {
        return RedirectToAction("Login");
    }
    //A way to get fb details about the log-in user: 
    //var firstNameClaim = loginInfo.ExternalIdentity.Claims.First(c => c.Type == "urn:facebook:first_name");  <--worked only on 2.3
    //var firstNameClaim = loginInfo.ExternalIdentity.Claims.First(c => c.Type == "urn:facebook:name"); <--works on 2.4 api

    // Sign in the user with this external login provider if the user already has a login
    var result = await SignInManager.ExternalSignInAsync(loginInfo, isPersistent: false);
    switch (result)
    {
        case SignInStatus.Success:
            return RedirectToLocal(returnUrl);
        case SignInStatus.LockedOut:
            return View("Lockout");
        case SignInStatus.RequiresVerification:
            return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = false });
        case SignInStatus.Failure:
        default:
            // If the user does not have an account, then Prompt the user to create an account
            ViewBag.ReturnUrl = returnUrl;
            ViewBag.LoginProvider = loginInfo.Login.LoginProvider;
            return View("ExternalLoginConfirmation", new ExternalLoginConfirmationViewModel { Email = loginInfo.Email });  //<---DOESN'T WORK. loginInfo.Email IS NULL
    }
}

Startup.Auth.csで:

    Microsoft.Owin.Security.Facebook.FacebookAuthenticationOptions fbOptions = new Microsoft.Owin.Security.Facebook.FacebookAuthenticationOptions()
    {
        AppId = System.Configuration.ConfigurationManager.AppSettings.Get("FacebookAppId"),
        AppSecret = System.Configuration.ConfigurationManager.AppSettings.Get("FacebookAppSecret"),
    };
    fbOptions.Scope.Add("email");
    fbOptions.Provider = new Microsoft.Owin.Security.Facebook.FacebookAuthenticationProvider()
    {
        OnAuthenticated = (context) =>
        {
            context.Identity.AddClaim(new System.Security.Claims.Claim("FacebookAccessToken", context.AccessToken));
            foreach (var claim in context.User)
            {
                var claimType = string.Format("urn:facebook:{0}", claim.Key);
                string claimValue = claim.Value.ToString();
                if (!context.Identity.HasClaim(claimType, claimValue))
                    context.Identity.AddClaim(new System.Security.Claims.Claim(claimType, claimValue, "XmlSchemaString", "Facebook"));

            }
            return System.Threading.Tasks.Task.FromResult(0);
        }
    };
    fbOptions.SignInAsAuthenticationType = DefaultAuthenticationTypes.ExternalCookie;
    app.UseFacebookAuthentication(fbOptions);
46
Dudi

Katana Thread から取った以下を考案しました:

以下に示すように、FacebookAuthenticationOptionsを変更してBackchannelHttpHandlerおよびUserInformationEndpointを含めます。実装に必要なフィールドの名前を含めるようにしてください。

var facebookOptions = new FacebookAuthenticationOptions()
{
    AppId = "*",
    AppSecret = "*",
    BackchannelHttpHandler = new FacebookBackChannelHandler(),
    UserInformationEndpoint = "https://graph.facebook.com/v2.4/me?fields=id,name,email,first_name,last_name"
}

次に、Facebookへのリクエストをインターセプトし、必要に応じて不正な形式のURLを修正するカスタムFacebookBackChannelHandlerを作成します。

更新:FacebookBackChannelHandlerは、FB APIの2017年3月27日更新に基づいて更新されます。

public class FacebookBackChannelHandler : HttpClientHandler
{
    protected override async System.Threading.Tasks.Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, System.Threading.CancellationToken cancellationToken)
    {
        if (!request.RequestUri.AbsolutePath.Contains("/oauth"))
        {
            request.RequestUri = new Uri(request.RequestUri.AbsoluteUri.Replace("?access_token", "&access_token"));
        }

        var result = await base.SendAsync(request, cancellationToken);
        if (!request.RequestUri.AbsolutePath.Contains("/oauth"))
        {
            return result;
        }

        var content = await result.Content.ReadAsStringAsync();
        var facebookOauthResponse = JsonConvert.DeserializeObject<FacebookOauthResponse>(content);

        var outgoingQueryString = HttpUtility.ParseQueryString(string.Empty);
        outgoingQueryString.Add("access_token", facebookOauthResponse.access_token);
        outgoingQueryString.Add("expires_in", facebookOauthResponse.expires_in + string.Empty);
        outgoingQueryString.Add("token_type", facebookOauthResponse.token_type);
        var postdata = outgoingQueryString.ToString();

        var modifiedResult = new HttpResponseMessage(HttpStatusCode.OK)
        {
            Content = new StringContent(postdata)
        };

        return modifiedResult;
    }
}

public class FacebookOauthResponse
{
    public string access_token { get; set; }
    public string token_type { get; set; }
    public int expires_in { get; set; }
}

1つの便利な追加は、ライブラリのバージョン3.0.1を確認し、変更された場合に例外をスローすることです。そうすれば、この問題の修正がリリースされた後に誰かがNuGetパッケージをアップグレードまたは更新したかどうかがわかります。

(ビルドするために更新され、新しいnameof機能なしでC#5で動作します)

81
Mike Trionfo

私にとって、この問題はMicrosoft.Owin.Security.Facebook 3.1.0および 'email'をFieldsコレクションに追加します。

var options = new FacebookAuthenticationOptions
{
    AppId = "-------",
    AppSecret = "------",    
};
options.Scope.Add("public_profile");
options.Scope.Add("email");

//add this for facebook to actually return the email and name
options.Fields.Add("email");
options.Fields.Add("name");

app.UseFacebookAuthentication(options);
23
Issac

これを解決するには、NuGetパッケージからFacebook SDKをインストールします。

起動ファイル内

 app.UseFacebookAuthentication(new FacebookAuthenticationOptions
            {
                AppId = "XXXXXXXXXX",
                AppSecret = "XXXXXXXXXX",
                Scope = { "email" },
                Provider = new FacebookAuthenticationProvider
                {
                    OnAuthenticated = context =>
                    {
                        context.Identity.AddClaim(new System.Security.Claims.Claim("FacebookAccessToken", context.AccessToken));
                        return Task.FromResult(true);
                    }
                }
            });

コントローラーまたはヘルパーで

var identity = AuthenticationManager.GetExternalIdentity(DefaultAuthenticationTypes.ExternalCookie);
var accessToken = identity.FindFirstValue("FacebookAccessToken");
var fb = new FacebookClient(accessToken);
dynamic myInfo = fb.Get("/me?fields=email,first_name,last_name,gender"); // specify the email field

これにより、EmailId、姓、性別を取得できます。

そのクエリ文字列に追加の必須プロパティを追加することもできます。

これが誰かを助けることを願っています。

20
Palak Patel

マイクの答えに加えて、この行

facebookOptions.Scope.Add("email");

後に追加する必要があります

var facebookOptions = new FacebookAuthenticationOptions()
{
    AppId = "*",
    AppSecret = "*",
    BackchannelHttpHandler = new FacebookBackChannelHandler(),
    UserInformationEndpoint = "https://graph.facebook.com/v2.4/me?fields=id,name,email,first_name,last_name,location"
}

また、「電子メールの許可」なしで開発者のWebサイトにFacebookアカウントを既に登録している場合。コードを変更して再試行した後でも、開発者のWebサイトに電子メールの許可が付与されていないため、電子メールを受信できません。私のやり方は https://www.facebook.com/settings?tab=applications に行き、Facebookアプリを削除して、プロセスをやり直します。

13
paibamboo
3
Artur Edilyan

changelog を読んでください。これは仕様です。応答で再調整するフィールドとエッジを明示的に要求する必要があります。

宣言型フィールドモバイルネットワークのパフォーマンスを向上させるために、v2.4のノードとエッジでは、必要なフィールドを明示的に要求する必要がありますGETリクエスト。例えば、 GET /v2.4/me/feedにはデフォルトで高評価やコメントは含まれなくなりましたが、GET /v2.4/me/feed?fields=comments,likesはデータを返します。詳細については、特定のフィールドのリクエスト方法に関する docs を参照してください。

1
ifaour