微信支付DEMO 学习

最新推荐文章于 2024-03-11 11:14:45 发布
最新推荐文章于 2024-03-11 11:14:45 发布
阅读量1k 收藏 5
点赞数 1
分类专栏： 支付开发 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43049310/article/details/109904163
版权

1.1 开发文档

微信支付接口调用的整体思路：

按API要求组装参数，以XML方式发送（POST）给微信支付接口（URL）,微信支付接口也是以XML方式给予响应。程序根据返回的结果（其中包括支付URL）生成二维码或判断订单状态。
在线微信支付开发文档：
https://pay.weixin.qq.com/wiki/doc/api/index.html

本次测试用到 ：统一下单”和”查询订单”两组API

1. appid：微信公众账号或开放平台APP的唯一标识
2. mch_id：商户号  (配置文件中的partner)
3. partnerkey：商户密钥
4. sign:数字签名, 根据微信官方提供的密钥和一套算法生成的一个加密信息, 就是为了保证交易的安全性

1.2 微信支付模式回顾
在这里插入图片描述
业务流程说明：

1.商户后台系统根据用户选购的商品生成订单。
2.用户确认支付后调用微信支付【统一下单API】生成预支付交易；
3.微信支付系统收到请求后生成预支付交易单，并返回交易会话的二维码链接code_url。
4.商户后台系统根据返回的code_url生成二维码。
5.用户打开微信“扫一扫”扫描二维码，微信客户端将扫码内容发送到微信支付系统。
6.微信支付系统收到客户端请求，验证链接有效性后发起用户支付，要求用户授权。
7.用户在微信客户端输入密码，确认支付后，微信客户端提交授权。
8.微信支付系统根据用户授权完成支付交易。
9.微信支付系统完成支付交易后给微信客户端返回交易结果，并将交易结果通过短信、微信消息提示用户。微信客户端展示支付交易结果页面。
10.微信支付系统通过发送异步消息通知商户后台系统支付结果。商户后台系统需回复接收情况，通知微信后台系统不再发送该单的支付通知。
11.未收到支付通知的情况，商户后台系统调用【查询订单API】。
12.商户确认订单已支付后给用户发货。

1.3 微信支付SDK
微信支付提供了SDK, 大家下载后打开源码，install到本地仓库。
在这里插入图片描述
使用微信支付SDK,在maven工程中引入依赖

<!--微信支付-->
<dependency>
    <groupId>com.github.wxpay</groupId>
    <artifactId>wxpay-sdk</artifactId>
    <version>0.0.3</version>
</dependency>

我们主要会用到微信支付SDK的以下功能：
获取随机字符串

WXPayUtil.generateNonceStr()

MAP转换为XML字符串（自动添加签名）

 WXPayUtil.generateSignedXml(param, partnerkey)

XML字符串转换为MAP

WXPayUtil.xmlToMap(result)

1.4 HttpClient工具类

HttpClient是Apache Jakarta Common下的子项目，用来提供高效的、最新的、功能丰富的支持HTTP协议的客户端编程工具包，并且它支持HTTP协议最新的版本和建议。HttpClient已经应用在很多的项目中，比如Apache Jakarta上很著名的另外两个开源项目Cactus和HTMLUnit都使用了HttpClient。

HttpClient通俗的讲就是模拟了浏览器的行为，如果我们需要在后端向某一地址提交数据获取结果，就可以使用HttpClient.

package entity;

import org.apache.http.Consts;
import org.apache.http.HttpEntity;
import org.apache.http.NameValuePair;
import org.apache.http.ParseException;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.entity.UrlEncodedFormEntity;
import org.apache.http.client.methods.*;
import org.apache.http.conn.ssl.SSLConnectionSocketFactory;
import org.apache.http.conn.ssl.TrustStrategy;
import org.apache.http.entity.StringEntity;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.message.BasicNameValuePair;
import org.apache.http.ssl.SSLContextBuilder;
import org.apache.http.util.EntityUtils;

import javax.net.ssl.SSLContext;
import java.io.IOException;
import java.security.cert.CertificateException;
import java.security.cert.X509Certificate;
import java.util.HashMap;
import java.util.LinkedList;
import java.util.List;
import java.util.Map;


