uniapp微信小程序JSAPI支付前端生成签名,并调起微信支付

这篇具有很好参考价值的文章主要介绍了uniapp微信小程序JSAPI支付前端生成签名,并调起微信支付。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

签名方式使用的是SHA256withRSA

插件 npm install jsrsasign
使用文章来源地址https://www.toymoban.com/news/detail-797244.html

import jsrsasign from 'jsrsasign'

	let encipher= new jsrsasign.RSAKey() 
    // 私钥 在微信端申请好后会有,一般由后端提供
    const key = `-----BEGIN PRIVATE KEY-----  
    -----END PRIVATE KEY-----` 
     // 把私钥转成16进制并设置秘钥
    encipher= jsrsasign.KEYUTIL.getKey(key ) 
    // 设置SHA256withRSA方式加密
    const sig = new jsrsasign.KJUR.crypto.Signature({
      alg: 'SHA256withRSA'
    }) 
    // 初始化
    sig.init(encipher) 
    // 需要加密的字段,这里注意下一定要按每一个字段一行,切末位加上 \n
   	const str =
						`${this.payObj.appId}\n`+
						`${this.payObj.timeStamp}\n`+
						`${this.payObj.nonceStr}\n`+
						`${this.payObj.package}\n`
					const paySign = sig.updateString(str)
					// 加密后,转成base64
					const sign = jsrsasign.hextob64(sig.sign()
		uni.requestPayment({
						provider:  ‘wxpay’, //支付类型-固定值 这里是微信支付
						timeStamp: this.payObj.timeStamp, // 时间戳(单位:秒)要和上面签名的一致
						nonceStr: this.payObj.nonceStr, // 随机字符串
						package: this.payObj.package, // 固定值
						signType: this.payObj.signType, //固定值
						paySign: sign, //签名

						success: function(res) {
							// console.log('success:' + JSON.stringify(res));
							console.log("支付成功");
							uni.showToast({
								icon: 'success',
								title: '支付成功'
							})

							//清空输入框
							that.name = ''
							that.idcard = ''
						},

						fail: function(err) {
							// console.log('fail:' + JSON.stringify(err));
							console.log("支付失败", err);
							uni.showToast({
								icon: 'none',
								title: '支付失败'
							})
						}
					});


到了这里,关于uniapp微信小程序JSAPI支付前端生成签名,并调起微信支付的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • java微信小程序支付-回调(Jsapi-APIv3)

            准备:  接入前准备-小程序支付 | 微信支付商户平台文档中心 准备好了就可以获得( 第二点里需要的参数 ):         参数1 商户号 merchantId:xxxxxx(全是数字)         参数2 商户APIV3密钥 apiV3key:xxxxxxx(32位字母数字大小写串,开发自己准备的)         参

    2024年02月08日
    浏览(36)
  • 【微信小程序】Java实现微信支付(小程序支付JSAPI-V3)java-sdk工具包

          对于一个没有写过支付的小白,打开微信支付官方文档时彻底懵逼 ,因为 微信支付文档太过详细, 导致我无从下手,所以写此文章,帮助第一次写支付的小伙伴梳理一下。 一、流程分为三个接口:(这是前言,先看一遍,保持印象,方便理解代码) 1、第一个接口:

    2024年02月03日
    浏览(45)
  • 【微信小程序】Java实现微信支付(小程序支付JSAPI-V3)java-sdk工具包(包含支付出现的多次回调的问题解析,接口幂等性)

          对于一个没有写过支付的小白,打开微信支付官方文档时彻底懵逼 ,因为 微信支付文档太过详细, 导致我无从下手,所以写此文章,帮助第一次写支付的小伙伴梳理一下。 一、流程分为三个接口:(这是前言,先看一遍,保持印象,方便理解代码) 1、第一个接口:

    2024年01月16日
    浏览(60)
  • 【微信小程序支付功能】uniapp实现微信小程序支付功能

    场景 :要实现公司微信小程序的电商模块微信支付功能 一.实现步骤和思路 在登录状态,登录的时候获取到code,利用code获取到 openid: https://blog.csdn.net/weixin_45308405/article/details/128868377?spm=1001.2014.3001.5501 在manifest.json文件“App模块配置”项的“Payment(支付)”下,勾选“微信支付

    2024年02月11日
    浏览(36)
  • uniapp写微信小程序实现电子签名

    写电子签名一定要注意的是一切全部按照手机上的适配来,为啥这么说呢,因为你在微信开发者工具中调试的时候认为是好的,正常的非常nice,当你发布版本的时候你会发现问题出来了。我下边的写法你可以直接用很简单。就是要记住canvas的几个属性和用法。 直接上干货 1.签

    2024年01月18日
    浏览(37)
  • 微信小程序电子签名及图片生成

    在微信小程序中实现电子签名及图片生成的功能,可以通过使用canvas来实现。下面是实现步骤的简要介绍: 1. 在wxml文件中使用canvas标签创建画布,指定画布的宽度和高度,并设置一个唯一的id来标识该canvas。 2. 在js文件中获取到该canvas的上下文对象,可以使用wx.createCanvasCo

    2024年02月07日
    浏览(35)
  • 微信小程序支付流程(前端)

    微信小程序的支付只要用到官方的支付API : wx.requestPayment(Object object) 官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html 1、总体流程 一般情况下,前端接触到的支付流程是这样的:商品页选择商品 —— 提交商品订单(跳转到确认订单页) ——

    2024年02月11日
    浏览(42)
  • 微信支付,JSAPI支付,APP支付,H5支付,Native支付,小程序支付功能详情以及回调处理

    支付wiki: https://pay.weixin.qq.com/wiki/doc/apiv3/index.shtml 支付api: https://pay.weixin.qq.com/wiki/doc/apiv3/apis/index.shtml 开发工具包(SDK)下载: https://pay.weixin.qq.com/wiki/doc/apiv3/wechatpay/wechatpay6_0.shtml#part-1 1.1简介 JSAPI支付是指商户通过调用微信支付提供的JSAPI接口,在支付场景中调起微信支付模

    2023年04月18日
    浏览(35)
  • uniapp前端+python后端=微信小程序支付到底怎么开发???国内的资料为什么没一篇能讲清楚,简简单单的只需要3步就可以了-V2版本

    真的,在接到这个任务的时候,本以为很简单,不就是普通的浏览器复制粘贴,最不济找下gpt给生成一下,但是到实际开发就不同了,不是后端出问题就是前端,搜资料,上百度上google,基本每一个人讲的都不一样,不是这问题就是那问题,特别是微信官方,自己接口的逻辑

    2024年01月22日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包