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

简介: 微信公众号项目调起微信支付等
<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
注意微信即将废弃接口
注:整理只是提高记忆一下
相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
1月前
|
存储 小程序 API
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
|
1月前
|
小程序 Shell 网络安全
【微信小程序】-- 使用 Git 管理项目(五十)
【微信小程序】-- 使用 Git 管理项目(五十)
|
1月前
|
小程序 安全 JavaScript
从零开始uniapp微信小程序项目到发布(超级详细)
最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目
133 1
|
1月前
|
小程序 开发工具 git
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
|
1月前
|
小程序 安全 JavaScript
【微信小程序】-- uni-app 项目创建 & 目录结构讲解(四十九)
【微信小程序】-- uni-app 项目创建 & 目录结构讲解(四十九)
|
1月前
|
小程序 算法 搜索推荐
2024基于协同过滤算法springboot微信订餐小程序项目
2024基于协同过滤算法springboot微信订餐小程序项目
31 0
2024基于协同过滤算法springboot微信订餐小程序项目
|
1月前
|
小程序 JavaScript 前端开发
【原力计划小程序】1、一篇文章深入了解小程序的学习路线(以项目驱动的方式带你学习微信小程序)
【原力计划小程序】1、一篇文章深入了解小程序的学习路线(以项目驱动的方式带你学习微信小程序)
53 1
|
3月前
|
XML 存储 小程序
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十四)
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十四)
|
3月前
|
存储 小程序
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十三)
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十三)
|
3月前
|
小程序 测试技术 数据库
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十二)
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十二)

热门文章

最新文章