SpringBoot+支付宝支付(沙箱)

开发前准备

easy支付官方文档:

工具 | 网页&移动应用

通用版文档:

通用版 | 网页&移动应用

有基础的可以直接看文档自己搭建,官方文档写的很详细。

支付宝沙箱配置

1、注册支付宝开发者账户,进入开发者控制台

(有支付宝账户的直接支付宝扫码登入即可)

支付宝开放平台

 

https://auth.alipay.com/login(这个直接登入到控制台)

07218ac6e4ec47edbb72277bbb02ef94.png

 

沙箱快捷入口

登录 - 支付宝

2、进入沙箱

4e5d962ccdc542f2806f2d41b788ff5b.png

 

 

沙箱界面

5baa0aa16e894715b7d63ad16f451b84.png

 

 

3、下载支付宝开放平台开发助手,生成应用公钥和应用私钥(重点)

开发助手下载地址: 生成密钥 | 开放平台

载后直接安装,打开后直接生成秘钥,生成秘钥后电脑会有两个文件,分别保存有应用公钥和应用私钥

注:安装路径不要有中文,不要有空格

7b73dc24ef1c4bce8a4ede47ed2aadcf.png

 

 

双击安装下载好的开发助手

点击生成秘钥,选择PKCS8(JAVA适用)

ad28d301f5e34c679b569c95fa5a7f45.png

 

4、配置支付宝沙箱公钥

将应用公钥复制下来,然后到沙箱应用中配置生成支付宝公钥

bc62941da64b445cae073b9fb6f4065a.png

0cfa62fee7b24b2284123eaae5b5015e.png

 

5、沙箱账号说明

  • 商家

    用于收款的一方

  • 买家

    付款的一方,建议沙箱客户端登入该账号

沙箱环境支付,只能使用这两个账号实现支付功能。

bbdf8d5abea34c1bbed3138ffb6551bd.png

 

 

6、沙箱工具

客户端用于手机端支付唤醒支付宝进行支付,以及网页端二维码支付时手机扫码支付

70386ab4c9254ba093bafe58cd02f8db.png

 

SpringBoot中配置

1、导入依赖

alipay-sdk 完整版 (支持中文的subject)

<dependency>
   <groupId>com.alipay.sdk</groupId>
   <artifactId>alipay-sdk-java</artifactId>
   <version>4.22.110.ALL</version>
</dependency>

遇到的坑:

alipay-easysdk版不支持中文的subject

2、AliPayConfig配置类

public class AliPayConfig {
    // 应用ID,APPID,收款账号既是APPID对应支付宝账号
    public static String app_id = "2021000120617096";
    // 商户私钥,PKCS8格式RSA2私钥  刚刚生成的私钥直接复制填写
    public static String merchant_private_key ="";
    // 支付宝公钥,对应APPID下的支付宝公钥,别填成商户公钥
    public static String alipay_public_key ="";
    // 服务器异步通知页面路径  需http://格式的完整路径,其实就是支付完成后返回的页面URL
//    public static String notify_url = neturl+"/alipay/notify_url";
    public static String notify_url ="";
    // 页面跳转同步通知页面路径 需http://格式的完整路径,其实就是你的一个支付完成后返回的页面URL
//    public static String return_url = neturl+"/alipay/return_url";
    public static String return_url ="";
    // 签名方式
    public static String sign_type = "RSA2";
    // 字符编码格式
    public static String charset = "utf-8";
    // 支付宝网关
    public static String gatewayUrl = "https://openapi.alipaydev.com/gateway.do";
}

3、AliPayBean

@Data
public class AlipayBean implements Serializable {
​
    /**
     * 商户订单号
     */
    private String out_trade_no;
​
    /**
     * 订单名称
     */
    private String subject;
​
    /**
     * 付款金额
     */
    private String total_amount;
​
    /**
     * 商品描述
     */
    private String body;
​
    /**
     * 产品编号,支付方式不同,传的数据不同
     */
    //如果是PC网页支付,这个是必传参数
    private String product_code = "FAST_INSTANT_TRADE_PAY";
    //如果是扫码支付,这个是选传参数
    //private String product_code = "FACE_TO_FACE_PAYMENT";
}

4、AliPayController

​
@Controller
@Slf4j
@RequestMapping("/payment")
public class AlipayController extends BaseController{
    @Autowired
    private OrdersService ordersService;
​
    @SneakyThrows
    @RequestMapping("/pay")
    @ResponseBody
    

手机版的支付宝支付跳转(会跳转到app)

