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

最新推荐文章于 2025-06-01 21:38:29 发布

wocoa

最新推荐文章于 2025-06-01 21:38:29 发布

阅读量1.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序支付小程序WEB-VIEW支付

本文链接：https://blog.youkuaiyun.com/wocoa/article/details/79247989

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

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

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

protected void Page_Load(object sender, EventArgs e)
        {
            try
            {
                var _APP_ID = "";   // 你申请的小程序ID
                var _APP_SECRET = "";  // 小程序的SECRET ，当然这个是可微信

最低0.47元/天解锁文章