public class HttpClient {
    private String url;
    private Map<String, String> param;
    private int statusCode;
    private String content;
    private String xmlParam;
    private boolean isHttps;

    public boolean isHttps() {
        return isHttps;
    }

    public void setHttps(boolean isHttps) {
        this.isHttps = isHttps;
    }

    public String getXmlParam() {
        return xmlParam;
    }

    public void setXmlParam(String xmlParam) {
        this.xmlParam = xmlParam;
    }

    public HttpClient(String url, Map<String, String> param) {
        this.url = url;
        this.param = param;
    }

    public HttpClient(String url) {
        this.url = url;
    }

    public void setParameter(Map<String, String> map) {
        param = map;
    }

    public void addParameter(String key, String value) {
        if (param == null)
            param = new HashMap<String, String>();
        param.put(key, value);
    }

    public void post() throws ClientProtocolException, IOException {
        HttpPost http = new HttpPost(url);
        setEntity(http);
        execute(http);
    }

    public void put() throws ClientProtocolException, IOException {
        HttpPut http = new HttpPut(url);
        setEntity(http);
        execute(http);
    }

    public void get() throws ClientProtocolException, IOException {
        if (param != null) {
            StringBuilder url = new StringBuilder(this.url);
            boolean isFirst = true;
            for (String key : param.keySet()) {
                if (isFirst) {
                    url.append("?");
                }else {
                    url.append("&");
                }
                url.append(key).append("=").append(param.get(key));
            }
            this.url = url.toString();
        }
        HttpGet http = new HttpGet(url);
        execute(http);
    }

    /**
     * set http post,put param
     */
    private void setEntity(HttpEntityEnclosingRequestBase http) {
        if (param != null) {
            List<NameValuePair> nvps = new LinkedList<NameValuePair>();
            for (String key : param.keySet()) {
                nvps.add(new BasicNameValuePair(key, param.get(key))); // 参数
            }
            http.setEntity(new UrlEncodedFormEntity(nvps, Consts.UTF_8)); // 设置参数
        }
        if (xmlParam != null) {
            http.setEntity(new StringEntity(xmlParam, Consts.UTF_8));
        }
    }

    private void execute(HttpUriRequest http) throws ClientProtocolException,
            IOException {
        CloseableHttpClient httpClient = null;
        try {
            if (isHttps) {
                SSLContext sslContext = new SSLContextBuilder()
                        .loadTrustMaterial(null, new TrustStrategy() {
                            // 信任所有
                            @Override
                            public boolean isTrusted(X509Certificate[] chain,
                                                     String authType)
                                    throws CertificateException {
                                return true;
                            }
                        }).build();
                SSLConnectionSocketFactory sslsf = new SSLConnectionSocketFactory(
                        sslContext);
                httpClient = HttpClients.custom().setSSLSocketFactory(sslsf)
                        .build();
            } else {
                httpClient = HttpClients.createDefault();
            }
            CloseableHttpResponse response = httpClient.execute(http);
            try {
                if (response != null) {
                    if (response.getStatusLine() != null) {
                        statusCode = response.getStatusLine().getStatusCode();
                    }
                    HttpEntity entity = response.getEntity();
                    // 响应内容
                    content = EntityUtils.toString(entity, Consts.UTF_8);
                }
            } finally {
                response.close();
            }
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            httpClient.close();
        }
    }

    public int getStatusCode() {
        return statusCode;
    }

    public String getContent() throws ParseException, IOException {
        return content;
    }
}

1.5 支付微服务搭建
项目结构；
在这里插入图片描述
（2）创建controller

package com.changgou.pay.controller;

import com.alibaba.fastjson.JSON;
import com.changgou.pay.service.WeiXinPayService;
import com.github.wxpay.sdk.WXPayUtil;
import entity.Result;
import entity.StatusCode;

import org.springframework.amqp.rabbit.core.RabbitTemplate;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.core.env.Environment;
import org.springframework.web.bind.annotation.*;

import javax.servlet.ServletInputStream;
import javax.servlet.http.HttpServletRequest;
import java.io.ByteArrayOutputStream;
import java.util.Map;


