草庐IT

SpringCloud(七) - 微信支付

xiaoqigui 2023-04-19 原文

1、开发文档

微信开发文档:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1


安全规范:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=4_3

1、签名算法
(签名校验工具)
签名生成的通用步骤如下:

第一步,设所有发送或者接收到的数据为集合M,将集合M内非空参数值的参数按照参数名ASCII码从小到大排序(字典序),使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串stringA。

特别注意以下重要规则:

◆ 参数名ASCII码从小到大排序(字典序);
◆ 如果参数的值为空不参与签名;
◆ 参数名区分大小写;
◆ 验证调用返回或微信主动通知签名时,传送的sign参数不参与签名,将生成的签名与该sign值作校验。
◆ 微信接口可能增加字段,验证签名时必须支持增加的扩展字段
第二步,在stringA最后拼接上key得到stringSignTemp字符串,并对stringSignTemp进行MD5运算,再将得到的字符串所有字符转换为大写,得到sign值signValue。 注意:密钥的长度为32个字节。

2、配置信息 和 工具类

2.1 核心配置文件

application.yml

#端口
server:
  port: 8096

#微信支付自定义配置参数
wechat:
  pay:
    app-id: xxxx # 公众账号ID
    mch-id: xxxx # 商户号ID
    mch-key: xxxxx # 商户密钥
    order-uri: https://api.mch.weixin.qq.com/pay/unifiedorder # 请求微信支付接口统一下单地址
    notify-uri: http://xxxxx.natappfree.cc/wxpay/notifyresult # 微信支付结果回调地址
    view-order-status-uri: https://api.mch.weixin.qq.com/pay/orderquery  #  查询订单状态地址

注意:其中的回调地址,需要内网穿透;

2.2 自定义配置类

/**
 * Created On : 3/11/2022.
 * <p>
 * Author : huayu
 * <p>
 * Description: 自定义配置类
 */
@Data
@Component
@ConfigurationProperties(prefix = "wechat.pay")
public class WechatPayConfig {

    /*
        公众账号ID
     */
    private String appId;


    /*
        商户号ID
     */
    private String mchId;

    /*
        商户密钥
     */
    private  String mchKey;

    /*
        请求微信支付接口统一下单地址
     */
    private String orderUri;

    /*
        微信支付结果回调地址
     */
    private String notifyUri;

    /*
        主动查询订单状态地址
     */
    private String viewOrderStatusUri;

}

2.3 常量类

/**
 * Created On : 3/11/2022.
 * <p>
 * Author : huayu
 * <p>
 * Description: 微信支付常量类
 */
public class WechatPayConstant {

    //系统交易订单号的浅醉标识符
    public static final String WECHAT_PAY_TRADE_ORDER_PREFIX ="kh";

    //系统格式化日期字符串,到秒
    public static final String WECHAT_PAY_TIME_PATTERN_ALL = "yyyyMMddHHmmss";

    //系统格式化日期字符串,到天
    public static final String WECHAT_PAY_TIME_PATTERN_DAY = "yyyyMMdd";

    //微信支付的交易类型:naive
    public static final String WECHAT_PAY_TRADE_NATIVE = "NATIVE";

    //微信支付的签名方式MD5
    public static final String WECHAT_PAY_SIGN_TYPE_MD5= "MD5";

    //微信支付的签名参数名
    public static final String WECHAT_PAY_FIELD_SIGN = "sign";

    //微信支付下单请求的字符集编码
    public static final String WECHAT_PAY_ENCODING_UTF8="UTF-8";

    //微信支付下单结果的成功状态码
    public static final String WECHAT_PAY_RESULT_SUCCESS = "SUCCESS";

    //微信支付结果异步回调的同步响应,成功
    public static final String WECHAT_PAY_NOTIFY_SUCCESS="<xml><return_code><![CDATA[SUCCESS]]></return_code><return_msg><![CDATA[OK]]></return_msg></xml>";

