Java如何利用沙箱支付实现电脑扫码支付

这篇文章将为大家详细讲解有关Java如何利用沙箱支付实现电脑扫码支付，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

一、准备工作

注册支付宝开放平台账号，成为开发者。

地址：https://open.alipay.com/platform/home.htm

进入沙箱，进行配置。

我们可以看到这个界面

后面需要使用的参数

• APPID

• 商户私钥（使用系统默认密钥的公钥模式，点击查看获取）

• 支付宝公钥

• 支付宝网关

手机上下载沙箱支付宝 （到时候支付用这个支付宝支付）

下载好支付宝沙箱版后，登录支付宝提供的账号

二、效果展示

随手写的一个前台vue界面

进入确定订单界面，可以添加商品描述

跳转支付界面，利用沙箱支付宝完成支付

完成支付

跳回自己设置的界面

三、实现代码

3.1 后台代码

（我这里利用的是SpringBoot集成的SSM,当然不使用SpringBoot也可以）

3.1.1 pom.xml文件

不用全部的，重点是 ：支付宝sdk包、fastjson

<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">    <modelVersion>4.0.0</modelVersion>    <groupId>com.zking</groupId>    <artifactId>springboot02</artifactId>    <version>0.0.1-SNAPSHOT</version>    <name>springboot02</name>    <description>Demo project for Spring Boot</description>    <properties>        <java.version>1.8</java.version>        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>        <spring-boot.version>2.1.18.RELEASE</spring-boot.version>    </properties>    <dependencies>        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-jdbc</artifactId>        </dependency>        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-web</artifactId>        </dependency>        <dependency>            <groupId>org.mybatis.spring.boot</groupId>            <artifactId>mybatis-spring-boot-starter</artifactId>            <version>2.1.4</version>        </dependency>        <dependency>            <groupId>mysql</groupId>            <artifactId>mysql-connector-java</artifactId>            <version>5.1.44</version>            <scope>runtime</scope>        </dependency>        <dependency>            <groupId>org.projectlombok</groupId>            <artifactId>lombok</artifactId>            <optional>true</optional>        </dependency>        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-test</artifactId>            <scope>test</scope>        </dependency>        <dependency>            <groupId>org.junit.jupiter</groupId>            <artifactId>junit-jupiter</artifactId>            <version>RELEASE</version>            <scope>test</scope>        </dependency>        <dependency>            <groupId>com.github.pagehelper</groupId>            <artifactId>pagehelper-spring-boot-starter</artifactId>            <version>1.4.1</version>        </dependency>        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-aop</artifactId>            <version>2.6.2</version>        </dependency><!-- 支付宝sdk包 -->        <dependency>            <groupId>com.alipay.sdk</groupId>            <artifactId>alipay-sdk-java</artifactId>            <version>3.1.0</version>        </dependency>        <!-- fastjson -->        <dependency>            <groupId>com.alibaba</groupId>            <artifactId>fastjson</artifactId>            <version>1.2.48</version>        </dependency>        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-data-redis</artifactId>        </dependency>        <!-- https://mvnrepository.com/artifact/com.alibaba/druid -->        <dependency>            <groupId>com.alibaba</groupId>            <artifactId>druid</artifactId>            <version>1.2.6</version>        </dependency>        <!-- https://mvnrepository.com/artifact/log4j/log4j -->        <dependency>            <groupId>log4j</groupId>            <artifactId>log4j</artifactId>            <version>1.2.17</version>        </dependency>    </dependencies>    <dependencyManagement>        <dependencies>            <dependency>                <groupId>org.springframework.boot</groupId>                <artifactId>spring-boot-dependencies</artifactId>                <version>${spring-boot.version}</version>                <type>pom</type>                <scope>import</scope>            </dependency>        </dependencies>    </dependencyManagement>    <build>        <plugins>            <plugin>                <groupId>org.apache.maven.plugins</groupId>                <artifactId>maven-compiler-plugin</artifactId>                <version>3.8.1</version>                <configuration>                    <source>1.8</source>                    <target>1.8</target>                    <encoding>UTF-8</encoding>                </configuration>            </plugin>            <!-- mvn mybatis-generator:generate -->            <plugin>                <groupId>org.mybatis.generator</groupId>                <artifactId>mybatis-generator-maven-plugin</artifactId>                <version>1.3.2</version>                <configuration>                    <verbose>true</verbose>                    <overwrite>true</overwrite>                    <!--配置文件的位置-->                    <configurationFile>class="lazy" data-src/main/resources/generatorConfig.xml</configurationFile>                </configuration>            </plugin>            <plugin>                <groupId>org.springframework.boot</groupId>                <artifactId>spring-boot-maven-plugin</artifactId>                <version>2.1.18.RELEASE</version>                <configuration>                    <mainClass>com.zking.springboot02.Springboot02Application</mainClass>                </configuration>                <executions>                    <execution>                        <id>repackage</id>                        <goals>                            <goal>repackage</goal>                        </goals>                    </execution>                </executions>            </plugin>        </plugins>    </build></project>

