<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <!-- 微信 http: https 引入微信js-->
将一下方法放入函数里.调取后台接口填入必填信息直接使用即可。
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: response.data.pay_config.appId, // 必填,公众号的唯一标识(response.data.pay_config.appId--调后台返的参数)
timestamp: response.data.pay_config.timestamp, // 必填,生成签名的时间戳
nonceStr: response.data.pay_config.nonceStr, // 必填,生成签名的随机串
signature: response.data.pay_config.paySign,// 必填,签名
jsApiList: ['chooseWXPay',] // 必填,需要使用的JS接口列表
});
wx.chooseWXPay({ //微信支付
// appId: appId, //公众号名称,由商户传入
nonceStr: response.data.pay_config.nonceStr, //随机串 (response.data.pay_config.nonceStr--调后台返的参数)
package: response.data.pay_config.package,
signType: response.data.pay_config.signType, //微信签名方式:
paySign: response.data.pay_config.paySign, //微信签名sign
timestamp: response.data.pay_config.timestamp, //时间戳,自1970年以来的秒数 timestamp
success: function (res) {
// console.log('支付成功');
},
cancel: function (res) {
// console.log('已取消支付');
},
});
配置:jsApiList: ['updateAppMessageShareData','updateTimelineShareData','chooseWXPay','onMenuShareAppMessage','hideOptionMenu'] // 必填,需要使用的JS接口列表
wx.ready(function(){
wx.hideOptionMenu({
menuList: ['menuItem:copyUrl','menuItem:share:timeline','menuItem:share:qq','menuItem:favorite'] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,
});
});
//微信录音--开始
wx.ready(function(){
wx.startRecord({
success: function(){
localStorage.rainAllowRecord = 'true';
},
cancel: function () {
alert('用户拒绝授权录音');
}
});
});
//停止录音接口
wx.stopRecord({
success: function (res) {
var localId = res.localId; //存本地录音id
// localStorage.setItem('localId',localId);
}
});
//上传语音接口
wx.uploadVoice({
localId: '', // 需要上传的音频的本地ID,由stopRecord接口获得
isShowProgressTips: 1, // 默认为1,显示进度提示
success: function (res) {
var serverId = res.serverId; // 返回音频的服务器端ID
}
});
//播放语音接口
wx.playVoice({
localId: localId // 需要播放的音频的本地ID,由stopRecord接口获得
});
分享朋友、朋友圈
var urlLink = window.location.href;
console.log(urlLink,'urlLink')
var UrlLink = window.location.host; //获取域名前的http。。。.html
// console.log(UrlLink,'UrlLink')
var UrlLinks = UrlLink + 'Interlinkage.html?day='+day + '&num='+num + '&roleId='+roleId + '&type=2' + '&code='+code
console.log(UrlLinks,'222222')
var dataat = {
url: UrlLinks
};
var url = apiUrl + SHARE;
sendAjax("GET", url, dataat, 'json', share);
function share(res) {
var code = res.code;
var data = res.data;
if (code == 1000) {
wx.config({
debug: false, //true-false 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: data.appid, // 必填,公众号的唯一标识
timestamp: data.timestamp, // 必填,生成签名的时间戳
nonceStr: data.noncestr, // 必填,生成签名的随机串
signature: data.signature, // 必填,签名
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] // 必填,需要使用的JS接口列表
});
wx.onMenuShareTimeline({ //分享朋友圈
title: "《仓颉学堂》试用申请", // 分享标题
link: UrlLinks, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: "http://partner.aicangjie.com/cangjie/system/images/login_logo.png", // 分享图标
success: function() {
// 用户点击了分享后执行的回调函数
}
})
wx.onMenuShareAppMessage({ //分享朋友
title: "《仓颉学堂》试用申请", // 分享标题
desc: "《仓颉学堂》试用申请", // 分享描述
link: UrlLinks, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: "http://partner.aicangjie.com/cangjie/system/images/login_logo.png", // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function() {
// 用户点击了分享后执行的回调函数
}
})
} else {
$("#hintBox").html(res.message);
$("#hintBox").show().delay(1500).fadeOut();
};
}
分享等,按照微信官方文档操作即可:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
注意微信即将废弃接口
注:整理只是提高记忆一下
微信公众号项目调起微信支付等
于 2019-05-11 10:03:51 首次发布