@RestController
@RequestMapping("/weixin/pay")
@CrossOrigin
public class WeiXinPayController {

    @Autowired(required = false)
    private WeiXinPayService weiXinPayService;

    @Autowired
    private RabbitTemplate rabbitTemplate;

    @Autowired
    private Environment env;



    @GetMapping("/closePay/{orderId}")
    public Result closePay(@PathVariable("orderId") Long orderId){
        Map<String, String> map = weiXinPayService.closePay(orderId);
        return new Result(true, StatusCode.OK,"关闭微信支付成功",map);
    }



    /**
     * 获取微信的回调信息(回调,获取支付信息)
     * @return
     */
    @RequestMapping("/notify/url")
    public Map<String, String> notifyUrl(HttpServletRequest request) throws Exception{
        // 获取微信回调信息
        ServletInputStream inputStream = request.getInputStream();
        // 网络传输的字节流操作（内存操作）
        ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
        // 定义缓冲去
        byte[] buffer = new byte[1024];
        int len = 0;
        while ((len=inputStream.read(buffer))!=-1){
            byteArrayOutputStream.write(buffer, 0, len);
        }
        byteArrayOutputStream.flush();
        byteArrayOutputStream.close();
        inputStream.close();
        // 获取数据
        String strXML = new String(byteArrayOutputStream.toByteArray(), "UTF-8");
        System.out.println(strXML);
        Map<String, String> map = WXPayUtil.xmlToMap(strXML);
        System.out.println("回调数据:" + map);
        // 将map转JSON
        String jsonString = JSON.toJSONString(map);
        // 将参数发送到mq
        rabbitTemplate.convertAndSend("exchange.order","queue.order",jsonString);
        System.out.println("------------------------------------");
        return map;
    }

    /**
     * 生成支付的二维码
     * @param parames : 封装数据（订单，金额，用户名，交换机，路由）
     * @return
     */
    @RequestMapping("/create/native")
    public Result createNavite(@RequestParam Map<String ,String> parames){
        Map<String, String> map = weiXinPayService.createNative(parames);
        return new Result(true, StatusCode.OK,"创建支付二维码成功",map);
    }


    /**
     * 查询支付状态
     * @param outtradeno
     * @return
     */
    @RequestMapping("/status/query")
    public Result queryStatus(String outtradeno){
        Map<String, String> map = weiXinPayService.queryStatus(outtradeno);
        return new Result(true, StatusCode.OK,"查询支付状态成功",map);
    }
}

(3)创建service

package com.changgou.pay.service;

import java.util.Map;


public interface WeiXinPayService {

    /**
     * 关闭支付
     * @param orderId
     * @return
     * @throws Exception
     */
    Map<String,String> closePay(Long orderId) ;


    /**
     * 创建二维码参数
     * @param params
     * @return
     */
    Map<String ,String> createNative(Map<String, String> params);

    /**
     * 查询订单的支付状态
     * @param out_trade_no
     * @return
     */
    Map<String ,String> queryStatus(String out_trade_no);

}
///impl--------------
@Service
public class WeiXinPayServiceImpl implements WeiXinPayService {

    // 微信公众账号或开放平台APP的唯一标识
    @Value("${weixin.appid}")
    private String appid;
    // 商户号
    @Value("${weixin.partner}")
    private String partner;
    // 商户密钥
    @Value("${weixin.partnerkey}")
    private String partnerkey;
    // 回调地址
    @Value("${weixin.notifyurl}")
    private String notifyurl;