3.1.2 model包

package com.zking.springboot02.model;import lombok.Data;@Datapublic class AlipayBean {    private static final long serialVersionUID = 1L;        private String out_trade_no;        private String subject;        private String total_amount;        private String body;        private String timeout_express= "10m";        private String product_code= "FAST_INSTANT_TRADE_PAY";    public String getOut_trade_no() {        return out_trade_no;    }    public void setOut_trade_no(String out_trade_no) {        this.out_trade_no = out_trade_no;    }    public String getSubject() {        return subject;    }    public void setSubject(String subject) {        this.subject = subject;    }    public String getTotal_amount() {        return total_amount;    }    public void setTotal_amount(String total_amount) {        this.total_amount = total_amount;    }    public String getBody() {        return body;    }    public void setBody(String body) {        this.body = body;    }}

3.1.3 utils包AlipayConfig类

（请配置好该类,防止报错）

1. appId：APPID,沙箱应用提供的

2. privateKey: 商户私钥,点击公钥证书查看

3. returnUrl : 支付完成后跳转的页面，例如我填的是：http://localhost:8088/

package com.zking.springboot02.utils;import lombok.Data;import org.springframework.context.annotation.Configuration;import org.springframework.context.annotation.PropertySource;import org.springframework.stereotype.Component;@Configuration@Data@Componentpublic class AlipayConfig {        private String appId = "";        private String privateKey = "";        private String publicKey = "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAyqAN9WzWigim0/3fBK97RFZ7Juu31+DfXMVHTHSTP+4WPvr80zTiIQmT9xTFVGBgD8BBX0XELxqLQxsYQm/MgEgccHTnCKPP7Ci979YuwZyjOysdTc6BNO/6RqPZruih7wSYDJNuJUgY/hwuWi+owUDbHL7NvZ8r/TaIJvEzzhJVrTMsIBQBe66LRE7gE2avwEV8Qck9e4yexsDUD7ja1+2T1ltfHAP2u/SBOD+7PkkPgVkINPDHt4bXZ9DIhPhosiw8IidEEniXj/Ku1wtgETll/btJljhhXq98JHBlw94+yx+BQ+9s2S2CjXkxfdZDB9s+jFy80e6UIV76xxfB0QIDAQAB";        private String notifyUrl = "https://www.duan33f.top";        private String returnUrl = "";        private String signType = "RSA2";        private String charset = "utf-8";        private String gatewayUrl = "https://openapi.alipaydev.com/gateway.do";        private String logPath = "C:\\";}

Alipay类

