Android开发-FaceBook 登录集成

老婆保佑,代码无BUG

前言

最近公司的产品需要做国际化,这里记录一下,如何继承一次FB登录


1. 创建FB账户

facebook创建新的账户

屏幕快照 2019-01-02 下午8.59.36.png

2 注册开发者

屏幕快照 2019-01-02 下午9.04.02.png

注册成功以后 你会有第一个应用,当然后面你也可以添加多个应用,后面再介绍

然后找到下图所示 FB登录。

屏幕快照 2019-01-02 下午9.06.57.png

点击建立

屏幕快照 2019-01-02 下午10.54.15.png

找到Android

下图是所有的步骤,其实开发文档已经很详细了,我这里会在啰嗦几句,

屏幕快照 2019-01-02 下午10.57.39.png

3. 集成步骤(这里简要说明,具体的看文档)

点击这里

(1)下载SDK

在 build.gradle(Project)中添加

mavenCentral () 

然后添加

implementation 'com.facebook.android:facebook-android-sdk:[4,5)'

这里我之前遇到坑了,是我开发环境的问题,但是没办法引入,我比较暴力,将MAC 上所有的AS环境全部删除,重新搭建一下,20分钟,在google 找了很多方法都没法子。。。无奈 eummmmm,至于如何删除MAC 上的AS 请找度娘,

(2)包名,和默认活动的Activity

屏幕快照 2019-01-02 下午11.03.25.png

包名,开发同学都知道,就不多说了,这个默认的Activity,有点意思,我用的是登录界面的Activity,后来好奇这里 改成其他Activity,依然也行,有知道的小伙伴,请@我,当然这里还是写你登录的Activity比较好

(3)密钥哈希

Mac OS

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

Windows

keytool -exportcert -alias androiddebugkey -keystore "C:\Users\USERNAME\.android\debug.keystore" | "PATH_TO_OPENSSL_LIBRARY\bin\openssl" sha1 -binary | "PATH_TO_OPENSSL_LIBRARY\bin\openssl" base64

注意 上面两个都是开发的DEBUG 的 你还需需要一个release的密钥哈希,切记,

会得到例如这样的,哈哈

iLGKOXzrWf0i+iNudibv+zAM6mk=

(4)配置 复制的事情,

注意 还是那句官网复制,会直接把你的id 都给你带上,

  • /app/res/values/strings.xml中添加
<string name="facebook_app_id">xx</string>
<string name="fb_login_protocol_scheme">xxxx</string>

  • 权限
  <uses-permission android:name="android.permission.INTERNET"/>
  • 清单文件配置
<meta-data android:name="com.facebook.sdk.ApplicationId" 
        android:value="@string/facebook_app_id"/>
    
    <activity android:name="com.facebook.FacebookActivity"
        android:configChanges=
                "keyboard|keyboardHidden|screenLayout|screenSize|orientation"
        android:label="@string/app_name" />
    <activity
        android:name="com.facebook.CustomTabActivity"
        android:exported="true">
        <intent-filter>
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <data android:scheme="@string/fb_login_protocol_scheme" />
        </intent-filter>
    </activity>

(5) 实际调用FB登录

在Application onCreate()


@Override
public void onCreate() {
    super.onCreate();
    FacebookSdk.sdkInitialize(getApplicationContext());
    AppEventsLogger.activateApp(this);
}

eummm...这个要收费 果断不用

logger.logPurchase(BigDecimal.valueOf(4.32), Currency.getInstance("USD"));
屏幕快照 2019-01-02 下午11.17.29.png

Add the Facebook Login Button


<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" /> 

这里说一下,不一定非要使用这个LoginButton,我看了,不少国外的软件用的是这样式,当然如果你的产品经理用其他的样式,自己布局,这里可以不用这个view 知道这个事情就好了

在Activity /Fragment onCreate 的地方初始化

callbackManager = CallbackManager.Factory.create();

    callbackManager = CallbackManager.Factory.create();

    LoginManager.getInstance().registerCallback(callbackManager,
            new FacebookCallback<LoginResult>() {
                @Override
                public void onSuccess(LoginResult loginResult) {
                    // App code
                }

                @Override
                public void onCancel() {
                     // App code
                }

                @Override
                public void onError(FacebookException exception) {
                     // App code   
                }
    });

onActivityResult回调


      @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        callbackManager.onActivityResult(requestCode, resultCode, data);
        super.onActivityResult(requestCode, resultCode, data);
    }

当然如果你用了上面的XML


      
    private static final String EMAIL = "email";
      
    loginButton = (LoginButton) findViewById(R.id.login_button);
    loginButton.setReadPermissions(Arrays.asList(EMAIL));
    // If you are using in a fragment, call loginButton.setFragment(this);    

    // Callback registration
    loginButton.registerCallback(callbackManager, new FacebookCallback<LoginResult>() {
        @Override
        public void onSuccess(LoginResult loginResult) {
            // App code
        }

        @Override
        public void onCancel() {
            // App code
        }

        @Override
        public void onError(FacebookException exception) {
            // App code
        }
    });

最后 调用登录

      
LoginManager.getInstance().logInWithReadPermissions(this, Arrays.asList("public_profile"));

当然到这里 你只能够使用开发者的账户登录FB 上线的话需要打开这个

屏幕快照 2019-01-03 上午9.07.51.png

2.添加新的应用

developers.facebook


后记

这里说一下,刚刚开始时候,因为没做过FB 登录,也查了一下资料,网上很多教程,但是打开看看,都是以前的,这里给小伙伴建议,看官方文档,这玩意自己记录再多也没用,知道怎么找到他的官网就好了,

最后,重要的事情说三遍

看官方文档!
看官方文档!
看官方文档!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 此文档基于 FaceBook 官方文档 在 Android 平台分享,以后会推出Facebook登录 本指南详细介...
    乘风破浪的程序员阅读 7,682评论 0 3
  • 2018211235吴梦迪,女,来自山西省运城市,ID14381015,很喜欢英语,经常会在流利说配音,歌单都是欧...
    旅二35吴梦迪阅读 332评论 0 0
  • 去年惠州项目部就我和曾总报名了一级建造师,当时我考试在广东外贸大学考试,曾总在华南农业大学考试,前天中午一起出发,...
    DZJ邓淇琨阅读 241评论 0 1
  • 蒜田,一望无际,较记忆里那一望无际的麦田,一行行,一垄垄,无比清晰。不论远近,都是一色的黄绿。忍着身体极不舒服的一...
    戴峰青阅读 472评论 0 2
  • 高大帅如今还在研究着败家子系统,虽然不知道怎么一回事,但他明白了一个道理。 要么败家,要么等着男子持久力永久为零,...
    新垣结衣的gakki阅读 257评论 0 0