最近使用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、没有登录情况
在没有登录的情况可以调用到微信的登录窗口,如下
调用时
调用微信登录窗口
<font color=red>然而在微信处于登录状态的时候调用就没有了反应(为什么始终不走onResp回调呢?一直无法得到微信返回的数据)!</font>
三、进行开发者资质认证和移动应用的创建
找了半天才明白,没有去微信.开放平台 https://open.weixin.qq.com 进行开发者资质认证和移动应用的创建;只有这样才能拥有(使用微信帐号登录App或者网站)的能力;如下来至官网截图:
微信平台文档
1、开发者资质认证
开发者资质认证填写企业资料
2、移动应用申请
创建自己的应用 用于android平台等待审核
其中引用申请中 ,app签名要注意,需要安装 Gen_Signature_Android2.apk
网盘下载地址https://pan.baidu.com/s/1MY8g0k29GqWWmsY1z9ZZ4w 提取码 jc8e
将签名填入
四、调用微信进行登录
1、应用审核通过,获取appid和 appSecret
应用信息2、开通微信账号登录app或网址
image3、注册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]];
}
网友评论