html微信支付功能代码,H5调起微信支付功能(示例代码)

落日映苍穹つ 2022-10-06 11:56 633阅读 0赞

第一步：需要后端返回需要的以下参数：

该操作是你提交完订单信息后在接口所返回的json，

其次将其存储起来，我用的localStorage

var payParams = \{

"appId":$wxData.appId,

"timeStamp":$wxData.timeStamp, //时间戳，自1970年以来的秒数

"nonceStr":$wxData.nonceStr, //随机串

"package": $wxData.package,

"signType":$wxData.signType, //微信签名方式：

"paySign":$wxData.paySign //微信签名

\};

第二步：新建空白页面(订单支付按钮跳转后的页面)

function onBridgeReady() \{

var req = localStorage.getItem("payParams");

if (!req) return;

else req = JSON.parse(req);

WeixinJSBridge.invoke(

‘getBrandWCPayRequest‘, req,

function(res) \{

if (res.err\_msg == "get\_brand\_wcpay\_request:ok") \{

// alert("支付成功");

\} // 使用以上方式判断前端返回,微信团队郑重提示：res.err\_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。

else \{

console.log(res.err\_msg);

//支付失败后的操作

window.location.href = "pay.html?ticketPrice="+$tickprice+"&actid="+$actid+"&ticketId="+$ticketId+"&sellerid="+$sellerid;

\}

\}

);

\}

if (typeof WeixinJSBridge == "undefined") \{

if (document.addEventListener) \{

document.addEventListener(‘WeixinJSBridgeReady‘, onBridgeReady, false);

\} else if (document.attachEvent) \{

document.attachEvent(‘WeixinJSBridgeReady‘, onBridgeReady);

document.attachEvent(‘onWeixinJSBridgeReady‘, onBridgeReady);

\}

\} else \{

onBridgeReady();

\}

完事了 前端工作 ，但是就是跟后台配合获取微信名称，openid 等等 可能比较耗费时间

发表评论取消回复

表情：

评论列表（有 0 条评论，633人围观）

还没有评论，来说两句吧...

相关阅读

相关微信H5支付

1. 调起微信支付的域名要和微信支付配置的一致,导致无法本地测试解决方案：修改本地host文件将配置的域名指向本机, 手机wifi使用本机代理上网。 [IJP

男娘i/ 2023年07月12日 09:19/ 0 赞/ 21 阅读

相关微信支付 h5支付

1. 调起微信支付的域名要和微信支付配置的一致,导致无法本地测试解决方案：修改本地host文件将配置的域名指向本机, 手机wifi使用本机代理上网。 [IJP

太过爱你忘了你带给我的痛/ 2023年06月19日 07:20/ 0 赞/ 7 阅读

相关 VUE_微信浏览器调用微信支付，h5调用微信支付，h5调用支付宝支付

import { Toast,Dialog } from 'vant'; //微信支付兼容微信浏览器和h5 wxpay:function(wxCo

朱雀/ 2023年01月13日 15:59/ 0 赞/ 479 阅读

相关微信公众号h5支付功能

首先要配置参数：jsApiList：\["chooseWXPay"\] // 获取微信配置 function getconfig(){

左手的ㄟ右手/ 2022年11月26日 15:59/ 0 赞/ 286 阅读

相关 html微信支付功能代码,H5调起微信支付功能(示例代码)

第一步：需要后端返回需要的以下参数：该操作是你提交完订单信息后在接口所返回的json，其次将其存储起来，我用的localStorage var payParams =

落日映苍穹つ/ 2022年10月06日 11:56/ 0 赞/ 634 阅读

相关微信h5支付，微信外浏览器支付实现

微信h5支付，微信外浏览器支付实现 [http://blog.csdn.net/Goligory/article/details/78392505][http_blog.cs

左手的ㄟ右手/ 2022年06月02日 06:43/ 0 赞/ 379 阅读

相关 React中微信H5支付实现代码

一、请求自己服务器获取data数据二、解析获取数据 const urlArr = window.location.href;

Love The Way You Lie/ 2022年03月18日 09:58/ 0 赞/ 406 阅读

相关微信里调起微信支付步骤

微信JS-SDK使用步骤： 1.引入文件：<script type="text/javascript" src="http://res.wx.qq.com/open/

╰+哭是因爲堅強的太久メ/ 2022年02月23日 11:18/ 0 赞/ 406 阅读

相关微信支付案例代码

[https://github.com/WeChat-Group/weixin-java-tools][https_github.com_WeChat-Group_weixin

妖狐艹你老母/ 2021年10月09日 10:20/ 0 赞/ 399 阅读

相关 Easy-Pay一行代码解决支付宝微信支付功能

Easy-Pay一行代码解决支付宝微信支付功能\ 注意事项如果只想使用支付宝或微信其中一方支付方式，配置文件只需要配置微信或支付宝的配置无需两个支付方式都配置

你的名字/ 2021年04月22日 16:14/ 0 赞/ 595 阅读