    //微信支付结果异步回调的同步响应,失败
    public static final String WECHAT_PAY_NOTIFY_FALL="<xml><return_code><![CDATA[FALL]]></return_code><return_msg><![CDATA[NOOK]]></return_msg></xml>";

    //订单查询 结果成功的状态码
    public static final String WECHAT_PAY_VIEW_ORDER_STATUS_SUCCESS = "SUCCESS";

}

2.4 工具类

WechatPayUtil 和 WechatPayXmlUtil :https://www.cnblogs.com/xiaoqigui/p/16855921.html

HttpClient4Util http请求工具类:https://www.cnblogs.com/xiaoqigui/p/16839536.html

3、请求微信统一下单接口,下单支付订单,返回支付链接

  1. 获取参数,放进map集合中并按key值,字典排序。
  2. 通过参数生成签名(生成的签名也放进map集合)。
  3. 将map集合转成xml字符串。
  4. 获取微信支付统一下单地址,xml参数字符串作为参数发送请求。
  5. 返回支付的链接(可以生成二维码给用户扫码支付)。

3.0 参数列表

3.1 接口

/**
 * Created On : 3/11/2022.
 * <p>
 * Author : huayu
 * <p>
 * Description: 微信支付业务接口
 */
public interface WechatPayService {
       /**
     * @author : huayu
     * @date   : 3/11/2022
     * @param  : []
     * @return : java.lang.String
     * @description : 生成请求微信支付接口的统一下单接口参数 ,返回xml格式字符串
     */
    String generateWxUnifyOrderXmlParams(String productBody,int totalFee) throws Exception;

    /**
     * @author : huayu
     * @date   : 3/11/2022
     * @param  : [unifyOrderXmlParams]
     * @return : java.util.Map<java.lang.String,java.lang.String>
     * @description : 请求微信支付统一下单
     */
    Map<String,String> getWchatPayUnifyOrderResult(String unifyOrderXmlParams) throws Exception;
    
    
}

3.2 实现类

/**
 * Created On : 3/11/2022.
 * <p>
 * Author : huayu
 * <p>
 * Description: 微信支付业务接口实现类
 */
@Service
@Slf4j
public class WechatPayServiceImpl implements WechatPayService {

    @Autowired
    private WechatPayConfig wechatPayConfig;

    @Override
    public String generateWxUnifyOrderXmlParams(String productBody,int totalFee) throws Exception {
        //微信支付接口签名参数要求
        //特别注意一下要求规则:参数名ASCII码从小到大排序(字典排序);如果参数值为空不参与签名;参数区分大小写;

        //定义微信支付解析参数集合:TreeMap(自动横距集合中key按照字典排序)
        TreeMap<String, String> paramsMap = new TreeMap<>();

        //公众账号ID  appid 必传参数 微信支付分配的公众账号ID(企业号corpid即为此appid)
        paramsMap.put("appid",wechatPayConfig.getAppId());

        //商户号 mch_id  微信支付分配的商户号
        paramsMap.put("mch_id",wechatPayConfig.getMchId());

        //设备号 device_info  自定义参数,可以为终端设备号(门店号或收银设备ID),PC网页或公众号内支付可以传"WEB"
        paramsMap.put("device_info","WEB");

        //随机字符串 nonce_str  随机字符串,长度要求在32位以内。推荐随机数生成算法
        paramsMap.put("nonce_str",WechatPayUtil.generateNonceStr());

        //商品描述 body  商品简单描述,该字段请按照规范传递,具体请见参数规定
        paramsMap.put("body",productBody);

        //附件数据 attach
        paramsMap.put("attach","课工场KH96");

        //商户订单号 out_trade_no 商户系统内部订单号,要求32个字符内(最少6个字符),只能是数字、大小写字母_-|*且在同一个商户号下唯一。详见商户订单号
        paramsMap.put("out_trade_no",WechatPayUtil.generateTradeOrderNo());

        //标价金额 total_fee 订单总金额,单位为分,详见支付金额
        paramsMap.put("total_fee",String.valueOf(totalFee));

        //终端IP spbill_create_ip 支持IPV4和IPV6两种格式的IP地址。用户的客户端IP
        paramsMap.put("spbill_create_ip","121.225.201.22");

        //通知地址  notify_url  body 异步接收微信支付结果通知的回调地址,通知url必须为外网可访问的url,不能携带参数。 公网域名必须为https,如果是走专线接入,使用专线NAT IP或者私有回调域名可使用http
        paramsMap.put("notify_url",wechatPayConfig.getNotifyUri());

        //交易类型 trade_type  NATIVE -Native 支付 JSAPI -JSAPI支付  NATIVE -Native支付  APP -APP支付
        paramsMap.put("trade_type", WechatPayConstant.WECHAT_PAY_TRADE_NATIVE);

        //商品ID  trade_type=NATIVE时,此参数必传。此参数为二维码中包含的商品ID,商户自行定义。
        paramsMap.put("product_id","互联网架构师");

        //签名,传送的sign参数不参与签名,会将生成的签名与该sign值作校验。如果不一致,签名失败
        //切记:签名都是再确定好接口参数后,指定签名操作,并将签名的结果加入参数集合
        paramsMap.put("sign",WechatPayUtil.generateSignature(paramsMap,wechatPayConfig.getMchKey()));

        return WechatPayUtil.generateMapToXml(paramsMap);
    }

