❤
npm
Sign UpSign In

react-native-wechat-login

0.0.1 • Public • Published

react-native-wechat-android

react-native 的微信SDK辅助包，支持微信登录、微信分享、微信支付。(本模块仅支持Android，点我获取iOS支持）

安装及使用方法

提供以下方法 / Method

registerApp(appId,callback)

appId : 在微信开放平台申请的AppID

callback : 回调(err,res)

使用示例：

WeChatAndroid.registerApp(appId,(err,registerOK) => {
 ...
});

openWXApp(callback)

callback : 回调(err,res)

使用示例：

WeChatAndroid.openWXApp((err,res) => {
 ...
});

isWXAppInstalled(callback)

callback : 回调(err,res)

使用示例：

WeChatAndroid.isWXAppInstalled(
 (err,isInstalled) => {
    ...
 }
);

isWXAppSupportAPI(callback)

callback : 回调(err,res)

使用示例：

WeChatAndroid.isWXAppSupportAPI(
 (err,isSupport) => {
  ...
 }
);

getWXAppSupportAPI(callback)

callback : 回调(err,res)

使用示例：

WeChatAndroid.getWXAppSupportAPI(
 (err,supportAPI) => {
    ...
 }
);

sendAuthReq(scope,state,callback)

scope : 微信登录需要的参数(可空)

state : 微信登录需要的参数(可空)

callback : 回调(err,res)

使用示例：

WeChatAndroid.sendAuthReq('snsapi_userinfo','SECRET',(err,authReqOK) => {
 ...
});

or

WeChatAndroid.sendAuthReq(null,null,(err,authReqOK) => {
 ...
});
// 处理登录回调结果
DeviceEventEmitter.addListener('finishedAuth',function(event){
 var success = event.success;
  if(success){
   ToastAndroid.show(
    ' code = ' + JSON.stringify(event.code) +
    ' state = ' + JSON.stringify(event.state),
    ToastAndroid.LONG
   );
  }else{
   ToastAndroid.show('授权失败',ToastAndroid.SHORT);
  }
});

sendReq(options,callback)

options : 分享到微信需要的参数

  • type （必传，用来区分分享的内容）
  • 1:文字
  • 2:图片
  • 3:网页
  • 4:音乐
  • 5:视频
  • title （分享的标题）
  • desc （分享的描述）
  • thumbSize （分享的缩略图大小，不传默认150）
  • tagName
  • transaction
  • scene （分享方式，传错或者不传默认为0）
  • 0:聊天界面／好友
  • 1:朋友圈
  • 2:收藏
  • text （当分享类型为文本时使用）
  • imageUrl （当分享类型为网络照片时使用）
  • imagePath （当分享类型为本地照片时使用）
  • webpageUrl （当分享类型为网页时使用）
  • musicUrl （当分享类型为音乐时使用）
  • musicLowBandUrl （当分享类型为音乐时使用）
  • thumbImage （仅当分享类型为网页、音乐、视频时使用）

callback : 回调(err,res)

使用示例：

 
//分享文本
var textOptions = {
      title: '分享一段内容给你',
      transaction: 'text',
      scene: 0,
      type: 1,
      text: '这里是分享的文本内容',
}
 
//分享网络图片
var networkImageOptions = {
      title: '分享一张图片给你',
      thumbSize: 150,
      scene: 0,
      type: 2,
 
      imageUrl: 'https://avatars3.githubusercontent.com/u/3015681?v=3&s=460',
}
 
//分享本地图片
var localImageOptions = {
      title: '分享一张图片给你',
      thumbSize: 150,
      scene: 0,
      type: 2,
 
      imagePath: '/mnt/sdcard/temp.png',
}
 
//分享网页
var webpageOptions = {
      title: '分享这个网页给你',
      desc: '我发现这个网页很有趣，特意分享给你',
      thumbSize: 150,
      scene: 0,
      type: 3,
 
      webpageUrl: 'https://github.com/beefe/react-native-wechat-android',
      thumbImage: 'http://img1.imgtn.bdimg.com/it/u=3924416677,403957246&fm=21&gp=0.jpg',
}
 
//分享音乐
var musicOptions = {
      title: '这里是分享的标题',
      desc: '发现一首好听的音乐，分享给你',
      transaction: 'music',
      scene: 1,
      type: 4,
 
      musicUrl: 'http://staff2.ustc.edu.cn/~wdw/softdown/index.asp/0042515_05.ANDY.mp3',
      thumbImage: 'http://img1.imgtn.bdimg.com/it/u=3924416677,403957246&fm=21&gp=0.jpg',
}
 
//分享视频
var videoOptions = {
      title: '这里是分享的标题',
      desc: '这个视频好有趣，一起来看看',
      transaction: 'video',
      scene: 1,
      type: 5,
 
      videoUrl: 'http://www.iqiyi.com/v_19rrnlidhk.html?src=sharemodclk131212',
      thumbImage: 'http://img1.imgtn.bdimg.com/it/u=3924416677,403957246&fm=21&gp=0.jpg',
}
 
WeChatAndroid.sendReq(videoOptions,(err,sendOK) => {
 ...
});
 
// 分享回调
DeviceEventEmitter.addListener('finishedShare',function(event){
 var success = event.success;
 if(success){
  ToastAndroid.show('分享成功',ToastAndroid.SHORT);
 }else{
  ToastAndroid.show('分享失败',ToastAndroid.SHORT);
 }
});

weChatPay(options,callback)

options : 微信支付需要的参数

callback : 回调(err,res)

使用示例：

var payOptions = {
  appId: 'wx8888888888888888',         
  nonceStr: '5K8264ILTKCH16CQ2502SI8ZNMTM67VS',            
  packageValue: 'Sign=WXPay',
  partnerId: '1900000109',
  prepayId: 'WX1217752501201407033233368018',
  timeStamp: '1412000000',
  sign: 'C380BEC2BFD727A4B6845133519F3AD6',
};
 
WeChatAndroid.weChatPay(payOptions,(err,sendReqOK) => {
 ...
});
 
//  处理支付回调结果
DeviceEventEmitter.addListener('finishedPay',function(event){
 var success = event.success;
 if(success){
  // 在此发起网络请求由服务器验证是否真正支付成功，然后做出相应的处理
 }else{
  ToastAndroid.show('支付失败',ToastAndroid.SHORT);
 }
});

Notes

  • 打包apk请参考Generating Signed APK
  • 如需要混淆，需要在混淆文件里加上以下代码：
-keep class com.tencent.mm.sdk.** {
   *;
}

Readme

Keywords

Package Sidebar

Install

npm i react-native-wechat-login

Repository

github.com/beefe/react-native-wechat-android

Homepage

github.com/beefe/react-native-wechat-android#readme

Weekly Downloads

1

Version

0.0.1

License

MIT

Last publish

Collaborators

  • zhengqizhang
Try on RunKit
Report malware