APP调用第三方(微信)登录（最详细的实现流程）
最近使用weexplus做了个app 用户需要的是可以使用第三方微信实现登录（虽然网上有很多相关的什么申请开发者账户、appid、openid等资料；但是都是讲的中间的那一部分请原谅我是个菜鸟，脑补开始和结局那是十分的痛苦的,让人看了云里雾里的。）；于是我就去weexplus 官网了,发现还整有个wechat插件。于是直接就整合到应用里去了。接下来就开始了我的一路填坑之旅了…
一、插件不可用
weexplus 微信插件 https://weexplus.github.io/doc/mo-kuai/wechat.html
var wechat=weex.requireModule('wechat')
var appId=""
wechat.regist(appId)
当我吧这个代码拷到应用中,应用启动直接就这个样子了
最后发现是没有重新打包安装apk（同cordova 一样你新增了plugin就必须重新打包安装app否则插件将无法在设备上调用）
二、调用微信登录 onResp 无响应
1、没有登录情况
在没有登录的情况可以调用到微信的登录窗口，如下
 WechatModule源码
|
 调用时
|
 调用微信登录窗口
|
然而在微信处于登录状态的时候调用就没有了反应（为什么始终不走onResp回调呢？一直无法得到微信返回的数据）！
三、进行开发者资质认证和移动应用的创建
找了半天才明白，没有去微信.开放平台 https://open.weixin.qq.com 进行开发者资质认证和移动应用的创建；只有这样才能拥有（使用微信帐号登录App或者网站）的能力；如下来至官网截图：
1、开发者资质认证
 开发者资质认证
|
 填写企业资料
|
2、移动应用申请
 创建自己的应用
|
 用于android平台
|
 等待审核
|
其中引用申请中 ，app签名要注意，需要安装 Gen_Signature_Android2.apk
网盘下载地址https://pan.baidu.com/s/1MY8g0k29GqWWmsY1z9ZZ4w 提取码 jc8e
 输入你的app 包名点击 Get Signature 获取签名
|
 将签名填入
|
四、调用微信进行登录
1、应用审核通过，获取appid和 appSecret
2、开通微信账号登录app或网址
3、注册wechat实例
var wechat=weex.requireModule('wechat')
var appId=""
wechat.regist(appId)
最终java中调用的是这个(这个我们不用管，插件自己搞定)
@JSMethod
public void regist(String appId)
{
wxApi = WXAPIFactory.createWXAPI(WeexApplication.getInstance(), appId, true);
wxApi.registerApp(appId);
}
最终ios中调用的是这个(这个我们不用管，插件自己搞定)
-(void)regist:(NSString*)appId
{
[WXApi registerApp:appId enableMTA:YES];
}
4、设置scope参数
var wechat=weex.requireModule('wechat')
var p={}
p.state = "snsapi_userinfo";
p.scope = "wechat_sdk_demo_test";
wechat.login(p,(res)=>{
if(res.errCode==0)
{
//success
var code=res.authCode; //do something
}
})
最终java中调用的是这个(这个我们不用管，插件自己搞定)
@JSMethod
public void login(final Map param, JSCallback callback)
{
if(wxApi==null)
{
Toast.makeText(getContext(),"请先调用regist方法注册appId!",Toast.LENGTH_SHORT).show();
return;
}
if(!wxApi.isWXAppInstalled())
{
Toast.makeText(getContext(),"未安装微信!",Toast.LENGTH_SHORT).show();
return;
}
WechatEntryActivity.callback=callback;
getActivity().runOnUiThread(new Runnable() {
@Override
public void run() {
final SendAuth.Req req = new SendAuth.Req();
req.scope = param.get("scope")+"";
req.state = param.get("state")+"";
boolean requestres = wxApi.sendReq(req);
Toast.makeText(getContext(),"调用结果:"+requestres,Toast.LENGTH_SHORT).show();
}
});
}
最终ios中调用的是这个(这个我们不用管，插件自己搞定)
-(void)login:(NSDictionary*)param callback:(WXModuleKeepAliveCallback)callback
{
WXApiManager.sharedManager.loginCallback=callback;
SendAuthReq *req=[SendAuthReq yy_modelWithDictionary:param];
[WXApi sendAuthReq:req viewController:weexInstance.viewController delegate:[WXApiManager sharedManager]];
}
5、只要上面步骤都完成后，就可以成功调用到微信的登录授权页面了，如下实例
