【愚公系列】《微信小程序开发解析》018-小程序支付

于 2024-08-07 22:37:07 发布
阅读量497 收藏 9
点赞数 13
文章标签： 小程序 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aa2528877987/article/details/141002981
版权

在这里插入图片描述

🏆 作者简介，愚公搬代码
🏆《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。
🏆《近期荣誉》：2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主等。
🏆《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
🏆🎉欢迎 👍点赞✍评论⭐收藏

文章目录

🚀前言

随着移动支付的兴起，小程序作为一种新型的应用形式，已成为商家和开发者实现在线交易的重要平台。微信小程序支付功能的强大与便捷，不仅提升了用户的购物体验，也为商家创造了更多的商业机会。因此，了解小程序支付相关知识点，对于开发者和商家而言显得尤为重要。

本文将系统介绍小程序支付的基本概念和实现方式，涵盖支付流程、接口使用及注意事项等关键内容。我们将详细讲解如何接入微信支付、如何处理支付结果以及常见的支付异常处理方式，并结合实际案例，帮助您更好地理解和应用这些知识。

无论您是小程序开发的新手，还是希望深入了解支付功能的经验者，这篇文章都将为您提供实用的指导和参考。让我们一起探索小程序支付的相关知识点，掌握安全、高效的支付解决方案，为您的小程序增添商业价值！

🚀一、微信小程序支付

🔎1.微信小程序支付相关知识点

微信支付版本 v2 和 v3 的对比：

功能/特性微信支付 v2微信支付 v3
接口名称统一下单接口（Unified Order API）统一下单接口（Unified Order API）
API 地址https://api.mch.weixin.qq.com/pay/unifiedorderhttps://api.mch.weixin.qq.com/v3/pay/transactions/jsapi
数据格式XMLJSON
签名算法HMAC-SHA256 或 MD5HMAC-SHA256
返回数据格式XMLJSON
异步通知支持异步通知（XML 格式）支持异步通知（JSON 格式）
敏感信息加密无（默认明文传输）支持敏感信息加密（RSA 加密）
API 密钥管理商户平台设置商户平台设置，并支持平台证书管理
支付凭证获取通过 prepay_id 获取通过 prepay_id 获取
订单查询支持（XML 格式）支持（JSON 格式）
退款处理支持（XML 格式）支持（JSON 格式），增加了敏感信息加密
报文验签需要自行实现SDK 自动处理
交易状态通过订单查询接口获取通过订单查询接口获取，并增加了状态推送

🔎2.开发步骤

开发微信小程序支付功能通常可以分为以下四个主要步骤：

  1. 申请微信支付权限
  • 注册并认证公众号或小程序: 确保你拥有一个已认证的微信小程序或公众号。
  • 申请微信支付: 在微信公众平台或微信开放平台中，提交申请微信支付权限，并根据要求填写相关资料。
  1. 获取支付密钥和配置
  • 登录微信支付商户平台: 进入微信支付商户平台（pay.weixin.qq.com）。
  • 获取商户号和密钥: 在商户平台上获取商户号（mch_id）和支付密钥（API Key）。
  • 配置支付目录: 在商户平台中配置支付请求的合法域名和回调地址。
  1. 后端服务器生成预支付订单
  • 请求支付统一下单接口: 在服务器端，调用微信支付的统一下单接口，生成预支付交易会话标识（prepay_id）。
    • 参数准备: 准备好APPID、商户号、随机字符串、商品描述、订单金额等信息。
    • 签名处理: 使用商户密钥对请求参数进行签名（MD5或HMAC-SHA256）。
    • 发送请求: 通过HTTPS POST请求发送到微信支付接口。
    • 处理响应: 获取微信返回的prepay_id，并保存用于后续支付请求。
  1. 小程序客户端发起支付请求
  • 调用微信支付API: 在小程序前端，通过 wx.requestPayment 接口发起支付请求。
    • 参数准备: 使用服务器返回的prepay_id，以及其他支付参数（如时间戳、随机字符串、签名等）。
    • 支付结果处理: 用户完成支付后，根据回调结果进行相应处理（如更新订单状态、通知用户等）。
