用Xamarin.Android为Parse.com服务器制作一个更漂亮的Facebook登录屏幕

本文关键字:一个 漂亮 屏幕 登录 Facebook Android Xamarin Parse com 服务器 | 更新日期: 2023-09-27 18:17:29

我试图为Xamarin创建一个登录系统。Android将在Parse服务器上使用。我想登录用户与Facebook和保存他的真实姓名和他的小用户照片。我当前显示登录系统的代码如下:

using Xamarin.Auth;
loginFacebookButton.Click += (sender, e) =>
        {
            if (CrossConnectivity.Current.IsConnected)
                LoginToFacebook();
            else
            {
                DisplayNoConnectivityMessage();
            }
        };
        loginTwitterButton.Click += (sender, e) =>
        {
            LoginToTwitter();
        };
    }
    void DisplayNoConnectivityMessage()
    {
        AlertDialog.Builder alert2 = new AlertDialog.Builder(this);
        alert2.SetTitle("Network error");
        alert2.SetMessage("Connection with the Internet is required. Please check your connectivity and try again.");
        alert2.Show();
    }
    void DisplayLoadingMessage(bool Dismiss)
    {
        RunOnUiThread(() =>
        {
            if (!Dismiss)
            {
                builder = new AlertDialog.Builder(this);
                builder.SetTitle("Signing in");
                builder.SetMessage("Please wait...");
                builder.SetCancelable(false);
                alert = builder.Create();
                alert.Show();
            } else {
                if (alert != null)
                    if (alert.IsShowing)
                    { 
                        alert.Dismiss();
                        alert.Dispose();
                    }
            }
        });
    }
    async void LoginToFacebook()
    {
        var auth = new OAuth2Authenticator(
            clientId: "809804315805408",
            scope: "user_about_me",
            authorizeUrl: new Uri("https://m.facebook.com/dialog/oauth/"),
            redirectUrl: new Uri("http://www.facebook.com/connect/login_success.html")
        );
        auth.AllowCancel = false;
        // If authorization succeeds or is canceled, .Completed will be fired.
        auth.Completed += LoginComplete;
        var intent = auth.GetUI(this);
        StartActivity(intent);
    }
    public async void LoginComplete(object sender, AuthenticatorCompletedEventArgs e)
    {
        string id = "";
        string name = "";
        JsonValue obj;
        if (!e.IsAuthenticated)
        {
            var builder = new AlertDialog.Builder(this);
            builder.SetMessage("Not Authenticated");
            builder.SetPositiveButton("Ok", (o, c) => { });
            builder.Create().Show();
            return;
        }
        else {
            DisplayLoadingMessage(false);
            AccountStore.Create(this) .Save(e.Account, "Facebook");
            // Now that we're logged in, make a OAuth2 request to get the user's info.
            var request = new OAuth2Request("GET", new Uri("https://graph.facebook.com/me"), null, e.Account);
            await request.GetResponseAsync().ContinueWith(t =>
            {
                var builder2 = new AlertDialog.Builder(this);
                if (t.IsFaulted)
                {
                    builder2.SetTitle("Error");
                    builder2.SetMessage(t.Exception.Flatten().InnerException.ToString());
                    builder2.Show();
                }
                else if (t.IsCanceled)
                {
                    builder2.SetTitle("Task Canceled");
                    builder2.Show();
                }
                else {
                    obj = JsonValue.Parse(t.Result.GetResponseText());
                    id = obj["id"];
                    name = obj["name"];
                }
                builder.SetPositiveButton("Ok", (o, c) => { });
                builder.Create();
            }, UIScheduler);
            var accessToken = e.Account.Properties["access_token"];
            var expiresIn = Convert.ToDouble(e.Account.Properties["expires_in"]);
            var expiryDate = DateTime.Now + TimeSpan.FromSeconds(expiresIn);
            var user = await ParseFacebookUtils.LogInAsync(id, accessToken, expiryDate);
            try
            {
                user.Add("Name", name);
            }
            catch (Exception ex)
            {
                Console.WriteLine("LoginFragment.cs | LoginComplete() :: user.Add ('"Name'",name); :: " + ex.Message);
            }
            var webClient = new WebClient();
            //var httpClient = new HttpClient(new NativeMessageHandler());
            var url = new Uri("http://graph.facebook.com/" + id + "/picture?type=small");
            application.currentUserImageUrl = url.ToString();
            application.currentUserName = name;
            byte[] bytes = null;
            //bytes = await httpClient.GetByteArrayAsync(url);
            bytes = await webClient.DownloadDataTaskAsync(url);
            ParseFile saveImageFile = new ParseFile("profileImage.jpg", bytes);
            try
            {
                user.Add("profile_pic", saveImageFile);
            }
            catch (Exception ex)
            {
                Console.WriteLine("LoginFragment.cs | LoginComplete() :: user.Add ('"profile_pic'",saveImageFile); :: " + ex.Message);
            }
            application.currentUser = user;
            await user.SaveAsync();
            DisplayLoadingMessage(true);
            ChangeScreen();
        }
    }
这段代码的问题是:
  1. 登录后,我得到一个成功消息显示(一个简单的成功消息在白页),必须从facebook和显然,我不想显示在用户。
  2. LoginCompete代码正在运行,应用程序在后台工作,用户看不到任何东西,就像应用程序关闭后再次打开登录窗口。我已经尝试显示一个AlertDialog函数DisplayNoConnectivityMessage,但它没有显示在用户不知道的方式。

用Xamarin.Android为Parse.com服务器制作一个更漂亮的Facebook登录屏幕

在Parse上登录Facebook的最简单方法是将官方Parse SDK与官方Facebook for Android SDK结合起来处理单点登录场景。

只需一些小步骤,您就可以达到预期的结果:

  1. 遵循这个小指南来设置你的应用程序为Facebook SDK: https://components.xamarin.com/gettingstarted/facebookandroid

  2. 设置Parse SDK

    public App()
    {
        // App.xaml initialization
        ParseClient.Initialize("Your Application ID", "Your .NET Key");
        ParseFacebookUtils.Initialize("Your Facebook App Id");
        // Other initialization
    }
    
  3. 在视图中添加FB登录按钮

    <com.facebook.login.widget.LoginButton
      android:id="@+id/login_button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:layout_marginTop="30dp"
      android:layout_marginBottom="30dp" />   
    
  4. 获取回调并使用令牌使用Parse登录用户

    public class MainActivity : Activity, IFacebookCallback
    {
        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);
            // Set our view from the "main" layout resource
            // SetContentView (Resource.Layout.Main);
            var callbackManager = CallbackManagerFactory.Create();
            var loginButton = FindViewById<LoginButton>(Resource.Id.login_button);
            loginButton.RegisterCallback(callbackManager, this);
        }
        #region IFacebookCallback
        public void OnCancel()
        {
            // Handle Cancel
        }
        public void OnError(FacebookException error)
        {
            // Handle Error
        }
        public async void OnSuccess(Object result)
        {
            // We know that this is a LoginResult
            var loginResult = (LoginResult) result;
            // Convert Java.Util.Date to DateTime
            var epoch = new DateTime(1970, 1, 1, 0, 0, 0, DateTimeKind.Utc);
            var expireDate = epoch.AddMilliseconds(loginResult.AccessToken.Expires.Time);
            // FB User AccessToken
            var accessToken = loginResult.AccessToken.Token;
            ParseUser user = await ParseFacebookUtils.LogInAsync("Your Facebook App Id", accessToken, expireDate);
        }
        #endregion
    ... 
    }
    
  5. (可选)与Facebook SDK交互&ParseUser

    // You can simply pass the acquired AccessToken to the GraphRequest
    var parameters = new Bundle();
    parameters.PutString("fields", "id,email,gender,cover,picture.type(small)");
    var request = new GraphRequest(loginResult.AccessToken, "me", parameters, HttpMethod.Get);
    // Execute request and Handle response (See FB Android SDK Guide)
    // to get image as byte[] from GraphResponse
    byte[] data;
    // Store the image into the ParseUser
    user["image"] = new ParseFile("image.jpg", data);
    

而不是使用GraphRequest,你总是可以回退到HttpClient/WebClient并传递AccessToken作为URL参数。文档

另外

这里是官方文档的链接:http://parseplatform.github.io/docs/dotnet/guide/#facebook-users

从Nuget中选择SDK: https://www.nuget.org/packages/Xamarin.Facebook.Android/

Xamarin Facebook Android SDK的工作方式类似于Java SDK,所以这个文档也值得一看:https://developers.facebook.com/docs/facebook-login/android#addbutton

最后我的问题是:

  1. 通过在facebook开发者仪表板中禁用facebook登录应用程序设置的安全浏览,我能够获得成功消息的肋骨

  2. 将Activity设置为"NoHistory = true",会导致社交登录出现问题,因为社交平台对Activity的响应没有被跟踪。这也是没有显示AlertDialog的问题(我永远不会猜到)。

但是@paul-reichelt的答案是本地facebook登录的最佳方法