 public void aliPay() {
        AlipayClient alipayClient = new DefaultAlipayClient(AliPayConfig.gatewayUrl, AliPayConfig.app_id, AliPayConfig.merchant_private_key, "json", AliPayConfig.charset, AliPayConfig.alipay_public_key, AliPayConfig.sign_type);
        AlipayTradeWapPayRequest request = new AlipayTradeWapPayRequest();
        request.setNotifyUrl(AliPayConfig.notify_url);
        request.setReturnUrl(AliPayConfig.return_url);
        JSONObject bizContent = new JSONObject();
        bizContent.put("out_trade_no","111111");
        bizContent.put("total_amount", "0,01");
        bizContent.put("subject", "a");
        bizContent.put("product_code", "QUICK_WAP_WAY");
        bizContent.put("time_expire", LocalDateTime.now().plusMinutes(30));
//
        request.setBizContent(bizContent.toString());
//        AlipayTradeWapPayResponse response = alipayClient.pageExecute(request);
        String result = null;
        try {
            result = alipayClient.pageExecute(request).getBody();
        } catch (AlipayApiException e) {
            e.printStackTrace();
        }
        log.info("返回结果={}",result);
    }
}

Web版的支付宝扫码支付

@SneakyThrows
    @RequestMapping("/pay")
    @ResponseBody
    public void aliPay() {
        //获得初始化的AlipayClient
        AlipayClient alipayClient = new DefaultAlipayClient(AliPayConfig.gatewayUrl, AliPayConfig.app_id, AliPayConfig.merchant_private_key, "json", AliPayConfig.charset, AliPayConfig.alipay_public_key, AliPayConfig.sign_type);
        //设置请求参数
        AlipayTradePagePayRequest aliPayRequest = new AlipayTradePagePayRequest();
        //商户订单号,,必填
        String order_number = new String("1111123");
        //付款金额,从前台获取,必填
        String total_amount = new String("201314");
        //订单名称,必填
        String subject = new String("NewBoy");
        aliPayRequest.setBizContent("{\"out_trade_no\":\"" + order_number + "\","
                + "\"total_amount\":\"" + total_amount + "\","
                + "\"subject\":\"" + subject + "\","
                + "\"product_code\":\"FAST_INSTANT_TRADE_PAY\"}");
        //请求
        String result = null;
        try {
            result = alipayClient.pageExecute(aliPayRequest).getBody();
        } catch (AlipayApiException e) {
            e.printStackTrace();
        }
        //输出
        log.info("返回结果={}",result);
    }

5、WebMvcConfig放行payment

  @Override
    protected void addInterceptors(InterceptorRegistry registry) {
        log.info("加载了用户权限拦截器");
        //不拦截的地址
        List<String> urls = Arrays.asList(new String[]{
                "/employee/login",
                "/employee/logout",
                "/backend/**",
                "/front/**",
                "/common/**",
                "/user/sendMsg",
                "/user/login",
                "/swagger-ui.html/**",
                "/payment/**"
        });
        registry.addInterceptor(new CheckLoginInterceptor()).addPathPatterns("/**").excludePathPatterns(urls);
    }

6.支付阶段测试

postman请求支付接口

c63ba577d64f4ba4acdcff751f77f2a3.png

 

控制台打印以下内容代表成功

a2ad21029cb54fc09fc91542224f7f03.png

点击链接跳转到该页面(有些直接跳转会出现验签错误)

b880ea55f4fc45fca63b9cf96634e58c.png

 

7、支付成功回调方法(AliPayController)

@Controller
@Slf4j
@RequestMapping("/payment")
public class AlipayController extends BaseController{
    @SneakyThrows
    @RequestMapping(value = "/notify",method = {RequestMethod.GET,RequestMethod.HEAD,RequestMethod.POST})  // 注意这里必须是POST接口
    @ResponseBody
    public void payNotify() {
        if (request.getParameter("trade_status").equals("TRADE_SUCCESS")) {
            System.out.println("=========支付宝异步回调========");
​
            Map<String, String> params = new HashMap<>();
            Map<String, String[]> requestParams = request.getParameterMap();
            for (String name : requestParams.keySet()) {
                params.put(name, request.getParameter(name));
                // System.out.println(name + " = " + request.getParameter(name));
            }
            String tradeNo = params.get("out_trade_no");
            String gmtPayment = params.get("gmt_payment");
            String alipayTradeNo = params.get("trade_no");
                System.out.println("交易名称: " + params.get("subject"));
                System.out.println("交易状态: " + params.get("trade_status"));
                System.out.println("支付宝交易凭证号: " + params.get("trade_no"));
                System.out.println("商户订单号: " + params.get("out_trade_no"));
                System.out.println("交易金额: " + params.get("total_amount"));
                System.out.println("买家在支付宝唯一id: " + params.get("buyer_id"));
                System.out.println("买家付款时间: " + params.get("gmt_payment"));
                System.out.println("买家付款金额: " + params.get("buyer_pay_amount"));
                // 更新订单为已支付(4)
        }
    }
}
​