package com.zking.springboot02.utils;import com.alibaba.fastjson.JSON;import com.alipay.api.AlipayApiException;import com.alipay.api.AlipayClient;import com.alipay.api.DefaultAlipayClient;import com.alipay.api.request.AlipayTradePagePayRequest;import com.zking.springboot02.model.AlipayBean;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Component;import javax.annotation.Resource;@Componentpublic class Alipay {    @Autowired    private AlipayConfig alipayConfig;        public String pay(AlipayBean alipayBean) throws AlipayApiException {        // 1、获得初始化的AlipayClient        String serverUrl = alipayConfig.getGatewayUrl();        String appId = alipayConfig.getAppId();        String privateKey = alipayConfig.getPrivateKey();        String format = "json";        String charset = alipayConfig.getCharset();        String alipayPublicKey = alipayConfig.getPublicKey();        String signType = alipayConfig.getSignType();        String returnUrl = alipayConfig.getReturnUrl();        String notifyUrl = alipayConfig.getNotifyUrl();        //System.out.println(appId);        AlipayClient alipayClient = new DefaultAlipayClient(serverUrl, appId, privateKey, format, charset, alipayPublicKey, signType);        // 2、设置请求参数        AlipayTradePagePayRequest alipayRequest = new AlipayTradePagePayRequest();        // 页面跳转同步通知页面路径        alipayRequest.setReturnUrl(returnUrl);        // 服务器异步通知页面路径        alipayRequest.setNotifyUrl(notifyUrl);        // 封装参数        alipayRequest.setBizContent(JSON.toJSONString(alipayBean));        // 3、请求支付宝进行付款，并获取支付结果        String result = alipayClient.pageExecute(alipayRequest).getBody();        // 返回付款信息        return result;    }}

3.1.4 Service包

PayService接口

package com.zking.springboot02.service;import com.alipay.api.AlipayApiException;import com.zking.springboot02.model.AlipayBean;public interface PayService {        String aliPay(AlipayBean alipayBean) throws AlipayApiException;}

PayServiceImpl类

package com.zking.springboot02.service.impl;import com.alipay.api.AlipayApiException;import com.zking.springboot02.model.AlipayBean;import com.zking.springboot02.service.PayService;import com.zking.springboot02.utils.Alipay;import org.springframework.stereotype.Service;import javax.annotation.Resource;@Servicepublic class PayServiceImpl implements PayService {    @Resource    private Alipay alipay;    @Override    public String aliPay(AlipayBean alipayBean) throws AlipayApiException {        return alipay.pay(alipayBean);    }}

3.1.5 contorller包

payController类

package com.zking.springboot02.contorller;import com.alipay.api.AlipayApiException;import com.zking.springboot02.model.AlipayBean;import com.zking.springboot02.service.PayService;import org.springframework.web.bind.annotation.CrossOrigin;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;import javax.annotation.Resource;import java.util.HashMap;import java.util.Map;@RestController@RequestMapping("/pay")@CrossOriginpublic class PayController {    @Resource    private PayService payService;        @PostMapping("/alipay")    public Map alipay(AlipayBean alipayBean) throws AlipayApiException {        System.out.println(alipayBean);        Map<String,Object> map = new HashMap<String,Object>();        String str = payService.aliPay(alipayBean);        System.out.println(str);        map.put("msg",str);        map.put("code",0);//        return map;    }}

3.1.6 application.yml文件

server:  port: 8080 #端口号  servlet:    context-path: /s02 #项目名

3.2 前台代码

（前台是利用脚手架搭建的Vue项目）

3.2.1 class="lazy" data-src下api包下action.js文件

export default {//服务器'SERVER': 'http://localhost:8080/s02',   'alipay' : 'http://localhost:8080/s02/pay/alipay',//获得请求的完整地址，用于mockjs测试时使用'getFullPath': k => {return this.SERVER + this[k];}}

3.2.2 class="lazy" data-src下api包下http.js文件

import axios from 'axios'import qs from 'qs'//引入action模块，并添加至axios的类属性urls上import action from '@/api/action'axios.urls = action// axios默认配置axios.defaults.timeout = 10000; // 超时时间// axios.defaults.baseURL = 'http://localhost:8080/crm'; // 默认地址axios.defaults.baseURL = action.SERVER;//整理数据// 只适用于 POST,PUT,PATCH，transformRequest` 允许在向服务器发送前，修改请求数据axios.defaults.transformRequest = function(data) {data = qs.stringify(data);return data;};// 请求拦截器axios.interceptors.request.use(function(config) {// let jwt = sessionStorage.getItem('jwt');// if (jwt) {// config.headers['jwt'] = jwt;// }return config;}, function(error) {return Promise.reject(error);});// 响应拦截器axios.interceptors.response.use(function(response) {return response;}, function(error) {return Promise.reject(error);});export default axios;

3.2.3 class="lazy" data-src下router下index.js文件

import Vue from 'vue'import Router from 'vue-router'import Shop from '@/views/Shop'import buy from '@/views/buy'Vue.use(Router)export default new Router({  routes: [    {      path: '/',      name: 'Shop',      component: Shop    },    {      path: '/buy',      name: 'buy',      component: buy    }  ]})

3.2.4 class="lazy" data-src下views下Shop.vue文件

<template>  <el-table :data="tableData" >    <el-table-column prop="out_trade_no" label="编号">    </el-table-column>    <el-table-column prop="subject" label="订单名称" >    </el-table-column>    <el-table-column prop="total_amount" label="付款金额">    </el-table-column>    <el-table-column  label="操作">        <template slot-scope="scope">          <el-button @click="toBuy(scope.row)" type="text" size="small">去支付</el-button>        </template>    </el-table-column>  </el-table></template><script>  export default {    name: "Shop",    data: function() {      return {        tableData: [{          out_trade_no: '101',          subject: 'Java从入门到入土',          total_amount: 33        }, {          out_trade_no: '202',          subject: 'Mysql删库跑路指南',          total_amount: 44        }, {          out_trade_no: '303',          subject: 'Java编程思想',          total_amount: 89        }, {          out_trade_no: '404',          subject: 'Java设计模式',          total_amount: 56        }]      };    },    methods: {      toBuy(row){        console.log(row);        //利用$router.push进行跳转        this.$router.push({          //path后面跟跳转的路由地址          path: '/buy',          //name后面跟跳转的路由名字（必须有亲测，不使用命名路由会传参失败）          name: 'buy',          params: {            //imgsListsUrl2是自己定义的名字，this.imgsListsUrl是要被传递的值            payInfo: row          }        })      }    },    created: function() {    }  }</script><style></style>

3.2.5 class="lazy" data-src下views下buy.vue文件

<template>  <div class="main">    <center>      <div class="box">        <h3>确定订单</h3>        <el-form :model="payInfo" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">          <el-form-item label="订单号" prop="out_trade_no">            <el-input v-model="payInfo.out_trade_no" readonly="true"></el-input>          </el-form-item>          <el-form-item label="商品名称" prop="subject">            <el-input v-model="payInfo.subject" readonly="true"></el-input>          </el-form-item>          <el-form-item label="商品价格" prop="total_amount">            <el-input v-model="payInfo.total_amount" readonly="true"></el-input>          </el-form-item>          <el-form-item label="商品描述" prop="body">            <el-input v-model="payInfo.body"></el-input>          </el-form-item>          <el-button type="primary" plain @click="submit"  round>付款</el-button>        </el-form>      </div>    </center>  </div></template><script>  //import axios from 'axios'  export default {    name: "buy",    data() {      return {        payInfo: {          out_trade_no: '',          subject: '',          total_amount: null,          body: ''        }      }    },    mounted() {          //this.$route.params.imgsListsUrl2是传过来的参数      var time = new Date();      this.payInfo = this.$route.params.payInfo      this.payInfo.out_trade_no = time.getTime();    },    methods: {      submit() {               var url = this.axios.urls.alipay;//得到api下action.js中的alipay        this.axios.post(url, this.payInfo).then(resp => {//调用后台方法          console.log(resp);          const divForm = document.getElementsByTagName('div')          if (divForm.length) {            document.body.removeChild(divForm[0])          }          const div = document.createElement('div')          div.innerHTML = resp.data.msg // data就是接口返回的form 表单字符串          document.body.appendChild(div)          document.forms[0].setAttribute('target', '_blank') // 新开窗口跳转          document.forms[0].submit()        }).catch(resp => {          console.log(resp);        });      }    }  }</script><style scoped>  .box {    width: 800px;  }  .left {    width: 85px;    padding-top: 5px;    font-size: 15px;  }  .right {    width: 400px;  }</style>

3.2.6 class="lazy" data-src下main.js文件

import Vue from 'vue'import ElementUI from 'element-ui' //新添加1import 'element-ui/lib/theme-chalk/index.css' //新添加2，避免后期打包样式不同，要放在import App from './App';之前import axios from '@/api/http'             //vue项目对axios的全局配置import App from './App'import router from './router'import VueAxios from 'vue-axios' Vue.use(VueAxios,axios)Vue.use(ElementUI)   //新添加3Vue.config.productionTip = falsenew Vue({  el: '#app',  router,  components: { App },  template: '<App/>'})

OK,重要的代码已经完全提供了。

关于“Java如何利用沙箱支付实现电脑扫码支付”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。