前端js对微信或支付宝的网页授权+支付

最新推荐文章于 2024-04-30 16:57:54 发布

July++

最新推荐文章于 2024-04-30 16:57:54 发布

阅读量3.2k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_41056945/article/details/101546876

版权

本文介绍了在前端使用JavaScript实现微信和支付宝的网页授权及支付过程。首先，通过判断浏览器类型引导用户授权，获取code并交换用户信息。接着，详细阐述了微信支付的步骤，包括获取支付参数和调用微信支付接口。最后，提到了支付宝支付的实现，通过后端生成H5支付数据，前端展示支付表单。

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

场景：微信/支付宝扫码进入网站，出现授权弹窗，用户授权后进入网站首页，并且显示出用户头像和昵称等信息，在网页进行相关商品操作后，点击确认支付，拉起微信/支付宝支付，并去付款，在付款成功后跳转到想要去的页面。

建议先去官网了解详情：适用于网站应用的微信授权官方网址

1.网页授权

判断浏览器并进入相应的授权

 function IsWeixinOrAlipay() {
   
        var ua = window.navigator.userAgent.toLowerCase();
        //判断是不是微信
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
   
            var weixintarger = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=申请到的appid&redirect_uri=授权过后要去的页面地址（要encode）&response_type=code&scope=snsapi_userinfo&state=1&connect_redirect=1#wechat_redirect';
            window.location.href = weixintarger;
        }
        //判断是不是支付宝
        if (ua.match(/AlipayClient/i) == 'alipayclient'

最低0.47元/天解锁文章