8、沙箱配置回调网关

a3e67be7671e408ba42600b8b7713b07.png

15a2db4da0af42dd9a349fb0dd326274.png

 

 

内网穿透

简单来说内网穿透:让外网能访问你本地的应用,例如在外网打开你本地http://127.0.0.1的指向Web站点。

内网穿透工具:花生壳(收费)、Natapp(免费)

9e2c79df4f694a918b8d44adbd68ed5b.png

 

 

Natapp注册

在这里我们使用一个免费的内网穿透工具:Natapp:NATAPP官网

在这里有详细教程:一分钟的natapp快速新手教程,在文档中已经提供

  1. 首先注册一个用户,要提供手机号

    33ecee0818934c74b3d7c60efd3a83d2.png

     

  2. 购买隧道,如果是免费隧道,需要进行实名认证和支付宝认证。

    ee5a8cefeaca48eaa4208d4b42751fd5.png

     

  3. 购买一个免费隧道

    f377519f658b41b1a5b9d371a96eb83b.png

     

     

  4. 后期还可以在"我的隧道"中修改

    35758f2635f1405783abccec45a71647.png

     

natapp的使用

  1. 在这里复制authtoken,在natapp中配置的时候需要用到

58676c0538a7405bb433db75452841d9.png

 

  1. 找到natapp目录下的config.ini文件,把其中的authtoken改成上面的值

ea240709ae81437c8ad53d99bee78ca3.png

 

  1. 运行natapp,生成外网随机访问的地址。注:免费的生成地址不稳定,半小时可能会变了。

27a8aa5dcedd46e0a99bc3511ef50f38.png

 

 

注:支付成功回调地址就是上面的外网域名加上你的接口方法地址

例如:http://fzkvax.natappfree.cc/payment/notify

 

 

 

 

 

  • 6
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
以下是一个简单的Spring Boot和Vue.js应用程序中的支付宝沙箱支付代码示例: 在Spring Boot项目中: 1. 添加以下依赖: ``` <dependency> <groupId>com.alipay.sdk</groupId> <artifactId>alipay-sdk-java</artifactId> <version>4.3.0.ALL</version> </dependency> ``` 2. 创建一个包含支付宝配置信息的类,例如: ``` @Configuration public class AlipayConfig { private String appId; private String privateKey; private String publicKey; private String notifyUrl; private String returnUrl; private String gatewayUrl; // getters and setters } ``` 3. 创建一个返回AlipayClient的方法: ``` @Bean public AlipayClient getAlipayClient() { return new DefaultAlipayClient( alipayConfig.getGatewayUrl(), alipayConfig.getAppId(), alipayConfig.getPrivateKey(), "json", "UTF-8", alipayConfig.getPublicKey(), "RSA2" ); } ``` 4. 在控制器中创建支付接口,例如: ``` @Autowired private AlipayClient alipayClient; @Autowired private AlipayConfig alipayConfig; @PostMapping("/pay") public String pay(@RequestParam String orderNo, @RequestParam String amount) throws AlipayApiException { AlipayTradePagePayRequest alipayRequest = new AlipayTradePagePayRequest(); alipayRequest.setReturnUrl(alipayConfig.getReturnUrl()); alipayRequest.setNotifyUrl(alipayConfig.getNotifyUrl()); alipayRequest.setBizContent("{\"out_trade_no\":\"" + orderNo + "\"," + "\"total_amount\":\"" + amount + "\"," + "\"subject\":\"" + "测试订单" + "\"," + "\"body\":\"" + "测试订单" + "\"," + "\"product_code\":\"FAST_INSTANT_TRADE_PAY\"}"); String form = alipayClient.pageExecute(alipayRequest).getBody(); return form; } ``` 在Vue.js中: 1. 创建一个按钮来启动支付流程: ``` <template> <div> <button @click="pay">Pay Now</button> </div> </template> ``` 2. 在脚本部分中创建一个调用支付接口的方法: ``` <script> export default { methods: { pay() { axios.post('/api/pay', { orderNo: '123456', amount: '0.01' }) .then(response => { let form = response.data; document.write(form); // 打开支付页面 }) .catch(error => { console.log(error); }); } } } </script> ``` 请注意,以上示例只适用于测试环境,如果您想在生产环境中使用支付宝支付,您需要进行更多的测试和配置。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

肉蟹宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值