网页调用支付宝支付和微信支付
昨天,我在指导客户进行付款页面时写了一些文档。我认为其中有很多对那些刚接触这个领域的人有帮助。我想在这里分享它们
发起支付步骤1.获取微信code(支付宝为auth_code,以下统称code)
微信和支付宝的code都需要通过重定向获取,需要拼接到微信公众号的appid中(支付宝需要去平台申请)快手0.5元1000赞网站微信支付,然后重定向URL是你接受重定向信息的地方,需要在管理后台的授权回调地址中配置URL的域名,否则跳转失败。具体配置方法可以参考其他文章,这里不再赘述。
微信重定向网址:“{{APPID}}&redirect_uri={{您的重定向页面网址}}&response_type=code&scope=snsapi_base&state=123&connect_redirect=1#wechat_redirect”
支付宝重定向网址:“{{APPID}}&scope=auth_base&redirect_uri={{您的重定向页面网址}}”
跳转到重定向页面后,通过getQueryVariable(variable)方法获取代码。具体操作如下:
var code = getQueryVariable("code");
//这是一个现成的方法,直接拿过去用就行
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) { return pair[1]; }
}
return (false);
}
2.通过代码获取openid(支付宝称为user_id快手0.5元1000赞网站微信支付,以下统称openid)
这里解释一下,这里的opnid不能直接在网页中获取,可以通过调用你的后端接口来获取,否则获取的openid是没用的,下面贴一个我最近做的案例如何获取openid。
$.ajax({
type: "post",
url: "GetOpenid.ashx",//我把调接口的地方写在这里,调用的是我们公司的后端接口
contentType: "application/x-www-form-urlencoded;charset=utf-8;",
data: { auth_code:code,appid:appid},
dataType: "text",
success: function (data) {
window.openid = data;
},
error: function (error) {
//alert("error=" + error);
}
});
3.获取商家信息
既然是支付,就必须有支付对象。微信和支付宝支付都有商户号。下面是我获取商户号的代码:(这个因人而异,有的人不需要。获取,主要看你调用统一时是否需要商户号的相关信息订单界面。
$.ajax({
type: "post",
url: "GetToken.ashx",
contentType: "application/x-www-form-urlencoded;charset=utf-8;",
data: { store_no:store_no},
dataType: "json",
success: function (data) {
$(".shop-name").append(data["store_name"]);
window.sn = data["store_name"];
window.merchant_key = data["merchant_key"];
window.merchant_no = data["merchant_no"];
},
error: function(error) {
alert( error.responseText);
}
});
4.调用统一下单接口获取预付款信息