前言:
现在各位老铁们对“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("支付成功");
}
});
});
}
响应说明:
4、 附录
node.js配置服务端sdk教程:
当面付接入教程:
名词解释:
应用网关:用于接收支付宝异步通知,例如口碑开店中,需要配置此网关来接收 开发者门店被动通知。
授权回调地址:第三方授权或用户信息授权后回调地址。授权链接中配置的red...
标签: #ios webview中第三方h5支付 #js如何关闭当前窗口 #js支付宝支付接口 #js支付宝支付接口有哪些 #js支付宝支付接口有哪些类型