详细介绍微信小程序使用WEB-VIEW控件进行微信支付

最新推荐文章于 2025-10-15 15:15:56 发布

原创

最新推荐文章于 2025-10-15 15:15:56 发布 · 1.1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#小程序支付 #小程序WEB-VIEW支付

本文详细阐述了如何在微信小程序中利用WEB-VIEW组件进行微信支付的流程，包括获取用户openID的关键步骤及在小程序内创建wxpay页面的实践代码。

1.获取用户的openID，在小程序项目index.js里面写入

Page({
  data: {
    url: '',
    scode:''
  },
  onLoad: function (options) {
    //OpenId
    wx.login({
      //获取code
      success: (res) => {
        wx.request({
          method: "GET",
          url: 'https://xxx.xxx.xxx/GetOpenID.aspx', //仅为示例，并非真实的接口地址    
          data: {
            scode: res.code   // 使用wx.login得到的登陆凭证，用于换取openid
          },
          header: {
            'content-type': 'application/json' // 默认值
          },
          success: (res) => {
            if (res.data!='0')
            {
              this.setData({
                sopenid: res.data,
                url: 'https://xxxx.xxx.xxx/?openid=' + res.data
              });
            }
            console.log(this.data.sopenid)
          }
        })
        console.log(res.code) //这里只是为了在微信小程序客户端好查看结果，找寻问题
      }
    });
  }
});

2.getopenid.aspx