小程序的支付Demo和登录Demo

最新推荐文章于 2024-06-19 09:40:27 发布

转载最新推荐文章于 2024-06-19 09:40:27 发布 · 520 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/jishuge/blog/1618648

文章标签：

#前端 #java #python #ViewUI

本文介绍了一种在微信小程序中实现支付功能的方法。通过调用微信提供的API进行用户登录验证及后续的支付流程。具体步骤包括：使用wx.login()获取用户登录凭证(code)，再通过网络请求将code发送到服务器端进行验证并获得3rd_session；接着利用3rd_session发起支付请求，最终完成支付过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

//登录
function Login(){

  wx.login({
    success: function (res) {
      if (res.code) {
        //发起网络请求
        wx.request({
          url: 'https://explome/login',
          data: {
            code: res.code,
          },
          success: function (msg) {
            wx.hideLoading();
            console.log(msg);
            if (msg.data.code == 20000) {
              //登录成功,把3rd_session存入本地Storage中
              wx.setStorage({
                key: 'rd_session',
                data: msg.data.rd_session,
              });
            } else {
              wx.showToast({
                title: msg.data.message,
                icon: "none",
                duration: 2000
              })
            }
          },
          fail: function () {
            wx.showToast({
              title: '用户登录！',
              icon: 'none'
            })
            wx.hideLoading();

          }
        })
      } else {
        wx.showToast({
          title: '获取用户登录态失败！' + res.errMsg,
          icon: 'none'
        })
        wx.hideLoading();
      }
    }
  });

}


/**
 * 支付demo
 */
function Pay(){
  wx.request({
    url: 'https://explome/wechat/pay',
    data: {
      actionId: 21,
      rd_session: wx.getStorageSync('rd_session'),
      buy_number: 1,
    },
    success: function (msg) {
      console.log(msg);
      const payData = msg.data;
      if (payData.code == 20000) {
        console.log("open pay");
        wx.requestPayment({
          timeStamp: payData.data.timeStamp.toString(),
          nonceStr: payData.data.nonceStr,
          package: "prepay_id=" + payData.data.package,
          signType: payData.data.signType,
          paySign: payData.data.paySign,
          success: function (message) {
            wx.showToast({
              title: '支付成功',
            })
          },
          fail: function (message) {

            console.log(message);
            wx.showToast({
              title: '取消支付'
            })
          }
        })
      } else {
        console.log("not open pay");
      }
    },
    fail: {

    }
  })
}

转载于:https://my.oschina.net/jishuge/blog/1618648