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

本文涉及的产品
.cn 域名,1个 12个月
简介: 微信公众号项目调起微信支付等
<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
注意微信即将废弃接口
注:整理只是提高记忆一下
相关文章
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
307 3
|
2月前
|
JavaScript
vue尚品汇商城项目-day06【43.微信支付业务】
vue尚品汇商城项目-day06【43.微信支付业务】
36 0
|
4月前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
4月前
|
小程序
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
这篇文章是作者关于学习微信小程序开发并在一周内成功开发出一个商城项目系统的心得体会,分享了学习基础知识、实战项目开发的过程,以及小程序开发的易上手性和开发周期的简短。
关于我花了一个星期学习微信小程序开发、并且成功开发出一个商城项目系统的心得体会
|
4月前
|
小程序 前端开发 JavaScript
微信小程序实现微信支付(代码和注释很详细)
微信小程序实现微信支付(代码和注释很详细)
|
5月前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——个人中心页面的制作
本文介绍了如何设计和实现一个网上花店的微信小程序,包括个人中心、我的订单和我的地址等功能模块。个人中心让用户能够查看订单历史、管理地址和与客服互动。代码示例展示了`own.wxml`、`own.wxss`和`own.js`文件,用于构建个人中心界面,包括用户信息、订单链接、收藏、地址、客服和版本信息。我的订单部分展示了订单详情,包括商品图片、名称、销量、价格和订单状态,用户可以查看和管理订单。我的地址功能允许用户输入和编辑收货信息,包括联系人、性别、电话、城市和详细地址。每个功能模块都附有相应的WXML和WXSS代码,以及简洁的样式设计。
256 0
【微信小程序开发实战项目】——个人中心页面的制作
|
4月前
|
前端开发 JavaScript API
微信公众号项目,实现微信支付(具体流程和参数)
微信公众号项目,实现微信支付(具体流程和参数)
|
5月前
|
XML Java 数据格式
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
|
5月前
|
JavaScript 开发工具
支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法
支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法
|
5月前
|
JavaScript
支付系统---微信支付23-数据绑定和事件,使用Vue调试要添加扩展,F12与console平级就出现了Vue,在支付资料,微信支付,04资料,工具里
支付系统---微信支付23-数据绑定和事件,使用Vue调试要添加扩展,F12与console平级就出现了Vue,在支付资料,微信支付,04资料,工具里