1. 首先你需要一个分享接口地址,然后在自定义图片 标题 描述 如下:
    2. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    3. <script>
    4. $(function() {
    5. //微信分享
    6. $.ajax({
    7. //后台请求数据
    8. "url":"https://***.***.com/getJsAPITicket", //接口地址
    9. "type":"Get",
    10. "dataType":"json",
    11. "data":{"url": window.location.href},
    12. "success":function(data){
    13. wxstart(data, "");
    14. }
    15. });
    16. });
    17. function wxstart(data, url){
    18. var url = ''; //分享的文章地址
    19. var appId = data.appId;
    20. var timestamp = data.timestamp;
    21. var nonceStr = data.nonceStr;
    22. var signature = data.signature;
    23. wx.config({
    24. debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    25. appId: appId, // 必填,公众号的唯一标识
    26. timestamp: timestamp, // 必填,生成签名的时间戳
    27. nonceStr: nonceStr, // 必填,生成签名的随机串
    28. signature: signature,// 必填,签名,见附录1
    29. jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ"] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    30. });
    31. wx.ready(function(){
    32. var imgurl = 'https://' + window.location.hostname + '/static/customerHtml/img/weixinshare.jpg';
    33. var title = '';
    34. var desc = '';
    35. wx.onMenuShareTimeline({
    36. title: title, // 分享标题
    37. desc: desc, // 分享描述
    38. link: url, // 分享链接
    39. imgUrl: imgurl, // 分享图标
    40. success: function () {
    41. // 用户确认分享后执行的回调函数
    42. },
    43. cancel: function () {
    44. // 用户取消分享后执行的回调函数
    45. }
    46. });
    47. wx.onMenuShareAppMessage({
    48. title: title, // 分享标题
    49. desc: desc, // 分享描述
    50. link: url, // 分享链接
    51. imgUrl: imgurl, // 分享图标
    52. type: '', // 分享类型,music、video或link,不填默认为link
    53. dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    54. success: function () {
    55. // 用户确认分享后执行的回调函数
    56. },
    57. cancel: function () {
    58. // 用户取消分享后执行的回调函数
    59. }
    60. });
    61. wx.onMenuShareQQ({
    62. title: title, // 分享标题
    63. desc: desc, // 分享描述
    64. link: url, // 分享链接
    65. imgUrl: imgurl, // 分享图标
    66. success: function () {
    67. // 用户确认分享后执行的回调函数
    68. },
    69. cancel: function () {
    70. // 用户取消分享后执行的回调函数
    71. }
    72. });
    73. });
    74. }
    75. </script>