    @Override
    public Map<String, String> getWchatPayUnifyOrderResult(String unifyOrderXmlParams) throws Exception {

        //发送post请求,请求微信支付统一下单接口,下预支付订单,并获取下单结果
        String unifyOrderXmlResult = HttpClient4Util.getResponse4PostByString(wechatPayConfig.getOrderUri()
                                                , unifyOrderXmlParams
                                                , WechatPayConstant.WECHAT_PAY_ENCODING_UTF8);


        return WechatPayUtil.generateXmlToMap(unifyOrderXmlResult);
    }
    
    
}

3.3 请求方法

/**
 * Created On : 3/11/2022.
 * <p>
 * Author : huayu
 * <p>
 * Description: 微信支付接口对接测试入口
 */
@Slf4j
@RestController
public class WechatPagController {

    @Autowired
    private WechatPayService wechatPayService;

    /**
     * @author : huayu
     * @date   : 3/11/2022
     * @param  : []
     * @return : com.kgc.scd.uitl.RequestResult<java.util.Map<java.lang.String,java.lang.String>>
     * @description : 请求微信统一下单接口,下单支付订单,返回支付链接
     */
    @PostMapping("/wxpay/unifyOrder")
    public RequestResult<Map<String,String>> wechatPagUnifyOrder(@RequestParam String productBody,
                                                                @RequestParam int totalFree) throws Exception {

        //调用业务接口,生成微信支付接口,统一下单的完整参数,xml格式(微信支付的接口要求,交互参数必须是xml)
        String unifyOrderXmlParams = wechatPayService.generateWxUnifyOrderXmlParams(productBody, totalFree);

        log.info("------ 1.请求微信支付统一下单参数:{} -------",unifyOrderXmlParams);

        //调用业务接口,请求微信支付统一下单接口,获取下单结果
        Map<String, String> unifyOrderMapResult = wechatPayService.getWchatPayUnifyOrderResult(unifyOrderXmlParams);

        log.info("------ 2.请求微信支付统一下订单接口返回:{} --------",unifyOrderMapResult);

        //定义当前接口返回的map集合
        Map<String, String> resultMap = new HashMap<>();

        //解析微信支付下单结果,如果下单成功,获取用户进行扫码支付的连接,返回给前端,生成二维码,
        if(WechatPayConstant.WECHAT_PAY_RESULT_SUCCESS.equals(unifyOrderMapResult.get("return_code"))
            && WechatPayConstant.WECHAT_PAY_RESULT_SUCCESS.equals(unifyOrderMapResult.get("result_code"))){
            // 微信支付统一下单成功,省略签名校验

            // 获取成功的结果
            // 交易类型
            resultMap.put("trade_type", unifyOrderMapResult.get("trade_type"));

            // 预支付交易会话标识
            resultMap.put("prepay_id", unifyOrderMapResult.get("prepay_id"));

            // 二维码链接
            resultMap.put("code_url", unifyOrderMapResult.get("code_url"));

            // 返回统一下预支付单成功
            return ResultBuildUtil.success(resultMap);

        }
        // 统一下预支付单失败
        return ResultBuildUtil.fail(unifyOrderMapResult.get("return_code"), unifyOrderMapResult.get("return_msg"));

    }
    
}

