支付宝，对接沙箱支付（vue2+node.js+mysql）
支付宝沙箱环境，点击进入
登录，按自己实际信息填写
1. 扫码登录，进入后如图
2. 进入沙箱，可以看到自己的账号（如下配置）
配置系统默认密钥（需要下载工具）
密钥下载工具配置
依照自己系统，自行选择下载
配置支付宝开放平台密钥工具
生成密钥后，不要关闭程序，在页面沙箱哪里配置系统密钥
如下图所示，点击启用，系统会自行校对
配置好后，可以自行，点击查看，生成的密钥
这里主要是，下面选择，按自己选择就好，前端就选非java
沙箱就创建ok了,下面我使用node.js进行对接（一堆坑）
先看下，成品后的，拿串链接，就是后台返回的路径
node.js中，自行，创建项目，对接mqsql。 这里直接创建alipay.js文件
// cnpm i
//引入sdk
const AlipaySdk = require('alipay-sdk').default;
const alipaySdk = new AlipaySdk({
//AppId
appId: 'AppId',
//签名算法
signType: 'RSA2',
//支付宝网关
gateway: 'https://openapi.alipaydev.com/gateway.do',
//支付宝公钥
alipayPublicKey:"系统应用 非java公钥 '',
//应用私钥
privateKey: ''系统应用 非java私钥"
});
module.exports = alipaySdk;
注意，这个应用公钥 和私钥 ，是公钥模式，点查看，让你选择java或非java 下面那两个，不要选择错了
node.js 中，路由模块引入，按自己写的那个页面引入就行
下载 npm install jsonwebtoken
2. 引入 require(‘jsonwebtoken’);
3. 生成token语法 jwt.sign( 用户信息 , 口令 , 过期时间)
4. 解析token jwt.decode(token);
下载 对接支付宝的sdk
cnpm i alipay-sdk -S
下载 axios
cnpm i axios -S
//引入支付宝配置文件
const alipaySdk = require('../db/alipay');
const AlipayFormData = require('alipay-sdk/lib/form').default;
// 引入token包
let jwt = require('jsonwebtoken')
//引入axiso
const axios = require('axios');
router.get('/', function (req, res, next) {
res.render('index', { title: 'Express' });
});
//发起支付
router.post('/api/payment',function(req,res,next){
//订单号
let orderId = req.body.orderId;
//商品总价
let price = req.body.price;
//购买商品的名称
let name = req.body.name;
//开始对接支付宝API
const formData = new AlipayFormData();
// 调用 setMethod 并传入 get，会返回可以跳转到支付页面的 url
formData.setMethod('get');
//支付时信息
formData.addField('bizContent', {
outTradeNo: orderId,//订单号
productCode: 'FAST_INSTANT_TRADE_PAY',//写死的
totalAmount: price,//价格
subject: name,//商品名称
});
//支付成功或者失败跳转的链接
formData.addField('returnUrl', 'http://localhost:8080/payment');
//返回promise
const result = alipaySdk.exec(
'alipay.trade.page.pay',
{},
{ formData: formData },
);
//对接支付宝成功，支付宝方返回的数据
result.then(resp=>{
res.send({
data:{
code:200,
success:true,
msg:'支付中',
paymentUrl : resp
}
})
})
})
注意，我里面加了token，不需要的话，删了那个token代码就行，还需注意以上的sql语句查询，按自己数据表查
vue2中，使用如下
下载 qs （加密传输，自行百度）qs是增加安全性的序列化 比JSON.stringify安全系数高
cnpm i qs -S
<div class="order-topay" @click="goPayment">提交订单</div>
export default {
data() {
return {
// 收货地址数据
path: {},
// 选中的商品
item: [],
// 总价
total: {
price: 0,
num: 0,
},
}
},
goPayment(){
// 声明一个新数组，存放商品名称
let newArr = []
// 循环遍历，生成订单的商品数据，拿到其名称
this.goodsList.forEach((v) => {
newArr.push(v.goods_name)
})
// 支付 传递的参数
let dataOrder = {
// 订单号
orderId: this.order_id,
// 商品名称 join('')解析为字符串
name: newArr.join(''),
// 总价格
price: this.total.price,
}
if (res.success) {
//去支付
http
.$axios({
url: '/api/payment',
method: 'post',
headers: {
token: true,
// 接口文档给的，固定的不变
'Content-Type': 'application/x-www-form-urlencoded',
},
//qs是增加安全性的序列化
data: qs.stringify(dataOrder),
})
.then((res) => {
// res 后台返回的支付链接，前端打开这个链接就可以了
if (res.success) {
console.log(res)
// 打开支付宝的，支付页面
window.location.href = res.paymentUrl
}
})
}
}
}
goodsList是商品数据，换成自己的商品数据，token没有就删掉，name商品名称，从商品数据中拿到的，需要join解析一下，最后前端拿到后端返回的支付链接，直接打开就行了文章来源：https://www.toymoban.com/news/detail-447476.html
支付操作（一定是要用无痕浏览，打开项目，不然根本跑不起来）
支付宝定的，无痕浏览，沙箱操作，没周日12:00-周一12:00，维护期间，不要使用，用了也打不开
打开自己的沙箱账号，买家信息，下图填入买家账号，输入沙箱账号的密码111111，点下一步就行了
直接点立即支付就行了，真希望余额有这么多
圆满结束，自己的跑不起来我也没办法，我也是跟着网上学的，至少我这个还是比较全的文章来源地址https://www.toymoban.com/news/detail-447476.html
到了这里，关于支付宝，对接沙箱支付（vue2+node.js）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
