微信公众号(或微信浏览器)获取openId(网页授权)

下单支付需要openId 首先授权去拿到code --然后调用后太换取openId

1.去拿取code

下图中执行到window.location.href ( redirect_uri 传入当前路径-)--执行后重新跳转到当前页面--但是路径上会带上code参数

//然后调用后台方法--将code传给后台得到 openId

javascript 复制代码
   if (this.is_wx()) {
      if (!uni.getStorageSync("openId")) {
        if (this.getCode() == "") {
			// const currenturl = location.href.split("#")[0];
		  uni.setStorageSync("currentUrl",window.location.href.split("#")[0])
          const currenturl = encodeURIComponent(window.location.href.split("#")[0]);
		  //访问这个链接 redirect_uri 传入当前路径---执行后重新跳转到当前页面--但是路径上会带上code参数
          window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${currenturl}&response_type=code&scope=snsapi_base#wechat_redirect`;
        } else {
          console.log("code");
          console.log(this.getCode());
          let code = this.getCode();
          //拿着code 传输给后台

          this.$request
            .get({
              url: `mp/api/code2accesstoken/${code}`,
            //   loadingTip: "加载中...",
              data: {},
            })
            .then((res) => {
				//将openId参数放进缓存
				uni.setStorageSync('openId',res.data.openid)
			});
        }
      }
    }

--至此支付下单接口需要的参数openId已经得到

官网参考链接

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#0

补充一下

支付接口在测试环境是不支持的

诸君有用且点赞

相关推荐
二十十十十十2 天前
微信点餐小程序—美食物
微信·小程序
m0_6855350812 天前
如何实现财务自由
微信·新浪微博·光学·光学设计·光学工程
书虫AI12 天前
登顶生图榜前三!FLUX.1 Kontext 为什么把 PS 都逼急了?
微信
陈思杰系统思考Jason13 天前
系统思考VS心智模式
百度·微信·微信公众平台·新浪微博·微信开放平台
狂团商城小师妹14 天前
设备巡检系统小程序ThinkPHP+UniApp
微信·微信小程序·小程序·uni-app·微信公众平台
程序员君常笑14 天前
rent8_wechat-最常用出租屋管理系统-微信小程序
微信·微信小程序·小程序
未来之窗软件服务15 天前
js调用微信支付 第二步 获取access_token ——仙盟创梦IDE
开发语言·javascript·微信·微信支付·仙盟创梦ide·东方仙盟
岩苍美津未16 天前
H5项目在微信公众号中如何本地调试微信sdk
微信·微信小程序
云起SAAS16 天前
猜数字小游戏微信流量主小程序开源
微信·小程序·猜数字小游戏微信流量主小
云起SAAS16 天前
经典俄罗斯方块微信小游戏流量主小程序开源
微信·小程序·经典俄罗斯方块微信小游戏流