网络视频直播系统 静态IP Markdown编辑器 android教程 Jenkins function oop woocommerce vuejs2 datepicker Semantic UI Validator vue路由 bootstrap管理模板 pmp培训视频 jq选择子元素 jq获取最后一个子元素 js回调函数写法 ubuntu显示隐藏文件夹 郑州普通话 python语言编程入门 python读取字典 python导入文件 java9 java循环语句 java终止线程 凯立德地图免费下载 decimalformat 系统集成项目管理工程师教程 ** 苹果滚动截屏 在线pr序列设置 cg模宝 vbs表白代码 cmd代码 免费家谱制作软件 战地联盟辅助 海妖花粉哪里多 通讯录管理系统 云管家
当前位置: 首页 > 学习教程  > 编程学习

微信、QQ、微博第三方登录

2021/1/9 2:07:41 文章标签: 微博取消赞

微信、QQ、微博第三方登录与分享最近项目终于要完结了,甲方可能是觉得这个项目做得不错,准备推广,说他们的boss要开发布会了,我听后内心偷偷一笑,这种傻b系统还开发布会,别逗我笑,我的小心脏受不…

                     微信、QQ、微博第三方登录与分享

    最近项目终于要完结了,甲方可能是觉得这个项目做得不错,准备推广,说他们的boss要开发布会了,我听后内心偷偷一笑,这种傻b系统还开发布会,别逗我笑,我的小心脏受不了。于是他们又过来了几次,说加个第三方登录与分享功能。嗯,加个第三方登录与分享,说得轻巧,可苦了我。而且啊,第三方登录,是要做iOS端和Android端的,还要做服务器端,忧伤。

    新来的妹子电脑太卡了,帮她调了个bug,intellij IDEA卡到爆炸,实在受不了了,就把唯一一台imac让给她了,又抄起自己的小macbook pro,虽然屏幕小了点,但好在敲敲代码啥的性能上没问题,就是同时开着xcode、as、intellij IDEA和网易云音乐时风扇转得太厉害,怕把本本烧坏,有点小心烦。记录一下集成三大平台的登录与分享。

    首先,肯定是马上上CSDN博客找解决方案,不负希望,找到了不少前辈分享的博客。在此分享一下

史上最详细Android集成QQ,微信,微博分享(不用第三方)持续更新中

Android开发第三方登录--微博登录

iOS 第三方登录(QQ 微信 新浪微博)

基于Swift语言开发微信、QQ跟微博的SSO授权登录代码分析

对比着几个博客和官网文档,嗯,其实也不太难,不过腾讯开发平台和微博的文档是真的有点那啥,特别是微博的,sdk托管在github上,文档解释也是少得可怜,而微信最坑的是就算你完全按步骤集成了,你也是跑不通的,因为你要清除微信的缓存,或者说自己重装一遍微信,当时调试了半天,总是调不通,最后换了台测试机,上面没装微信,就新安装下,居然跑通了,当时心里一万句mmp,不知道微信怎么会这样,也不知道其中的原理是啥,知道的小伙伴请在评论或者发邮件我,大家交流交流心得。

  1.微信

        在微信开放平台注册一个账号并且创建一个应用,再申请第三方登录与分享的权限

         然后就按照开发文档,微信的开发文档写得还是非常不错的

     在Android Studio的app build.gradle中添加依赖

  

然后就是添加一些用户权限了    

<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>

<uses-permission android:name="android.permission.READ_PHONE_STATE"/>

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>


如果已经添加过了,就不用再添加了。

然后就是在自己的Application类中添加微信注册代码

 private void registerToWX() {
        mWxApi = WXAPIFactory.createWXAPI(this,AppConst.WEIXIN.APP_ID,false);
        mWxApi.registerApp(AppConst.WEIXIN.APP_ID);
    }

在Application中的onCreate()方法中调用registerToWX()

