Facebook,Twitter,Google+ 第三方登陆最详细教程

Facebook,Twitter,Google+ 第三方登陆最详细教程

滴水穿石。厚积薄发。技术在于积累,在于梳理。更在于分享。如果你是面对海外的市场,总是要使用Facebook,Twitter,Google+ 这三大社交平台来实现第三方登陆,本文章将详细接收其使用方法。
欢迎转载:转载请注明出处
http://www.jianshu.com/p/7e69d8dd4e07

先来一个官方直通车(自备梯子):

  • Facebook LoginButton 官方集成文档
  • Twitter LoginButton 官方集成步骤
  • Google+ LoginButton 官方集成文档
    // 如果你不想看外国人写的东西。往下看,有现成的解释。

一 、Facebook LoginButton

下面有一群图文讲解:

第一步:点击上面直通车Facebook官方文档
Facebook,Twitter,Google+ 第三方登陆最详细教程_第1张图片
第一步

第二步:注册为开发者
Facebook,Twitter,Google+ 第三方登陆最详细教程_第2张图片
第二步

第三步:添加你的应用
Facebook,Twitter,Google+ 第三方登陆最详细教程_第3张图片
第三步

第四步:创建应用

注意这里app名称不能含有facebook fb 等,详见第五步


Facebook,Twitter,Google+ 第三方登陆最详细教程_第4张图片
第四步

第五步:创建应用编号

注意:要选择应用分类!!


Facebook,Twitter,Google+ 第三方登陆最详细教程_第5张图片
第五步

第六步:完善应用信息

这里注意

  • 按照import SDK 完成应用添加后再近行addSDK> - Import SDK 较为简单,在此就省略截图


    Facebook,Twitter,Google+ 第三方登陆最详细教程_第6张图片
    第六步

第七步:Add key hashes

如果说简单,这步也很简单,就是打开终端输入一下面命令就行

  • 难就难在命令不好输:
  • keytools 大家都有,然而openssl 不知道你电脑是否安装,如果有就能直接输命令了
  • 如果没有,先安装openssl再说,安装openssl之前,确保自己的visual studio安装正确,环境正常 - 安装openssl参考链接 -
    Facebook,Twitter,Google+ 第三方登陆最详细教程_第7张图片
    重点

facebook 最后一步:

参考文档,将代码复制到自己的项目中即可,结尾会留demo供大家参考!

二、Twitter LoginButton

第一步:注册开发者账户

注册开发者账户传从门登陆你的Twitter并完成注册

第二步:创建App

  • create new app(三步)
Facebook,Twitter,Google+ 第三方登陆最详细教程_第8张图片
create new app
  • 完善app详细信息 >
    Facebook,Twitter,Google+ 第三方登陆最详细教程_第9张图片
    create new app
  • 完成创建>
    Facebook,Twitter,Google+ 第三方登陆最详细教程_第10张图片
    create new app

第三步:添加代码到你的项目中

点击上面的直达车,到Twitter官方集成步骤
你也可以下载官方插件,自动完成这一步骤(android studio)
结尾会留demo供大家参考!

三、Google+ LoginButton

第一步:直通车Google+官方集成文档

Google+ 集成较为简单,因为有官方demo可以参考

  • 下载demo 通过git check out the samples>
    $ git clone https://github.com/googlesamples/google-services.git
  • Open Android Studio.>Select File > Open, browse to where you cloned the google-services repository, and open google-services/android/signin

第二步:创建应用- 直通车Google+官方集成文档
Facebook,Twitter,Google+ 第三方登陆最详细教程_第11张图片
start

  • 创建或选择app
    Facebook,Twitter,Google+ 第三方登陆最详细教程_第12张图片
    create app
  • 选择服务
    Facebook,Twitter,Google+ 第三方登陆最详细教程_第13张图片
    create app

这里讲怎么获取SHA-1

  • 获取sha-1 命令


    Facebook,Twitter,Google+ 第三方登陆最详细教程_第14张图片
    sha-1
  • 下载配置文件


    Facebook,Twitter,Google+ 第三方登陆最详细教程_第15张图片
    get configer file

此处,我犯了一个不知道大家会不会犯的错误。。。
我以为命令是这样
keytool -exportcert -list -v \-alias androiddebugkey -keystore %USERPROFILE%\.android\debug.keystore
实际上是:如图↓

Facebook,Twitter,Google+ 第三方登陆最详细教程_第16张图片
get key

最后:好了,我不想写了,看demo


多谢大家!如有不足,请无情的指出,感谢!-- IT小学生
欢迎转载:转载请注明出处http://www.jianshu.com/p/7e69d8dd4e07

点击查看demo

end

你可能感兴趣的:(Facebook,Twitter,Google+ 第三方登陆最详细教程)