3.4 请求测试

3.4.1 发送请求

3.4.2 生成二维码

4、接收用户支付成功后,微信异步回调支付结果

  1. 支付后,微信官方,通过回调地址,返回用户信息通过数据流。
  2. 解析回调数据流。
  3. 解析异步回调的支付结果。
  4. 同步给微信官方响应结果。

4.1接口

/**
* @author : huayu
* @date   : 3/11/2022
* @param  : [wxpayNotifyXmlResult]
* @return : java.lang.String
* @description : 调用业务接口,解析异步回调的支付结果,并获取通知微信官方的结果
*/
String getNotifyWechatXmlResult(String wxpayNotifyXmlResult) throws Exception;

4.2 实现类

@Override
public String getNotifyWechatXmlResult(String wxpayNotifyXmlResult) throws Exception {

    //将微信支付结果通知的xml格式字符串,转换位map集合,方便处理
    Map<String, String> wxpayNotifyXmlForMapResult = WechatPayUtil.generateXmlToMap(wxpayNotifyXmlResult);

    //解析回调结果
    if(WechatPayConstant.WECHAT_PAY_RESULT_SUCCESS.equals(wxpayNotifyXmlForMapResult.get("return_code"))){
        //官方提醒:商户系统对于支付结果通知的内容一定要做签名验证,并校验返回的订单金额是否与商户侧的订单金额一致,防止数据泄露导致出现“假通知”,造成资金损失。
        if(WechatPayUtil.isSignatureValid(wxpayNotifyXmlForMapResult,wechatPayConfig.getMchKey())){
            // 签名校验成功,说明回调结果是可信的,就可以进行业务处理,如果签名失败,说明回调来源不可信,不能进行业务处理
            // TODO 真实业务中,收到正确回调,就要进行对应的业务处理,比如修改订单状态,发送主题消息,给定用户加积分,给物流生成物流单等等
            // 业务处理成功后,需要同步给微信响应结果-成功

            //成功
            return WechatPayConstant.WECHAT_PAY_NOTIFY_SUCCESS;

        }

    }

    // 同步给微信响应结果-失败
    return  WechatPayConstant.WECHAT_PAY_NOTIFY_FALL;
}

4.3 请求方法