在需要登微信登录的地方,也就是点击微信登录按钮处理方法中调用如下方法

 private void wechatLogin() {
        IWXAPI wxapi = ((MyApplication)getActivity().getApplication()).mWxApi;
        if(!wxapi.isWXAppInstalled()){
            Toast.makeText(getContext(),"您还未安装微信客户端",Toast.LENGTH_SHORT).show();
            return;
        }
        final SendAuth.Req req = new SendAuth.Req();
        req.scope = "snsapi_userinfo";
        req.state = "yuanda_wx_login";
        wxapi.sendReq(req);
    }

这个方法很简单,就是先判断用户机是否安装了微信客户端,如果安装了,就向微信客户端发一个获取用户信息的请求,当然,微信其实已经处理了很多种情况了,比如微信没登录,那么调起微信客户端后就会进入到微信登录界面。微信登录验证用了OAuth2.0协议标准,具体过程就是首先发起上面的请求,然后微信客户端登录确认后就会在回调Activity中返回一个code的字符串,然后用这code去请求这个url,就可以获取一个token,这个token就是一个凭证,后面的很多微信请求都需要使用这个token,但其实我们的第三方登录用不到这个token,我们其实需要的是访问这个url后返回的openid字段,因为这个openid表示的是我们创建的这个app应用中每个微信用户的唯一标识。我的设计思路是把code提交给后台,然后后台发起这个url请求,把获取的openid与用户原有的账号绑定,以后再登录时就可以直接通过这个openid获取用户账号,然后就可以返回用户数据了。

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

回调的Activity必须是应用包名+wxapi.WXEntryActivity,并且要实现IWXAPIEventHandler接口,实现onReq、onPause、onResp三个方法,其中code就是在onResp方法中返回的onResp方法有个BaseResp resp形参,resp.errCode是异常类型,如果是BaseResp.ErrCode.ERR_OK的话,就表示确认登录成功,再判断resp.getType()返回请求类型,这里主要有两种,登录和分享,如果是登录,就把resp强转成SendAuth.Resp类型,然后就可以得到code字段和state字段了,其中state字段就是我们在前面调用登录请求时设置的state。拿到code就提交给我们自己的应用服务器后台,调用上面说的那个url,参数说明如下


返回值是一个json字符串

{
"access_token":"ACCESS_TOKEN",
"expires_in":7200,
"refresh_token":"REFRESH_TOKEN",
"openid":"OPENID",
"scope":"SCOPE",
"unionid":"o6_bmasdasdsad6_2sgVt7hMZOPfL"

}

其中的openid就是我们想要的,用一张表来保存微信openid和我们自己和用户的id的一个映射。再次登录时就可以通过这个openid获取到用户id,再用用户id查找用户信息了。嗯,过程大概就是这样,最后再啰唆一句,把微信的缓存清一下,或者直接重装微信,否则是调用不成功的,errCode会一直报-6,说你的签名错误。

2.QQ

     也是一样,注册一个腾讯开放平台的账号,然后创建一个应用,得到一个APPID,然后在qq sdk下载中下载sdk,就是一个open_sdk.jar包,添加到项目中去,成为一个library,再添加两个Activity注册

 <activity
            android:name="com.tencent.tauth.AuthActivity"
            android:launchMode="singleTask"
            android:noHistory="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="tencentYOUR_APP_ID" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.tencent.connect.common.AssistActivity"
            android:configChanges="orientation|keyboardHidden|screenSize"
            android:theme="@android:style/Theme.Translucent.NoTitleBar"></activity>
mTencent = Tencent.createInstance(AppConst.QQ.APP_ID,this);

那个scheme="tencentYOUR_APP_ID"中填tencent和你的appid拼接的字符串,这样就完成了qq的集成了,然后在Application中添加如下代码,生成一个Tencent对象

mTencent = Tencent.createInstance(AppConst.QQ.APP_ID,this);