wx.requestPayment({
  timeStamp: '', // 时间戳
  nonceStr: '',  // 随机字符串
  package: 'prepay_id=' + prepay_id, // 统一下单接口返回的 prepay_id
  signType: 'MD5', // 签名算法
  paySign: '', // 签名
  success (res) { 
    // 支付成功后的操作
  },
  fail (res) { 
    // 支付失败后的操作
  }
})

🦋2.1 获取openid

🦋2.2 得到prepay_id

🦋2.3 得到prepay_id

🦋2.4 得到prepay_id

🦋2.5 得到prepay_id

🔎3.下载和安装Chrome Driver

🚀二、使用Python Selenium编写自动化UI测试脚本

🔎1.安装Selenium库

🔎2.自动化UI测试脚本编写

🚀三、运行自动化UI测试脚本

🔎1.首次执行与错误解决

🔎2.再次执行

🦋2.1 数据绑定案例

☀️2.1.1
🌈2.1.1.1
🍬2.1.1.1.1

🚀四、结论

🚀感谢：给读者的一封信

亲爱的读者，

我在这篇文章中投入了大量的心血和时间，希望为您提供有价值的内容。这篇文章包含了深入的研究和个人经验，我相信这些信息对您非常有帮助。

如果您觉得这篇文章对您有所帮助，我诚恳地请求您考虑赞赏1元钱的支持。这个金额不会对您的财务状况造成负担，但它会对我继续创作高质量的内容产生积极的影响。

我之所以写这篇文章，是因为我热爱分享有用的知识和见解。您的支持将帮助我继续这个使命，也鼓励我花更多的时间和精力创作更多有价值的内容。

如果您愿意支持我的创作，请扫描下面二维码，您的支持将不胜感激。同时，如果您有任何反馈或建议，也欢迎与我分享。

在这里插入图片描述

再次感谢您的阅读和支持！

最诚挚的问候， “愚公搬代码”

