js实现自定义微信分享

1.安装相关依赖
1.1在需要调用JS接口的页面引入如下JS文件

（支持https）：<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

 当上述资源不可访问时， 可改访问：
 
（支持https）：<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>。

1.2 npm

下载：npm install weixin-js-sdk
引入：var wx = require('weixin-js-sdk');
     或者：import wx from 'weixin-js-sdk';

2.封装

import wx from 'weixin-js-sdk';
import axios from 'axios
export const wxShare = function(biography,opstion) {
	axios({
	      method: 'post',
	      url: '/',
	      data: {
	         url:document.URL
	     }
	}).then(function(res){	
        wx.config({
		    debug: false,          // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		    appId: res.appId,         // 必填，公众号的唯一标识
		    timestamp: res.timestamp, // 必填，生成签名的时间戳
		    nonceStr: res.nonceStr,   // 必填，生成签名的随机串
		    signature:res.signature, // 必填，签名
		    jsApiList: [
		      'updateAppMessageShareData',
		      ‘updateTimelineShareData’,
		    ]
	  });
   })
 
   wx.ready(function(){
	  //自定义“分享给朋友”及“分享到QQ”按钮的分享内容
	  wx.updateAppMessageShareData({
	       title: opstion.title, // 分享标题
	       link: opstion.link, // 分享链接
	       imgUrl: opstion.imgUrl, // 分享图标
	       desc: opstion.dec, // 分享描述
	       success:function(){
	          //设置成功
	       },
	      
	  });
	  //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
	  wx.updateTimelineShareData({
	       title: opstion.title, // 分享标题
	       link: opstion.link, // 分享链接
	       imgUrl: opstion.imgUrl, // 分享图标
	       desc: opstion.dec, // 分享描述
	        success:function(){
	          //设置成功,就回调
	       },
	       trigger:function(){
	            //点击分享按钮后触发，仅支持Menu中的相关接口
	       },
	       complete:function(){
	          //无论成功或者失败都执行
	       },
	       cancel:function(){
	              //用户点击取消时的回调，仅部分用户取消操作的api才会用到
           },
           fail:function(){
               //接口调用失败时回调。
           }
	  });
   }
}

注释：onMenuShareAppMessage方法，2020年4月份左右将被废弃。它的success方法，是在分享成功后回调的。

3.使用

在需要分享的页面，引入上述封装并传入相关参数即可~