/**
* @author : huayu
* @date   : 3/11/2022
* @param  : [request, response]
* @return : void
* @description : 接收用户支付成功后,微信异步回调支付结果
*/
@RequestMapping("/wxpay/notifyresult")
public void receiveWechatPayNotifyResult(HttpServletRequest request, HttpServletResponse response){

    //支付完成后,微信会把相关支付结果及用户信息通过数据流的形式发送给商户,商户需要接收处理,并按文档规范返回应答。

    try(InputStream inputStream = request.getInputStream()){

        //解析回调数据流
        BufferedReader brf = new BufferedReader(new InputStreamReader(inputStream, StandardCharsets.UTF_8));

        //定义可变字符对象,保存返回的xml格式支付结果
        StringBuilder wxpayNotifyXmlResult = new StringBuilder();

        //逐行解析
        String readline = null;
        while ((readline = brf.readLine()) != null){
            wxpayNotifyXmlResult.append(readline);
        }

        log.info("------ 3.微信支付结果异步回调内容:{} ------",wxpayNotifyXmlResult);


        //调用业务接口,解析异步回调的支付结果,并获取通知微信官方的结果
        String respWechatXmlResult = wechatPayService.getNotifyWechatXmlResult(wxpayNotifyXmlResult.toString());

        //同步给微信官方响应结果
        PrintWriter out = response.getWriter();
        out.write(respWechatXmlResult);
        out.flush();
        out.close();

        log.info("------ 4、微信支付异步回调处理后,响应结果:{} ------",respWechatXmlResult);

    }catch (Exception e){

        log.info("------ 微信支付结果异步回调处理异常,异常信息:{} ------", e.getMessage());

    }


}

4.4 请求测试(微信官方回调)

5、查看用户订单状态

  1. 获取参数,放进map集合中并按key值,字典排序。
  2. 通过参数生成签名(生成的签名也放进map集合)。
  3. 将map集合转成xml字符串。
  4. 获取订单状态查询地址,xml参数字符串作为参数发送请求。
  5. 返回订单状态信息。

5.0 参数列表

5.1 接口

/**
* @author : huayu
* @date   : 3/11/2022
* @param  : [orderNo]
* @return : java.lang.String
* @description : 通过订单好查询订单状态
*/
Map<String, String> getOrderStatus(String orderNo) throws Exception;

5.2 实现类

@Override
public Map<String, String> getOrderStatus(String orderNo) throws Exception {

    log.info("++++++  获取查询订单状态的参数 ++++++");

    //参数集合
    TreeMap<String, String> paramsMap = new TreeMap<>();

    //公众账号ID  appid
    paramsMap.put("appid",wechatPayConfig.getAppId());

    //商户号 mch_id
    paramsMap.put("mch_id",wechatPayConfig.getMchId());

    //商户订单号 out_trade_no
    paramsMap.put("out_trade_no",orderNo);

    //随机字符串 nonce_str
    paramsMap.put("nonce_str",WechatPayUtil.generateNonceStr());

    //签名	sign
    paramsMap.put("sign",WechatPayUtil.generateSignature(paramsMap,wechatPayConfig.getMchKey()));


    //将map集合的参数转换成xml格式的字符串
    String paramsMapToXml = WechatPayUtil.generateMapToXml(paramsMap);

    log.info("++++++  查询订单状态的参数:{} ++++++",paramsMapToXml);

    //发送post请求,获取订单状态 xml格式字符串
    String orderStatusXmlResult = HttpClient4Util.getResponse4PostByString(wechatPayConfig.getViewOrderStatusUri()
                                                                           , paramsMapToXml
                                                                           , WechatPayConstant.WECHAT_PAY_ENCODING_UTF8);

    log.info("++++++发送post请求,获取订单状态 xml格式字符串 orderStatusXmlResult:  ++++++\n{}",orderStatusXmlResult);

    //将xml格式结果字符串转化成 map 集合
    Map<String, String> orderStatusXmlResultToMap = WechatPayUtil.generateXmlToMap(orderStatusXmlResult);

    //判断返回结果
    //交易成功判断条件: return_code、result_code和trade_state都为SUCCESS
    if(WechatPayConstant.WECHAT_PAY_VIEW_ORDER_STATUS_SUCCESS.equals(orderStatusXmlResultToMap.get("return_code"))
       && WechatPayConstant.WECHAT_PAY_VIEW_ORDER_STATUS_SUCCESS.equals(orderStatusXmlResultToMap.get("result_code"))
       && WechatPayConstant.WECHAT_PAY_VIEW_ORDER_STATUS_SUCCESS.equals(orderStatusXmlResultToMap.get("trade_state"))
      ){
        
        //返回订单信息
        return orderStatusXmlResultToMap;

    }

    return null;
}