愚公搬代码
关注
  • 13
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
【愚公系列】《微信小程序开发解析》001-概论
时光隧道
07-06 1万+
微信小程序是继微信公众号、企业微信之后，腾讯推出的微信体系中的另一个重要组成部分。它是一种无需下载、安装即可使用的应用，用户可以通过扫描二维码或搜索小程序名称来打开应用，体现了“用完即走”的理念，不需要担心安装太多应用的问题，应用随处可用，无须安装和卸载。
【愚公系列】《微信小程序开发解析》005-事件
时光隧道
07-10 1万+
在微信小程序中，事件是用户和程序之间交互的核心概念。通过事件，用户可以与小程序进行各种交互操作，例如点击按钮、输入文字、滑动屏幕等。以下是微信小程序中事件的概念和使用方法。事件类型触摸事件：包括触摸开始、触摸移动、触摸结束等，如touchstarttouchmovetouchend等。鼠标事件：主要用于 PC 端小程序，如clickdblclick等。表单事件：与表单控件相关的事件，如submitinputfocusblur等。媒体事件：与音视频控件相关的事件，如playpauseended等。
【愚公系列】《微信小程序开发解析》011-地图组件
时光隧道
07-13 9656
在移动互联网迅速发展的今天，微信小程序已经成为企业和开发者们提升用户体验、提供便捷服务的重要平台。地图组件作为微信小程序中的一个核心功能，广泛应用于定位、导航、路径规划等多种场景中，为用户提供了精准、高效的位置服务。本篇文章将详细介绍微信小程序地图组件的使用方法与开发技巧。我们将从基础的组件配置入手，逐步深入到地图的交互操作、自定义样式及高级功能的实现。无论你是刚刚入门的小程序开发者，还是有一定经验的技术人员，这篇文章都将为你提供全面而实用的指导。
【愚公系列】《微信小程序开发解析》002-小程序基础知识
热门推荐
时光隧道
07-07 1万+
小程序是一种轻量级应用程序，用户可以在不需要下载安装的情况下直接使用。小程序通常具有较小的体积，快速加载速度，提供类似原生应用的用户体验。
【愚公系列】《微信小程序开发解析》008-表单组件
时光隧道
07-30 2432
微信小程序中的表单组件是用于创建和管理用户输入的界面元素。这些组件允许开发者在小程序中轻松地收集用户信息，比如文本、数字、选择项等。表单组件通常用于需要用户填写信息的场景，如注册、登录、提交订单、反馈等。表单容器：用于包裹表单元素，提供表单提交的功能。输入框：用于接收用户输入的文本信息。可以设置不同类型，如文本、数字、密码等。多行文本输入框：用于接收用户输入的多行文本信息。按钮：用于表单提交或执行其他操作。复选框：用于让用户进行多选操作。复选框组：用于把多个复选框组合在一起，便于管理。单选框。
【愚公系列】《微信小程序开发解析》009-导航组件
时光隧道
07-28 2438
随着移动互联网的发展，微信小程序逐渐成为了许多开发者和企业的热门选择。作为一种轻量级应用，小程序无需下载即可使用，极大地方便了用户的操作体验。在开发微信小程序时，良好的导航结构是提升用户体验的关键因素之一。在本文中，我们将深入探讨微信小程序中的导航组件。通过对比不同类型的导航方式，如Tab Bar、Navigator组件，以及自定义导航栏，我们将帮助你全面了解如何在小程序中实现高效、直观的导航设计。同时，我们还会分享一些实用的开发技巧和常见问题的解决方案，以便你能在实际项目中灵活应用这些知识。
【愚公系列】《微信小程序开发解析》010-媒体组件
时光隧道
07-13 9326
随着微信小程序的普及，开发者们越来越重视如何在小程序中呈现丰富的多媒体内容。媒体组件作为微信小程序的重要组成部分，为开发者提供了强大的工具来嵌入和控制图片、音频、视频等多媒体元素，使得用户体验更加生动和互动。本篇文章将详细介绍微信小程序中的媒体组件，包括其主要类型、使用方法及其在实际开发中的应用场景。我们将通过具体实例和代码示例，帮助大家快速掌握这些组件的基本用法和高级技巧，提升开发效率和应用品质。同时，我们还会分享一些常见问题的解决方案及最佳实践，帮助开发者避免常见的坑，提高项目的稳定性和用户满意度。
【愚公系列】《微信小程序开发解析》006-视图容器组件
时光隧道
07-10 1万+
在微信小程序开发中，视图容器组件是构建用户界面的基础模块。它们不仅用于布局和组织页面内容，还能实现许多复杂的交互效果。无论是简单的页面布局，还是复杂的界面设计，视图容器组件都扮演着不可或缺的角色。本篇文章将深入探讨微信小程序中的视图容器组件，详细介绍其主要类型、使用方法以及在实际开发中的应用场景。我们将通过实例代码，帮助大家快速掌握这些组件的使用技巧，提高开发效率。同时，还会分享一些常见问题的解决方案以及最佳实践，希望能对各位开发者有所帮助。
【愚公系列】《微信小程序开发解析》013-基础API
时光隧道
07-16 5030
随着移动互联网的快速发展，微信小程序因其轻量化和便捷性受到了广泛欢迎。作为一种创新的应用形式，小程序让开发者能够快速构建和发布应用，从而满足用户多样化的需求。在这一过程中，掌握微信小程序的基础API是每位开发者必不可少的技能。是同步的，调用后立即返回信息，但会阻塞后续代码的执行。是异步的，需要通过回调函数获取信息，不会阻塞后续代码的执行。选择哪个 API 主要取决于具体的使用场景和性能需求。如果需要立即使用系统信息并且对性能影响不大，可以使用同步方法；
【愚公系列】《微信小程序开发解析》014-网络API
时光隧道
07-16 5065
在现代移动应用开发中，网络通信是至关重要的一环。微信小程序作为一种轻量级的应用形式，凭借其便捷的使用体验和丰富的功能，已经成为开发者和用户的热门选择。为了实现与服务器的数据交互，掌握微信小程序的网络API显得尤为重要。本文将深入探讨微信小程序的网络API，帮助开发者了解如何高效地进行数据请求、处理响应以及管理网络状态。我们将详细讲解常用的网络API，包括wx.request和等，结合实际案例和使用场景，展示如何在小程序中实现数据的获取和交互。
小程序webgl-demo
11-18
而在小程序开发中，WebGL技术的引入为开发者提供了更丰富的图形渲染能力，使得小程序能够展现出更为精美的3D视觉效果。本文将深入探讨“小程序WebGL-demo”中的关键知识点，帮助开发者理解并掌握如何在小程序中应用...
愚公学堂-时间管理-crx插件
04-04
这款插件采用了CRX格式，这是一种用于Chrome浏览器扩展程序的打包格式，使得用户可以便捷地在浏览器上安装和使用这个时间管理应用。 时间管理是个人效率提升的关键要素，它涉及到如何合理分配和利用有限的时间资源...
文言文120实词小故事完整解析版[参照].pdf
10-11
"文言文120实词小故事完整解析版[参照]" 本文言文120实词小故事完整解析版是根据《文言文120实词小故事完整解析版[参照]》所提供的文件信息，涵盖了十三个小故事，每个故事都包含了独特的知识点。 1. 文言实词小...
《Android应用框架原理与程序设计》第三版.rar
07-09
高煥堂 著 《Android应用框架原理与程序设计》第三版 ，繁体中文版！ 由於Android 正式(1.0)版和HTC/Android 實體手機皆已經上市了，因之本書也針對Android 1.0 版的出爐而即時修訂，成為本書的第三版。 大家幾乎...
JAVA面向对象设计和常用类 声音设备模拟
02-05
根据下图所描述的运输货物场景下的类的体系结构，请用面向对象的类、继承、接口等概念用JAVA程序实现该体系结构，并按如下要求编写主方法测试你的实现： （1）Soundable是一个接口，包含三个抽象方法：play()表示...
PHP物业收费管理小程序系统源码
最新发布
2401_84413757的博客
08-06 267
物业收费管理小程序，以科技赋能物业管理，让缴费变得更加简单、透明、高效。它不仅为业主提供了极大的便利，也为物业管理者带来了全新的管理模式和工作体验。让我们携手步入智能生活的新篇章，享受更加便捷、舒适的居住环境吧！🎉🏡。
基于springboot+vue+uniapp的美术馆预约平台小程序
老卓爱爪哇 的博客
08-03 903
岳阳市美术馆预约平台使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理岳阳市美术馆预约平台信息，查看岳阳市美术馆预约平台信息，管理岳阳市美术馆预约平台。 总之，岳阳市美术馆预约平台集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。
小程序背景图片无法通过 WXSS 获取
m0_61368323的博客
08-03 454
将图片转换为base64，地址。可以使用网络图片，或者。
云开发喝酒小程序3.6全新漂亮UI猜拳喝酒小程序 【已去除流量主】
jiyc2008的博客
08-03 1003
云开发喝酒小程序3.6全新漂亮UI猜拳喝酒小程序 已去除流量主。UI特别漂亮，实属精品代码。
帮我封装个微信小程序日期时间组件
03-14
好的，我可以为您提供一个微信小程序日期时间组件的封装。以下是示例代码： ```javascript Component({ properties: { value: { type: String, value: '', observer: '_valueChanged' } }, data: { date: '', time: '' }, methods: { _valueChanged: function (newValue) { if (newValue) { var dateTime = newValue.split(' '); this.setData({ date: dateTime[0], time: dateTime[1] }); } }, bindDateChange: function (e) { this.setData({ date: e.detail.value }); this._emitDateTime(); }, bindTimeChange: function (e) { this.setData({ time: e.detail.value }); this._emitDateTime(); }, _emitDateTime: function () { var dateTime = this.data.date + ' ' + this.data.time; this.triggerEvent('change', { value: dateTime }); } } }); ``` 您可以将此组件添加到您的微信小程序中，并使用以下代码调用它： ```html <datetime-picker value="{{dateTime}}" bind:change="onDateTimeChange"></datetime-picker> ``` 其中，`dateTime` 是一个字符串类型的变量，表示当前选定的日期和时间。`onDateTimeChange` 是一个回调函数，当用户选择日期或时间时，将调用此函数并传递新的日期时间值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

愚公搬代码

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

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

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

打赏作者

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

抵扣说明：

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

余额充值