深圳响应式设计企业网站品牌网络营销成功案例
1、注册应用微信开放平台
去注册账号并且创建一个移动应用
其中,需要注意安卓包名和签名如何获取?首先,下载获取签名的工具
下载后,在手机上安装并打开
包名在项目里面AndroidManifest.xml里面:
根据这个包名,就可以生成签名
2、安装插件 npm install react-native-wechat --save
在如下目录下,创建wxapi文件夹
并在文件夹内创建WXEntryActivity.java,用于获得微信的授权和分享权限。XEntryActivity.java代码:
package com.ruqizhi.jxrw.wxapi;import android.app.Activity; import android.os.Bundle; import com.theweflex.react.WeChatModule;public class WXEntryActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);WeChatModule.handleIntent(getIntent());finish();} }
注:最上面的package包名,是你自己项目的包名路径
并在文件夹内创建WXPayEntryActivity.java,用于获得微信的授权和支付权限。WXPayEntryActivity.java代码:
package com.ruqizhi.jxrw.wxapi;import android.app.Activity; import android.os.Bundle; import com.theweflex.react.WeChatModule;public class WXPayEntryActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);WeChatModule.handleIntent(getIntent());finish();} }
在AndroidManifest.xml添加声明:
<activityandroid:name=".wxapi.WXEntryActivity"android:label="@string/app_name"android:exported="true" /> <activityandroid:name=".wxapi.WXPayEntryActivity"android:label="@string/app_name"android:exported="true" />
至此,声明完毕。
3、具体运用
import * as WeChat from 'react-native-wechat'
并且在构造函数内添加你的appid:WeChat.registerApp('你的appid');
下面就是分享的代码了
分享给好友:
WeChat.isWXAppInstalled().then((isInstalled) => {if (isInstalled) {WeChat.shareToSession({type: 'news',title: 'title',description:'desc',thumbImage:imgUrl, //自定义webpageUrl:shareUrl,//自定义}).then(res =>{Toast.message('分享成功');}).catch((error) => {Toast.show(error.message);});} else {Toast.show('请安装微信');}});
分享到朋友圈:
WeChat.isWXAppInstalled().then((isInstalled) => {if (isInstalled) {WeChat.shareToTimeline({type: 'news',title: 'title',description:'desc',thumbImage:imgUrl,//自定义webpageUrl:`shareUrl,//自定义}).then(res =>{Toast.message('分享成功');}).catch(