javascript - js支付功能怎么写？

问题描述

问 题

支付功能怎么写?支付功能有事怎么样一个 流程？网上好像很少有具体写法的介绍？为啥

我看了一些文档，这个是稍微有点干货的，不过没懂：
只需要引入微信的sdk，然后找到人家api里的代码，直接拷贝过来，请求后台接口，让后台去获得公众号的一些参数，你填进去，就会触发。。。

求大神能够点拨一二

解决方案

是微信公众号支付吗?
好像js调用微信支付的,应该就只有这个吧.如果是这个,我可以说下.嗯,我不是大神

支付功能又是怎么样一个流程？网上好像很少有具体写法的介绍？为啥
因为这个太简单了,其实这支付,完全没前端什么时,具体逻辑,业务代码,全在后端.
前端的主要代码就是一点点.

首先是初始化页面,具体文档地址
https://mp.weixin.qq.com/wiki...

步骤一：绑定域名
先登录微信公众平台进入公众号设置的功能设置里填写JS接口安全域名。
备注：登录后可在开发者中心查看对应的接口权限。
步骤二：引入JS文件
在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js
备注：支持使用 AMD/CMD 标准模块加载方法加载
步骤三：通过config接口注入权限验证配置

第三步所需要的数据,需要后台提供,上面的步骤都完成了,然后就是支付相关的代码

function onBridgeReady(){
    WeixinJSBridge.invoke(
        'getBrandWCPayRequest', {
            "appId":"wx2421b1c4370ec43b",     //公众号名称，由商户传入     
            "timeStamp":"1395712654",         //时间戳，自1970年以来的秒数     
            "nonceStr":"e61463f8efa94090b1f366cccfbbb444", //随机串     
            "package":"prepay_id=u802345jgfjsdfgsdg888",     
            "signType":"MD5",         //微信签名方式：     
            "paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 
        },
        function(res){     
        // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
            if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                //支付成功,前端需要处理的逻辑,比如,挑战支付成功页面,或者显示支付成功的界面
            }      
        }
    ); 
 }

其实就这样,只要有数据(上面红色部分代码的数据需要后端传给前端),调用上面的onBridgeReady()方法就可以弹出微信公众号支付的界面了.
第一步,从后端获取数据,调用wx.config方法
第二步,从后端获取数据,调用WeixinJSBridge.invoke方法
是不是很简单,但是这里面又有很多坑要踩,大多是配置问题或者是后端调用微信接口问题,真没前端什么事

这篇关于javascript - js支付功能怎么写？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！