0,进入你的项目的根目录下,
1,npm install react-native-weibo --save //安装微博插件
2,react-native link react-native-weibo //链接微博插件,
3,同步一下项目Pro,
4,npm install react-native-wx --save //安装微信插件
安装微信插件5,react-native link react-native-wx //链接微信插件
链接微信插件6,在你的包名相应目录下新建一个wxapi目录,并在该wxapi目录下新增一个WXEntryActivity类,该类继承自Activity(例如应用程序的包名为cn.reactnative.modules.wx,则新添加的类的包名为cn.reactnative.modules.wx.wxapi)
(因为在Manifest.xml文件里面要注册该WXEntryActivity,需要手动加入)
如图所示WXEntryActivitypackage cn.reactnative.modules.wx.wxapi;
import android.app.Activity;
import android.os.Bundle;
import android.support.annotation.Nullable;
import cn.reactnative.modules.wx.WeChatModule;
public class WXEntryActivityextends Activity {
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
WeChatModule.handleIntent(getIntent());
finish();
}
}
7,Android还需要对keystore文件进行md5签名之后,在开放平台的应用设置中设置相应签名才可以成功使用,具体方法见开放平台说明 签名必须要填对不正确的话分享不成功。
注意事项 关于微信失败错误
1,分享闪退,(确定Android的证书签名准确无误)
2,尝试删除微信重装,
其他错误
//node_modules/react-native-wx/android/src/main/java/cn/reactnative/modules/wx/WeChatModule.java
private String _getErrorMsg(int errCode) {
Log.e("errCode",""+errCode);//添加打印信息查看错误码
....
}
React-native开发中如何使用
a,引入包 import * as WechatAPI from 'react-native-wx';
API
WechatAPI.isWXAppInstalled()
返回一个Promise对象
WechatAPI.isWXAppSupportApi()
返回一个Promise对象
WechatAPI.login(config)
// 登录参数
config : {
scope: 权限设置, // 默认 'snsapi_userinfo'
}
返回一个Promise对象。成功时的回调为一个类似这样的对象:
{
"code": "",
"appid": "",
"lang": "",
"country": "",
}
WechatAPI.shareToTimeline(data)
分享到朋友圈
WechatAPI.shareToSession(data)
分享到好友
// 分享文字
{
type: 'text',
text: 文字内容,
}
// 分享图片
{
type: 'image',
imageUrl: 图片地址,
title : 标题,
description : 描述,
}
// 分享网页
{
type: 'news',
title : 标题,
description : 描述,
webpageUrl : 链接地址,
imageUrl: 缩略图地址, //缩略图的大小作了限制,大小不能超过32K。
}
WechatAPI.pay(data)
// 登录参数
data : {
partnerId: "",
prepayId: "",
nonceStr: "",
timeStamp: "",
package: "",
sign: "",
}
返回一个Promise对象。成功时的回调为一个类似这样的对象:
{
errCode: "",
errMsg: "",
appid: "",
returnKey: "",
}
网友评论