    /**
     * 关闭微信支付
     * @param orderId
     * @return
     * @throws Exception
     */
    @Override
    public Map<String, String> closePay(Long orderId) {
        try {
            // 统一下单的url
            String url = "https://api.mch.weixin.qq.com/pay/closeorder";
            // 封装支付接口调用需要的参数
            Map<String,String> data = new HashMap<>();
            // 微信支付分配的公众账号ID（企业号corpid即为此appId）
            data.put("appid",appid);
            // 微信支付分配的商户号
            data.put("mch_id",partner);
            // 随机字符串，长度要求在32位以内。推荐随机数生成算法
            data.put("nonce_str", WXPayUtil.generateNonceStr());
            //订单编号
            data.put("out_trade_no",String.valueOf(orderId));

            String signedXml = WXPayUtil.generateSignedXml(data, partnerkey);
            // 发送请求
            HttpClient httpClient = new HttpClient(url);
            httpClient.setHttps(true);
            httpClient.setXmlParam(signedXml);
            httpClient.post();
            // 获得返回数据
            String strXML = httpClient.getContent();
            Map<String, String> map = WXPayUtil.xmlToMap(strXML);
            return map;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }

    /**
     * 生成二维码所需要的数据，生成二维码
     * @param params :需要传入商户订单号 需要传入支付金额 用户名
     * @return
     */
    @Override
    public Map<String, String> createNative(Map<String,String> params) {
        try {
            // 统一下单的url
            String url = "https://api.mch.weixin.qq.com/pay/unifiedorder";
            // 封装支付接口调用需要的参数
            Map<String,String> data = new HashMap<>();
            // 微信支付分配的公众账号ID（企业号corpid即为此appId）
            data.put("appid",appid);
            // 微信支付分配的商户号
            data.put("mch_id",partner);
            // 随机字符串，长度要求在32位以内。推荐随机数生成算法
            data.put("nonce_str", WXPayUtil.generateNonceStr());
            // 通过签名算法计算得出的签名值，详见签名生成算法
            // data.put("sign",);
            // 商品简单描述，该字段请按照规范传递，具体请见参数规定
            data.put("body","畅购商城");
            // 商户订单号
            data.put("out_trade_no",params.get("outtradeno"));
            // 支付金额 单位是分
            data.put("total_fee",params.get("totalfee"));
            // 支持IPV4和IPV6两种格式的IP地址。用户的客户端IP
            data.put("spbill_create_ip","127.0.0.1");
            // 异步接收微信支付结果通知的回调地址，通知url必须为外网可访问的url，不能携带参数。
            data.put("notify_url",notifyurl);
            // (支付类型)JSAPI -JSAPI支付 NATIVE -Native支付 APP -APP支付 说明详见参数规定
            data.put("trade_type","NATIVE");



            // 接口需要将参数装拆XML类型数据(通过商户秘钥解析)
            String signedXml = WXPayUtil.generateSignedXml(data,partnerkey);
            // 创建HttpClient进行调用(统一下单的url)
            HttpClient httpClient = new HttpClient(url);
            httpClient.setHttps(true);          // 设置是否发以Https发送请求,可选择发送http
            httpClient.setXmlParam(signedXml);  // 发送请求所需的XML数据
            httpClient.post();                  // post请求
            // 发松请求
            String strXML = httpClient.getContent();
            // 处理响应数据键xml数据转成map 生成二维码的数据格式为: key : value
            Map<String, String> map = WXPayUtil.xmlToMap(strXML);
            return map;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }

    /**
     * 查询订单的状态
     * @param out_trade_no
     * @return
     */
    @Override
    public Map<String, String> queryStatus(String out_trade_no) {
        try {
            // 指定接口地址,查询订单的api
            String url = "https://api.mch.weixin.qq.com/pay/orderquery";
            // 构建接口需要的map
            Map<String, String> data = new HashMap<>();
            data.put("appid",appid);
            data.put("mch_id",partner);
            data.put("out_trade_no",out_trade_no);
            data.put("nonce_str",WXPayUtil.generateNonceStr());
            // 将数据转成xml
            String signedXml = WXPayUtil.generateSignedXml(data, partnerkey);
            // 创建HttpClient调用
            HttpClient httpClient = new HttpClient(url);
            httpClient.setHttps(true);
            httpClient.setXmlParam(signedXml);
            httpClient.post();
            String strXML = httpClient.getContent();
            // 处理响应数据
            Map<String, String> map = WXPayUtil.xmlToMap(strXML);
            return map;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }
}

(4)配置文件

server:
  port: 18091
spring:
  application:
    name: pay
  main:
    allow-bean-definition-overriding: true
  rabbitmq:
    host: 129.211.164.41
    port: 5672
    username: user
    password: 123456
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:7001/eureka
  instance:
    prefer-ip-address: true
feign:
  hystrix:
    enabled: true
#hystrix 配置
hystrix:
  command:
    default:
      execution:
        timeout:
          #如果enabled设置为false，则请求超时交给ribbon控制
          enabled: true
        isolation:
          strategy: SEMAPHORE

#微信支付信息配置
weixin:
  appid: wx8397f8696b538317
  partner: 1473426802
  partnerkey: T6m9iK73b0kn9g5v426MKfHQH7X8rKwb
  notifyurl:  http://3563l0682w.zicp.vip:33540/weixin/pay/notify/url #内网穿透支付回调

#配置连接mq

#配置支付交换机和队列
mq:
  pay:
    exchange:
      order: exchange.order
 
    queue:
      order: queue.order
    
    routing:
      key: queue.order

appid： 微信公众账号或开放平台APP的唯一标识
partner：财付通平台的商户账号
partnerkey：财付通平台的商户密钥
notifyurl: 回调地址
（5）依赖；

		<!--加入ampq 监听消息使用-->
 		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-amqp</artifactId>
        </dependency>
		  <!--微信支付-->
        <dependency>
            <groupId>com.github.wxpay</groupId>
            <artifactId>wxpay-sdk</artifactId>
            <version>0.0.3</version>
        </dependency>
        <!--httpclient支持-->
        <dependency>
            <groupId>org.apache.httpcomponents</groupId>
            <artifactId>httpclient</artifactId>
        </dependency>

2 微信支付二维码生成

2.1请求微信创建二维码，标红是返回的二维码地址

在这里插入图片描述

2.2 页面生成二维码 ，上面标红位置code_url 返回的地址
链接：https://pan.baidu.com/s/1Qbl_1ktJCqh1Q6qDPD2WRQ
提取码：wxpa
复制这段内容后打开百度网盘手机App，操作更方便哦

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
2.3根据订单号查询订单状态
在这里插入图片描述
项目源码
git 地址；https://github.com/lkzgit/springcloud_oauth2.0_changgou

李哈ha
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信支付服务商jsapi支付demo.zip
08-12
微信支付服务商jsapi支付demo.zip
[微信 支付demo ]
汤圆的博客
05-29 1094
欲买桂花同载酒,终不似,少年游
微信支付v3，小程序支付 jsapi支付和退款的Demo。简单修改就可以用。
最新发布
L
03-11 388
微信支付v3，小程序支付 jsapi支付和退款的Demo。简单修改就可以用。
【微信支付】小案例，Java版
e5132712的博客
06-28 1389
上手一个小案例，实现Java版本的微信支付。第一步: 从微信平台下载微信支付demo。 链接: 到官方下载 这里我们下载Java版的。 注意微信提供的demo是myclipse版本的。 我们要用myclipse打开。 第二步：把demo导入到myclipse中去。 第三步：配置以下代码。 （1） MyConfig.java （2） WXPayExample.java （3） 在src/main/java的代码窗口添加一个新文件MatrixToImageWriter.java （4） 在WebRoot下
微信二维码API支付实现demo
市民景先生
03-15 2074
有了发送亲求的方式后就需要拼接参数向官网提供的网址发送请求，在发送请求后返回二维码的字符串，在通过前端的解析获取字符串。商户号的申请需要填写相关材料，签署电子协议等，申请后需要准备4个代码串。安装：npm install vue-qriously。该插件专门用于对微信的code进行二维码展示。在主vue中绑定value值，就可以显示结果。前端的实现需要单独使用一个工具。
微信支付APIV3统一支付接口(H5、JSAPI、H5、App、小程序)
热门推荐
一恍过去
07-10 2万+
微信支付APIV3统一支付接口(H5、JSAPI、H5、App、小程序)
微信支付接口demo
04-03
最近在最微信支付对接微商城，顺便把文档发出来，供给大家分享学习，包含微信支付详细文档，java、.net、php三种语言的demo
微信支付Demo4Java
08-24
java编写，maven工程，Spring MVC框架，微信支付调用web工程，学习调用微信支付模块很好的例子
微信小程序demo：微信支付后端demo（java）
03-17
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。
微信支付demo测试
05-12
ios学习支付的好的例子和方法适合做ios的微信支付遇到问题的下载学习
IOS 微信支付官方Demo
10-19
IOS 微信支付官方Demo 大家自行研究学习
Unity微信支付demo
11-18
Unity微信支付，Unity工程项目，仅供学习如需要java端请留言
微信支付Demo
08-10
微信支付源码，大虾勿喷，支持代码共享！ 编译环境：xcode5.1 , ios7.1 提醒大家，必须在装有微信的真机上测试，不然没效果 ,另外不要用代码中的商户ID，应用appkey和appsecret做其他的事，仅供大家学习。
支付宝，微信支付
09-19
支付宝，微信demo及文档，doc，用于学习，支付宝，微信demo及文档，doc，用于学习
安卓电商支付例子相关-微信支付demo.rar
07-29
微信支付demo.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
新写的微信支付的demo
12-13
欢迎使用微信支付！此项目主要是应用于给没有微信支付开发的同乡学习。里面有证书等等证书属于敏感信息，请妥善保管不要泄露和被他人复制。
微信支付的统一下单小demo
pscool的博客
07-05 2174
1. 生成二维码 1.导入zxing的依赖 <properties> <zxing.version>3.4.0</zxing.version> </properties> <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId> <version>${zxin
手搓微信支付Demo【套全参数即可跑通】
m0_59588838的博客
08-15 1110
结合微信sdk用springboot手写微信支付demo，动起来！
php 微信app支付
上官hao的博客
11-06 281
<?php namespace App\Http\Controllers\Api\V1; use App\Http\Controllers\Controller; use App\Models\Order; use App\Repositories\ClassroomRepositoryEloquent; use App\Repositories\WalletRepositoryEloq...
h5 微信支付 demo
07-07
### 回答1： H5微信支付是指在移动端网页上集成微信支付功能，使用户可以直接在手机浏览器中完成支付操作。下面是一个H5微信支付的简单示例： 首先，我们需要在页面中引入微信支付的相关JavaScript文件和CSS样式，以便使用微信支付的功能和界面。 然后，用户在填写订单信息后，点击支付按钮触发支付事件。在支付事件中，我们需要通过调用微信支付的API来获取预支付交易会话标识。 接着，我们将获取到的预支付交易会话标识发送给服务器进行签名，以确保支付请求的安全性。服务器返回签名后的数据给前端。 最后，前端使用微信支付SDK中的接口，调起微信支付界面。用户在微信支付界面中完成支付操作后，支付结果会通过回调函数返回到前端，我们可以根据支付结果进行相应的处理，如展示支付成功或失败的页面。 需要注意的是，H5微信支付接口的使用需要满足一定的条件，如商户需要先进行微信支付的相关注册及配置，获取到相应的商户号、密钥等信息。 以上就是H5微信支付的简单 demo。通过集成H5微信支付功能，我们可以在移动端网页上方便地实现微信支付，为用户提供更加便捷的支付方式。 ### 回答2： H5 微信支付 Demo 是一个可以在移动端网页上使用微信支付功能的示例项目。通过该示例项目，开发者可以学习和了解如何在自己的移动网页中集成微信支付功能，并快速上线自己的移动网页应用。 在 H5 微信支付 Demo 中，主要包含以下几个步骤： 1. 创建订单：用户在移动网页上选择商品并确认购买后，网页应用将生成一个唯一的订单号，并将相关订单信息发送给服务端。 2. 统一下单：服务端通过调用微信支付接口，将上一步生成的订单信息传递给微信支付平台。平台根据接收到的信息，生成一个预支付会话标识（prepay_id）并返回给服务端。 3. 调起支付：服务端将预支付会话标识返回给移动网页，网页通过 JavaScript API 调用微信支付 SDK，发起支付请求。移动网页上将出现微信支付的界面，用户可以使用微信钱包完成支付。 4. 支付结果查询：支付完成后，微信支付平台会将支付结果通知给服务端。服务端通过查询支付结果接口，获取支付结果并返回给移动网页。移动网页根据支付结果显示支付成功或失败的页面。 在 H5 微信支付 Demo 中，开发者需要了解的主要是如何生成订单、调用微信支付接口以及处理支付结果的逻辑。通过参考该示例项目，开发者可以快速集成微信支付功能，提升移动网页应用的付款体验，以及更好地满足用户需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值