首页 > 编程语言 >微信小程序-微信支付功能接入步骤,适用所有编程语言,附源码

微信小程序-微信支付功能接入步骤,适用所有编程语言,附源码

时间:2024-10-02 13:47:16浏览次数:3  
标签:编程语言 商户 微信 证书 程序 源码 支付 根目录

微信支付作为中国最流行的移动支付方式之一,在微信小程序中集成微信支付功能可以极大的提升用户体验和业务转换率。那么如何在微信小程序实现微信支付的功能呢?(该文章通过nodejs接入,其他编程语言接入的步骤也是一样的哦!)请看下文步骤:

demo源码地址:

小程序支付: 微信小程序支付demo

小程序支付: 微信小程序支付demo (gitee.com)

首先,你应该提前准备好对应的接入资料,并且仔细阅读官方文档哈!那么要准备啥呢?

1. 准备好你的商户号和证书序列号

  • 商户号在这里看:进入商户平台——头部导航栏点击账户中心——点击左边的商户信息——就能看到啦!

22b5f7261df5441a9bf9aa3dad9ef9a9.png

  • 证书序列号在这里看:进入商户平台——头部导航栏点击账户中心——点击左边的API安全——管理证书——证书序列号e621c36a271d4834993f5f592d7f6b2e.pngd16749b333f84a4a92cb67d2f8f9a65c.png

2. 准备好你的小程序AppID和AppSecret:进入微信公众平台,选择你的小程序登录!

1d7e6026efd149819694ef7959f55b5c.png

3. 将商户号和小程序AppID进行关联。先去商户平台输入小程序AppID,再回去小程序确认。

af532e01ad5044338c733fb597efd872.png7b7ab2fa27044272a236b8751ce68a58.png

准备好资料就可以进入开发阶段啦,自己准备好NodeJS的开发环境哦!!!

第一步:进入根目录,打开终端输入npm i axios cors dotenv express,安装我们开发所需要的依赖包。

  • axios:用于发起HTTP请求,与微信官方服务器进行交互;
  • cors:实现跨域资源共享;
  • dotenv:提供环境变量加载功能,从.env文件中加载环境变量;
  • express:NodeJS框架,用于搭建服务器端应用。

f824e34db6aa4d4ab3980dc492f339c5.png

第二步:在根目录新建.env,将准备好的资料放入,以便开发使用。

874192171ebc42be8cfd7a53a36744ad.png

第三步:将你申请的证书公钥和密钥放入根目录或者其他地方。

f498b2b7596447e6896773f51f7e0778.png

第四步:搭建服务器,并获取openid,openid用于识别支付者是谁。

  • 搭建服务器,在根目录新建一个router文件夹和serve.js文件,router文件夹里在新建一个wxlogin.js文件,然后编写代码。

26b632f0a36b4e72806e1b5ec1f5c366.png

// serve.js

//  导入express模块
co

标签:编程语言,商户,微信,证书,程序,源码,支付,根目录
From: https://blog.csdn.net/ZF_love1/article/details/142660007

相关文章