再然后就是在登录按钮处理方法中调用如下方法

 private void qqLogin() {
        Tencent tencent = ((MyApplication)getActivity().getApplication()).mTencent;
        IUiListener loginListener = new IUiListener() {
            @Override
            public void onComplete(Object o) {
                JSONObject obj = (JSONObject) o;
                try {
                    String openId = obj.getString("openid");
                    mLoginPresenter.qqLogin(openId);
                } catch (JSONException e) {
                    e.printStackTrace();
                    Toast.makeText(getActivity(),"QQ登录失败",Toast.LENGTH_SHORT).show();
                }
            }

            @Override
            public void onError(UiError uiError) {
                Toast.makeText(getActivity(),"QQ登录已失败",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onCancel() {
                Toast.makeText(getActivity(),"QQ登录已取消",Toast.LENGTH_SHORT).show();
            }
        };
        ((LoginActivity)getActivity()).setLoginListener(loginListener);
        tencent.login(this.getActivity(),"all",loginListener);

    }

还有一点就是QQ也会回调Activity,回调的原理就是QQ是通过startActivityForResult的,所以要在onActivityResult方法中来接收回调,在调起QQ登录请求的Activity的onActivityResult中

 @Override
    public void onActivityResult(int requsetCode,int resultCode, Intent data) {
        super.onActivityResult(requsetCode,resultCode,data);
        ((MyApplication) getApplication()).mTencent.onActivityResultData(requsetCode, resultCode, data, shareListener);
        if(requsetCode == Constants.REQUEST_API) {
            if (resultCode == Constants.REQUEST_QQ_SHARE || resultCode == Constants.REQUEST_QZONE_SHARE || resultCode == Constants.REQUEST_OLD_SHARE) {
                ((MyApplication) getApplication()).mTencent.handleResultData(data, shareListener);
            }
        }

    }

QQ登录的集成就是这么容易


3.微博

     微博就有点坑了,也不能说是坑,只能说微博的开发文档写得真不咋地,不过还是可以勉强看看的。一样的,在微博开放平台注册一个账号,然后创建一个应用,获得appkey。微博登录是种啥SSO授权,不怎么理解SSO的意思,百度了一波说是通过一次登录就可以获取信任的其他系统的数据。微博登录值得一赞的是不用安装微博客户端,有网页端的登录,这个还是很爽,但貌似分享需要客户端。一样的导入微博的sdk,有点复杂,需要导入openDefault.aar文件,也是放到libs中,而且还要在app build.gradle中加上

compile(name: 'openDefault-4.2.7', ext: 'aar')

这么一句

再在项目包根目录创建一个接口,必须是这个名字

public interface Constants {
    /** 当前 DEMO 应用的 APP_KEY,第三方应用应该使用自己的 APP_KEY 替换该 APP_KEY */
    public static final String APP_KEY      = "YOUR APP KEY";

    String sign = "YOU SIGN";

    /** 
     * 当前 DEMO 应用的回调页,第三方应用可以使用自己的回调页。
     * 建议使用默认回调页:https://api.weibo.com/oauth2/default.html
     */
    public static final String REDIRECT_URL = "https://api.weibo.com/oauth2/default.html";

    /**
     * WeiboSDKDemo 应用对应的权限,第三方开发者一般不需要这么多,可直接设置成空即可。
     * 详情请查看 Demo 中对应的注释。
     */
    public static final String SCOPE = 
            "email,direct_messages_read,direct_messages_write,"
            + "friendships_groups_read,friendships_groups_write,statuses_to_me_read,"
            + "follow_app_official_microblog," + "invitation_write";
}

然后就在按钮点击处理方法中调用如下方法

private void wblogLogin() {
        if(mSsoHandler == null){
            mSsoHandler = new SsoHandler(this.getActivity());
        }
        ((LoginActivity)getActivity()).setSsoHandler(mSsoHandler);
//        new AlertDialog.Builder(getActivity()).setMessage("暂未开通").show();
        mSsoHandler.authorize(new WbAuthListener() {
            @Override
            public void onSuccess(Oauth2AccessToken token) {
                String wUserId = token.getUid();
                mLoginPresenter.wBlogLogin(wUserId);
            }

            @Override
            public void cancel() {
                Toast.makeText(getActivity(),"微博登录授权取消",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onFailure(WbConnectErrorMessage wbConnectErrorMessage) {
                Toast.makeText(getActivity(),"微博登录授权失败",Toast.LENGTH_SHORT).show();
            }
        });
    }

和上面的QQ登录一样,微博也需要在onActivityResult方法中处理回调

 if(mSsoHandler != null){
            mSsoHandler.authorizeCallBack(requestCode,resultCode,data);
        }

这样,微信、QQ、微博的第三方登录就完成了

再来说说三个平台的第三方分享

先贴出代码

private void transmit() {
        final Dialog bottomDialog = new Dialog(this, R.style.BottomDialog);
        View contentView = LayoutInflater.from(this).inflate(R.layout.dialog_bottom_circle, null);
        bottomDialog.setContentView(contentView);
        ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) contentView.getLayoutParams();
        params.width = getResources().getDisplayMetrics().widthPixels - DensityUtil.dp2px(this, 16f);
        params.bottomMargin = DensityUtil.dp2px(this, 8f);
        contentView.setLayoutParams(params);
        bottomDialog.getWindow().setGravity(Gravity.BOTTOM);
        bottomDialog.getWindow().setWindowAnimations(R.style.BottomDialog_Animation);
        bottomDialog.show();
        //微信分享
        contentView.findViewById(R.id.share_wx_select).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(((MyApplication)getApplication()).mWxApi.isWXAppInstalled()) {
                    if (wxShareURL(1, AppConst.BASE_URL+"user/share?type="+FIEL_TYPE+"&id=" + mNewsDetailsData.getId())) {
//                    Toast.makeText(KnowledgeDetailsActivity.this,"分享成功",Toast.LENGTH_SHORT).show();
                    }
                }else{
                    Toast.makeText(NewsDetailsActivity.this,"您还未安装微信客户端",Toast.LENGTH_SHORT).show();
                }
                bottomDialog.dismiss();
            }
        });
        //分享取消
        contentView.findViewById(R.id.share_cancel).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                bottomDialog.dismiss();
            }
        });
        //qq分享
        contentView.findViewById(R.id.share_qq_select).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(((MyApplication)getApplication()).mTencent.isQQInstalled(NewsDetailsActivity.this)) {
                    final Bundle params = new Bundle();
                    params.putInt(QzoneShare.SHARE_TO_QZONE_KEY_TYPE, QzoneShare.SHARE_TO_QZONE_TYPE_IMAGE_TEXT);
                    params.putString(QzoneShare.SHARE_TO_QQ_TITLE, mNewsDetailsData.getTitle());
                    params.putString(QzoneShare.SHARE_TO_QQ_SUMMARY, "");
                    params.putString(QzoneShare.SHARE_TO_QQ_TARGET_URL, AppConst.BASE_URL+"user/share?type="+FIEL_TYPE+"&id=" + mNewsDetailsData.getId());
                    ArrayList<String> shareImageUrls = new ArrayList();
                    shareImageUrls.add(AppConst.BASE_URL+"img/logo.png");
                    params.putStringArrayList(QzoneShare.SHARE_TO_QQ_IMAGE_URL, shareImageUrls);
                    ((MyApplication) getApplication()).mTencent.shareToQzone(NewsDetailsActivity.this, params, shareListener);
                }else{
                    Toast.makeText(NewsDetailsActivity.this,"您还未安装QQ(TIM)客户端",Toast.LENGTH_SHORT).show();
                }
                bottomDialog.dismiss();
            }
        });

        //微博分享
        contentView.findViewById(R.id.share_wblog_select).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//                new AlertDialog.Builder(NewsDetailsActivity.this).setMessage("暂未开通").show();
                if(mWbShareHandler == null) {
                    mWbShareHandler = new WbShareHandler(NewsDetailsActivity.this);
                    mWbShareHandler.registerApp();
                    mWbShareHandler.setProgressColor(0xff33b5e5);
                }
                if(mWbShareCallback == null){
                    mWbShareCallback = new WbShareCallback() {
                        @Override
                        public void onWbShareSuccess() {
                            Toast.makeText(NewsDetailsActivity.this,"分享到微博成功",Toast.LENGTH_SHORT).show();
                        }

                        @Override
                        public void onWbShareCancel() {
                            Toast.makeText(NewsDetailsActivity.this,"取消微博分享",Toast.LENGTH_SHORT).show();
                        }

                        @Override
                        public void onWbShareFail() {
                            Toast.makeText(NewsDetailsActivity.this,"微博分享失败",Toast.LENGTH_SHORT).show();
                        }
                    };
                }
                WebpageObject mediaObject = new WebpageObject();
                mediaObject.identify = Utility.generateGUID();
                mediaObject.title =mNewsDetailsData.getTitle();
                mediaObject.description = "";
                mediaObject.setThumbImage(BitmapFactory.decodeResource(getResources(),R.mipmap.ic_launcher));
                mediaObject.actionUrl = AppConst.BASE_URL+"user/share?type="+FIEL_TYPE+"&id=" + mNewsDetailsData.getId();
                mediaObject.defaultText = "";
                WeiboMultiMessage message = new WeiboMultiMessage();
                message.mediaObject = mediaObject;

                ImageObject img = new ImageObject();
                img.title = mNewsDetailsData.getTitle();
                img.imagePath = AppConst.BASE_URL+"img/logo.png";
                message.imageObject = img;

                TextObject text = new TextObject();
                text.title = mNewsDetailsData.getTitle();
                Date date = new Date(mNewsDetailsData.getDate());
                SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日");
                text.text = mNewsDetailsData.getTitle() + ",发布于"+ sdf.format(date)+","+mNewsDetailsData.getReadCount()+"次阅读";
                message.textObject = text;
                mWbShareHandler.shareMessage(message,false);
                bottomDialog.dismiss();
            }
        });

    }

 public boolean wxShareURL(int flag,String url){
        //初始化一个WXWebpageObject填写url
        WXWebpageObject webpageObject = new WXWebpageObject();
        webpageObject.webpageUrl = url;
        //用WXWebpageObject对象初始化一个WXMediaMessage,天下标题,描述
        WXMediaMessage msg = new WXMediaMessage(webpageObject);
        msg.title = mNewsDetailsData.getTitle();
//        msg.description = mNewsDetailsData;
        //这块需要注意,图片的像素千万不要太大,不然的话会调不起来微信分享,
        //我在做的时候和我们这的UIMM说随便给我一张图,她给了我一张1024*1024的图片
        //当时也不知道什么原因,后来在我的机智之下换了一张像素小一点的图片好了!
        Bitmap thumb = BitmapFactory.decodeResource(this.getResources(), R.mipmap.ic_launcher);
        msg.setThumbImage(thumb);
        SendMessageToWX.Req req = new SendMessageToWX.Req();
        req.transaction = String.valueOf(System.currentTimeMillis());
        req.message = msg;
        req.scene = flag==0?SendMessageToWX.Req.WXSceneSession:SendMessageToWX.Req.WXSceneTimeline;
        IWXAPI api = ((MyApplication)getApplication()).mWxApi;
        return api.sendReq(req);
    }

三大平台的分享其实和登录验证差不多,就是调起第三方时发起的Request的类型不同而已,然后处理回调时判断一下回调类型


老板来了说下午等人到齐了做系统测试,测完交付了我要睡个两天先。上午花了两个小时写了这个博客,也回忆了下集成的 辛酸过程,有疑惑的小伙伴发评论(可能不能及时回复)或者邮件(1455813736@qq.com)我,大家一起交流学习。后面有时间再写写ios集成和极光推送集成以及浏览器中唤醒APP分享的解决方案


本文链接: http://www.dtmao.cc/news_show_1100305.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?