5.3 请求方法

/**
* @author : huayu
* @date   : 3/11/2022
* @param  : [orderNo]
* @return : void
* @description : 查看用户订单状态
*/
@RequestMapping("/wxpay/viewOrderStatus")
public RequestResult<String> viewOrderStatus(@RequestParam String orderNo) throws Exception {

    //调用业务层 查询订单状态
    String orderStatus = wechatPayService.getOrderStatus(orderNo);

		if(orderStatusInfoMap != null){
            return ResultBuildUtil.success(orderStatusInfoMap);
        }

        return ResultBuildUtil.fail(null);

}

5.4 请求测试

5.4.1 发起请求


5.4.2 请求结果




有关SpringCloud(七) - 微信支付的更多相关文章

  1. 微信小程序通过字典表匹配对应数据 - 2

    前言一般来说,前端根据后台返回code码展示对应内容只需要在前台判断code值展示对应的内容即可,但要是匹配的code码比较多或者多个页面用到时,为了便于后期维护,后台就会使用字典表让前端匹配,下面我将在微信小程序中通过wxs的方法实现这个操作。为什么要使用wxs?{{method(a,b)}}可以看到,上述代码是一个调用方法传值的操作,在vue中很常见,多用于数据之间的转换,但由于微信小程序诸多限制的原因,你并不能优雅的这样操作,可能有人会说,为什么不用if判断实现呢?但是if判断的局限性在于如果存在数据量过大时,大量重复性操作和if判断会让你的代码显得异常冗余。wxswxs相当于是一个独立

  2. 计算机毕业设计ssm+vue基本微信小程序的小学生兴趣延时班预约小程序 - 2

    项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明:前端使用微信微信小程序开发工具:后端使用ssm:VU

  3. 微信小程序开发入门与实战(Behaviors使用) - 2

    @作者:SYFStrive @博客首页:HomePage📜:微信小程序📌:个人社区(欢迎大佬们加入)👉:社区链接🔗📌:觉得文章不错可以点点关注👉:专栏连接🔗💃:感谢支持,学累了可以先看小段由小胖给大家带来的街舞👉微信小程序(🔥)目录自定义组件-behaviors    1、什么是behaviors    2、behaviors的工作方式    3、创建behavior    4、导入并使用behavior    5、behavior中所有可用的节点    6、同名字段的覆盖和组合规则总结最后自定义组件-behaviors    1、什么是behaviorsbehaviors是小程序中,用于实现

  4. ruby-on-rails - 与 ActiveMerchant 一起使用的最佳支付网关是什么? - 2

    我需要使用ActiveMerchant库在我们的一个Rails应用程序中设置支付解决方案。尽管这个问题非常主观,但人们对主要网关(BrainTree、Authorize.net等)的体验如何?它必须:处理定期付款。有能力记入个人帐户。能够取消付款。有办法存储用户的付款详细信息(例如Authotize.netsCIM)。干杯 最佳答案 ActiveMerchant很棒,但在过去一年左右的时间里,我在使用它时发现了一些问题。首先,虽然某些网关可能会得到“支持”——但并非所有功能都包含在内。查看功能矩阵以确保完全支持您选择的网关-http

  5. Ubuntu20.04系统WineHQ7.0安装微信 - 2

    提供3种Ubuntu系统安装微信的方法,在Ubuntu20.04上验证都ok。1.WineHQ7.0安装微信:ubuntu20.04安装最新版微信--可以支持微信最新版,但是适配的不是特别好;比如WeChartOCR.exe报错。2.原生微信安装:linux系统下的微信安装(ubuntu20.04)--微信适配的最好,反应最快,但是微信版本只到2.1.1,版本太老,很多功能都没有。3.深度deepin-wine6安装微信:ubuntu20.04+系统deepin-wine6安装新版微信--综合比较好,当前个人使用此种方法1个月,微信版本3.4;没什么大问题,尚可。一、WineHQ7.0安装微信

  6. 微信小程序订餐系统 - 2

    对传统的餐饮商家来说,小程序很好地解决了餐厅线下线上连接的问题,在引流获客、节约人力、营销宣传、塑造会员体系、改善消费体验等方面都有很大帮助。小程序点餐可以帮助餐饮企业节省一大把人力开支。一个包含扫码点单、菜品管理、优惠券推送、外卖配送的小程序,商家花几万元就能完成开发测试并投入。商家为什么要开通“扫码点餐”1.解决服务员不够用的问题。2.不怕顾客跑单漏单。3.在微信就能管理菜品、查看营业额。4.订单小票显示顾客桌号和已点菜品。5.可在“附近的小程序”找到您的门店。如今餐饮业常用的三种经营模式:1堂食点单模式客人通过小程序堂食点单。商家可以在微信扫码点餐小程序管理后台根据自己店内情况来设置不同

  7. 【云原生】SpringCloud-Spring Boot Starter使用测试 - 2

    目录SpringBootStarter是什么?以前传统的做法使用SpringBootStarter之后starter的理念:starter的实现: 创建SpringBootStarter步骤在idea新建一个starter项目、直接执行下一步即可生成项目。 在xml中加入如下配置文件:创建proterties类来保存配置信息创建业务类:创建AutoConfiguration测试如下:SpringBootStarter是什么? SpringBootStarter是在SpringBoot组件中被提出来的一种概念、简化了很多烦琐的配置、通过引入各种SpringBootStarter包可以快速搭建出一

  8. 微信小程序切换云环境 - 2

    在开发微信小程序的时候,我们可能需要开发环境和测试环境,或者其他环境,下面是切换环境的方法。首先需要明确的是:前端的页面代码是不区分环境的,环境的区分指的是云函数、云数据库、云存储这些。1、更改云函数的使用云环境这里我们从cloud1更改为test-cloud,这个改完是没有用的,因为在前端代码指定了使用的云环境。cloudfunctions文件和miniprogram文件虽然都在一个目录下,但是这两个没有直接联系。2、在evList.js中添加自己云环境evList.js存储了云环境列表,这里把test-cloud加到这个列表里,需要填写envId和alias,参照cloud1写就行。3、更

  9. Spring Boot中的微信支付(小程序) - 2

    前言微信支付是企业级项目中经常使用到的功能,作为后端开发人员,完整地掌握该技术是十分有必要的。一、申请流程和步骤图1-1注册微信支付账号获取微信小程序APPID获取微信商家的商户ID获取微信商家的API私钥配置微信支付回调地址绑定微信小程序和微信支付的关系搭建SpringBoot工程编写后台支付接口发布部署接口服务项目使用微信小程序或者UniAPP调用微信支付功能支付接口的封装配置jwt或者openid的token派发原生微信小程序完成支付对接二、注册商家2.1商户平台商家或者企业想要通过微信支付来进行商品的销售,必须先通过微信平台(pay.weixin.qq.com)去将商家进行注册。注册成

  10. 微信小程序顶部标题栏与胶囊对齐 - 2

    介绍    最近在做微信小程序时,顶部标题栏总是与胶囊对不齐。往往是在这款手机上对齐了,在另外一款手机差很多。我在查阅资料后,提出了一种方法解决这个问题,即:在页面onLoad或组件created时,利用微信小程序提供的API,获取系统状态栏高度和胶囊信息,进而动态调整顶部标题栏样式。在苹果、小米、荣耀手机做验证,能做到精准对齐。理论        胶囊样式应该是垂直居中,有1px的border,border-radius为18px。        若要使顶部标题栏与胶囊对齐,则其高度必须是导航栏高度,标题栏内容也要垂直居中,顶部标题栏的外边距或内边距必须是状态栏高度。        如果顶部

随机推荐