龙空技术网

Node.js实现支付宝H5支付

沁园Yann 519

前言:

现在各位老铁们对“ios webview中第三方h5支付”大概比较关心,兄弟们都想要学习一些“ios webview中第三方h5支付”的相关知识。那么小编也在网摘上汇集了一些关于“ios webview中第三方h5支付””的相关知识,希望大家能喜欢,小伙伴们一起来学习一下吧!

蚂蚁金服

1、 创建支付应用

1.1、根据需要选择接口类型,这里选择支付应用

​ ​

选择支付应用

1.2、选择使用环境

选择使用环境

1.3、签约当面付(线下支付)

2、 使用alipay-sdk

2.1、 引入服务端SDK模块

npm i alipay-sdk

2.2、 配置app信息

var AlipaySdk = require('alipay-sdk').default;

var aliService = require("../service/aliPay");

var alipaySdk = new AlipaySdk({

appId: payConfig.ali.appId,

privateKey: payConfig.ali.privateKey,

alipayPublicKey: payConfig.ali.publicKey,

});

o appId: String 开放平台上创建应用时生成的 appId

o privateKey: String 应用私钥

o alipayPublicKey: String 支付宝公钥,用于开放平台返回值的验签

2.3、 使用exec方法调用接口

alipaySdk.exec(method, params, options).then(result => {

// console.log(result);

})

参数说明:

o 必选

§ method: String 调用的 Api,比如 alipay.system.oauth.token

o 可选

§ params: Object Api 的请求参数(包含部分“公共请求参数”和“请求参数”)

§ bizContent: Object 可选项

§ 注意: 仅当 Api 文档的“公共请求参数”列表中存在 biz_content时,才需要通过 bizContent 设置请求参数,否则应该通过 params 传递请求参数

§ options: Object 可选项

§ validateSign: Boolean 是否对返回值验签(依赖实例化时配置的”支付宝公钥“),默认 false

§ formData: Object 文件上传类接口的请求参数,,默认 null

§ log: Log 对象,存在时会调用 info、error 方法写日志,默认 null 即不写日志

exec 返回值类型: Promise

例子:

let params = {bizContent: {

outTradeNo: aliService.getRandomOrder(),

subject:'title',//交易标题

totalAmount:money,//订单金额

buyerId:req.session.user.openid,

}};

alipaySdk.exec(payConfig.ali.orderCreate,params).then(orderResult=>{

show("订单号"+order.tradeNo);

});

注意:

若接口文档中公共参数中有biz_content参数,那业务参数全部放在biz_content中,详见具体接口。

3、 H5支付

前端JS代码

$(document).ready(function(){

// 页面载入完成后即唤起收银台

// 此处${tradeNO}为模板语言语法,要用字符串代替

tradePay("${tradeNO}");

// 点击payButton按钮后唤起收银台

$("#payButton").click(function() {

tradePay("${tradeNO}");

});

// 通过jsapi关闭当前窗口,仅供参考,更多jsapi请访问

$("#closeButton").click(function() {

AlipayJSBridge.call('closeWebview');

});

});

// 由于js的载入是异步的,所以可以通过该方法,当AlipayJSBridgeReady事件发生后,再执行callback方法

function ready(callback) {

if (window.AlipayJSBridge) {

callback && callback();

} else {

document.addEventListener('AlipayJSBridgeReady', callback, false);

}

}

function tradePay(tradeNO) {

ready(function(){

// 通过传入交易号唤起快捷调用方式

AlipayJSBridge.call("tradePay", {

tradeNO: tradeNO

}, function (data) {

if ("9000" == data.resultCode) {

alert("支付成功");

}

});

});

}

响应说明:

H5支付响应结果

4、 附录

node.js配置服务端sdk教程:

当面付接入教程:

名词解释:

应用网关:用于接收支付宝异步通知,例如口碑开店中,需要配置此网关来接收 开发者门店被动通知。

授权回调地址:第三方授权或用户信息授权后回调地址。授权链接中配置的red...

标签: #ios webview中第三方h5支付 #js如何关闭当前窗口 #js支付宝支付接口 #js支付宝支付接口有哪些 #js支付宝支付接口有哪些类型