NodeJS+Vue完成支付宝支付(沙箱)残缺流程 - 职贝云数AI新零售门户

<template>
<div class=&#34;home&#34;>
<button @click=&#34;goPay&#34;>点击跳转支付</button>
</div>
</template>
<script>
export default {
name: &#39;Home&#39;,
data(){
return {
data:{}
}
},
methods: {
goPay() {
let data = {
orderId: &#39;fffehrwiyrewy43434228758475&#39; //随机生成独一的就行了这个本人找吧
}
var instance = this.$axios.create({headers: {&#39;content-type&#39;: &#39;application/x-www-form-urlencoded&#39;}});
// 代理到 http://localhost:3000/api/pcpay
instance.post(`http://localhost:3000/api/pcpay`, this.$qs.stringify(data)).then(res =>{
this.data=res;
window.open(res.data.result)
});
}
}
}
</script>

复制代码

const AlipaySdk = require(&#39;alipay-sdk&#39;).default; // 引入 SDK
const alipaySdk = new AlipaySdk({
appId: &#39;2021000117615613&#39;, // 开放平台上创建运用时生成的 appId
signType: &#39;RSA2&#39;, // 签名算法,默许 RSA2
gateway: &#39;https://openapi.alipaydev.com/gateway.do&#39;, // 支付宝网关地址，沙箱环境下运用时需求修正
alipayPublicKey: &#39;MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAspl4t/OIOQK4xfJ/WAQX+jeXCZ3KQsAVLVeL2m2ukza9OA1wtbGzjT6Zqn1zpGKWPgCxHcs/UZvcsBWjxaG6oAV7ULPyAjowt74kb5/5293GkN2bein3TAsrkg3PvCd4JwKjBACsIwbHBIx6E0B0+H6z2XsIeJkd2oTCHIlx59djAMzisF9+JxQgjPn6SnA5pttgyL+O4bYezwP3qnzPa60wiN1qEBbUE8SgJSyaT1PAAwlOdBkxx3ZlJ3tC0ppAowrmIYTgOWE13PI+AYQkRoecKCWekknxaHo4NCDx2LYi2wk0XzTC6J9aiOt49iEynP8k8SAGAl0ykbImR7CxBwIDAQAB&#39;, // 支付宝公钥，需求对结果验签时分必填
privateKey: &#39;MIIEpAIBAAKCAQEAlKemLqcQzhNpGgTzjQo8x5XikzFD9ggYPko5klgNYXCZVsEK9mXCbmX8a1VAMJDscDPLCLCWhW080rNhDStBFc0bXasEC7yEu1gBwf9aVqszpTrneIbUjtKYWoT0UpWtR2P17vwlf8nsQhjWUPp29VOAZZABXqRr6zTi/ZJYkwjvCpkG+R4HZYKvTwYn5/i93zHP4HBEfzrq6aqlwJmNdOQIq1GfFa613zbRDMdzmeUiNTLM88rzuFUMMAIjcn3TQU8aj+LMC78GlgbObXGYz1DpIVMuhq9TCp9jH64K+0cG/9+phsD+rbUqT5g/i1tCXJF7cMxH5RovFyi1F7zaIQIDAQABAoIBAEimanwwX/Em4V26/8B1OWEdan8fO6SZLif7JInWCKwPWJFihNYIw24q36MhJd7WZQcs+NRFYTrSOUCMNCk4c3WRKQetFawatQ/OIgXKoz7qKrJcyFVKJ8WpPJY4liNqTSYvvzjN+BGtAI8JDmzDC7I33e9E4rZ7StbHoQvmIu2wVoVJWKmzx0rvNy5PD33suxOWa7f7mM9PBsJJ6McIprv0Z4Gcv95YvmjgL8J++AGyrx4qeB2BeXSAEg5k9Nx2Kje/Ff+nXnfgrnceN/fT93eUH8w301BBin72pR3+vIYPohPpZj3SB5KcKE9F8t/OZdssUHXzLW6LRcjQW13+bQECgYEA4Cbb90dfC0qW6b9QwAGIN0EN3rCo5a8/6xw5thQTCnlHx7r59Xm8dK5NdauGvxVz/n4mB7qE3eVXsG8Y0WL1DRV4S9fNdKERWI0W63/p6PdejXOJVkDl/R15p+eJvQTZRqAKPkasoObqmx4ETg+SrGTEebYcFRcGnNG5wkIpjxECgYEAqca3x0uotYHnUZ9K5V7dWON9VKc8av5/5vl3yRXZvfj4vf5NwXNm82qlfk2DR+HpZmZZrrVVJuOP/TQaWJhtDstM1qyH6J6AlPquNZKUuoyqjFYF4+CfkUbLA00FIvqr7xqIXAvcV4l9LJNZ6ioD9W3L6BxAMWJur6jvIICIuhECgYEAw2zdxn+xO7TyUiT8kApF6naLUyYOewIJ5j+biUWDPFR04ov/tadHSStWWUsMlbhsgusU2RQjFxsHEsophxSRtbCMSwOBGzf6WYvY+cVx+C0DgKvEhzDZ045JLLxPeD6r+Ek75QPVKgtpa4gGFNC6/hZ0vfCqFzEWEM9A9z6b4SECgYAmQSeB2ZNvKpEjvB/VJRX9BG1mGLStayEIu2d5QNoqSyJJNTbyAv3MlVgq6G5PUSEVOLS2gBdqxtXX+NiC4/2W2so6iO+qw6Q3bXC5k4i9rBp1uqBjI2bxBiGSYdVpd1AsdS8KhoWkl89DrwQQll0D/TR33X29Yu+L1yXijfPA8QKBgQDdbLO7ZOWOgB9zb80+N+OOJxgC5g4gum2dg/WvMO0riwH06/8C4QRdbOsHu8NiCALXzB1BUQyWnRPS4+QGY/gaZ7jhrL8bUkD5RFM7/cxKLhJTqjLoMcLoG4egYovJQGwAEBKu5LDBP+hnlqoDUGLhhJkPM9vVA92mPM00jqdaxQ==&#39;, // 运用私钥字符串
});
module.exports = alipaySdk;

复制代码

const express = require(&#39;express&#39;);
const router = express();
const alipaySdk = require(&#39;./util/alipayUtil&#39;);
const AlipayFormData = require(&#39;alipay-sdk/lib/form&#39;).default; // alipay.trade.page.pay 前往的内容为 Form 表单
const cors = require(&#39;cors&#39;)
router.use(express.json());
// 运用cors处理跨域成绩
router.use(cors());
router.use(express.urlencoded({ extended: true }));
router.post(&#39;/api/pcpay&#39;, (req, res) => {
let orderId=req.body.orderId
// * 添加购物车支付支付宝 */
// 调用 setMethod 并传入 get，会前往可以跳转到支付页面的 url
const formData = new AlipayFormData();
formData.setMethod(&#39;get&#39;);
// 经过 addField 添加参数
// 在用户支付完成之后，支付宝服务器会根据传入的 notify_url，以 POST 央求的方式将支付结果作为参数告诉到商户系统。
formData.addField(&#39;notifyUrl&#39;, &#39;https://www.xuexiluxian.cn&#39;); // 支付成功回调地址，必须为可以直接访问的地址，不能带参数
formData.addField(&#39;bizContent&#39;, {
outTradeNo: orderId, // 商户订单号,64个字符以内、可包含字母、数字、下划线,且不能反复
productCode: &#39;FAST_INSTANT_TRADE_PAY&#39;, // 销售产品码，与支付宝签约的产品码称号,仅支持FAST_INSTANT_TRADE_PAY
totalAmount: &#39;0.01&#39;, // 订单总金额，单位为元，准确到小数点后两位
subject: &#39;商品&#39;, // 订单标题
body: &#39;商品概况&#39;, // 订单描画
});
formData.addField(&#39;returnUrl&#39;, &#39;https://opendocs.alipay.com&#39;);//加在这里才有效果,不是加在bizContent 外面
// 假如需求支付后跳转到商户界面，可以添加属性&#34;returnUrl&#34;
const result = alipaySdk.exec( // result 为可以跳转到支付链接的 url
&#39;alipay.trade.page.pay&#39;, // 一致收单下单并支付页面接口
{}, // api 央求的参数（包含“公共央求参数”和“业务参数”）
{ formData: formData },
);
result.then((resp)=>{
res.send(
{
&#34;success&#34;: true,
&#34;message&#34;: &#34;success&#34;,
&#34;code&#34;: 200,
&#34;timestamp&#34;: (new Date()).getTime(),
&#34;result&#34;: resp
}
)
})
});

复制代码