微信公众号项目调起微信支付等

简介: 微信公众号项目调起微信支付等
<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
注意微信即将废弃接口
注:整理只是提高记忆一下
相关文章
|
3月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
5月前
|
移动开发 算法 安全
快应用如何去申请微信支付商户?-快应用申请微信支付-优雅草卓伊凡
快应用如何去申请微信支付商户?-快应用申请微信支付-优雅草卓伊凡
134 0
快应用如何去申请微信支付商户?-快应用申请微信支付-优雅草卓伊凡
|
9月前
|
安全 算法 小程序
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
597 28
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
|
9月前
|
小程序
【04】微信支付商户申请下户到配置完整流程-微信开放平台移动APP应用通过-微信商户继续申请-微信开户函-视频声明-以及对公打款验证-申请+配置完整流程-优雅草卓伊凡
【04】微信支付商户申请下户到配置完整流程-微信开放平台移动APP应用通过-微信商户继续申请-微信开户函-视频声明-以及对公打款验证-申请+配置完整流程-优雅草卓伊凡
629 1
【04】微信支付商户申请下户到配置完整流程-微信开放平台移动APP应用通过-微信商户继续申请-微信开户函-视频声明-以及对公打款验证-申请+配置完整流程-优雅草卓伊凡
|
10月前
|
小程序
【01】微信支付商户申请下户到配置完整流程-微信商户申请-资料准备以及提交-微信商户密钥申请-申请+配置完整流程-优雅草卓伊凡
【01】微信支付商户申请下户到配置完整流程-微信商户申请-资料准备以及提交-微信商户密钥申请-申请+配置完整流程-优雅草卓伊凡
320 2
【01】微信支付商户申请下户到配置完整流程-微信商户申请-资料准备以及提交-微信商户密钥申请-申请+配置完整流程-优雅草卓伊凡
|
10月前
|
小程序 数据安全/隐私保护 开发者
【02】微信支付商户申请下户到配置完整流程-微信开放平台申请APP应用-微信商户支付绑定appid-公众号和小程序分别申请appid-申请+配置完整流程-优雅草卓伊凡
【02】微信支付商户申请下户到配置完整流程-微信开放平台申请APP应用-微信商户支付绑定appid-公众号和小程序分别申请appid-申请+配置完整流程-优雅草卓伊凡
696 3
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
2565 3
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
小程序
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
这篇文章是作者关于学习微信小程序开发并在一周内成功开发出一个商城项目系统的心得体会,分享了学习基础知识、实战项目开发的过程,以及小程序开发的易上手性和开发周期的简短。
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会