博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享接口
阅读量:5067 次
发布时间:2019-06-12

本文共 3049 字,大约阅读时间需要 10 分钟。

 

 

登录微信公众平台  ,“公众号设置”的“功能设置”里填写“JS接口安全域名”

 

 

在公众号页面页面设置 JS接口安全域名即可 ,如果需要请设置ip白名单 

 

 

服务器:

1 、根据   appid 、appsecret获取  access_token

https请求方式: GET  https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

2、获取access_token之后 ,获取ticket票据

    https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

 

 生成必要的:

       
appId: data.appid,
// 必填,公众号的唯一标识
      
timestamp: data.timestamp,
// 必填,生成签名的时间戳
      
nonceStr: data.nonceStr,
// 必填,生成签名的随机串
      
signature: data.signature,
// 必填,签名

 

 

判断是否 是微信 调用方法: 

validWechatConfig();

 

wxConfig.js

var apiWX = URLS[ENV].activity + '/wx/sign';//只有微信可以调用function validWechatConfig(){  var self = this;  var url = location.href;  Utils.ajax(apiWX , 'GET', {    url: url  }, function(res) {    if(+res.status === 200) {      wx.config({        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。        appId: res.data.appId, // 必填,公众号的唯一标识        timestamp: +res.data.timestamp, // 必填,生成签名的时间戳        nonceStr: res.data.nonceStr, // 必填,生成签名的随机串        signature: res.data.signature,// 必填,签名,见附录1        jsApiList: [          'onMenuShareAppMessage',          'onMenuShareTimeline',          'onMenuShareQQ',          'onMenuShareWeibo',          'onMenuShareQZone'        ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2      });    } else {      Utils.showToast(res.msg);    }  }, function() {    Utils.showToast('获取微信config配置信息失败,请刷新重试');  });}

  

share.js

wx.ready(function() {   var title = '标题',      desc = '描述',      link =  '分享URL地址',      imgUrl = '分享图片';  //分享给朋友  wx.onMenuShareAppMessage({    title: title, // 分享标题    desc: desc, // 分享描述    link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致    imgUrl: imgUrl, // 分享图标    success: function () {      Utils.showToast('分享成功');    },    cancel: function () {      Utils.showToast('分享失败');    }  });  //分享到朋友圈  wx.onMenuShareTimeline({    title: title, // 分享标题    desc: desc, // 分享描述    link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致    imgUrl: imgUrl, // 分享图标    success: function () {      Utils.showToast('分享成功');    },    cancel: function () {      Utils.showToast('分享失败');    }  });  //分享到QQ  wx.onMenuShareQQ({    title: title, // 分享标题    desc: desc, // 分享描述    link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致    imgUrl: imgUrl, // 分享图标    success: function () {      Utils.showToast('分享成功');    },    cancel: function () {      Utils.showToast('分享失败');    }  });  //分享到腾讯微博  wx.onMenuShareWeibo({    title: title, // 分享标题    desc: desc, // 分享描述    link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致    imgUrl: imgUrl, // 分享图标    success: function () {      Utils.showToast('分享成功');    },    cancel: function () {      Utils.showToast('分享失败');    }  });  //分享到QQ空间  wx.onMenuShareQZone({    title: title, // 分享标题    desc: desc, // 分享描述    link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致    imgUrl: imgUrl, // 分享图标    success: function () {      Utils.showToast('分享成功');    },    cancel: function () {      Utils.showToast('分享失败');    }  });});

  

 

转载于:https://www.cnblogs.com/congxueda/p/9402639.html

你可能感兴趣的文章
JavaScript面向对象
查看>>
ubuntu下安装程序的五种方法
查看>>
iframe 子页面获取父页面的元素并且控制样式
查看>>
小知识:js如何更改css样式
查看>>
PHP count down
查看>>
Memcache协议中文版
查看>>
2017年的阅读记录
查看>>
JVM参数调优:Eclipse启动实践
查看>>
02-CSS基础与进阶-day6_2018-09-05-21-51-42
查看>>
从Uber微服务看最佳实践如何炼成?
查看>>
[牛客剑指offer]重建二叉树
查看>>
ionic的安装
查看>>
Chapter 2 Open Book——35
查看>>
PAT1009
查看>>
numpy创建矩阵常用方法
查看>>
Akka源码分析-Cluster-Sharding
查看>>
Vue 组件间传值
查看>>
委托构造函数
查看>>
(旧笔记搬家)struts.xml中单独页面跳转的配置
查看>>
不定期周末福利:数据结构与算法学习书单
查看>>