78 lines
3.2 KiB
React
78 lines
3.2 KiB
React
|
"use client";
|
|||
|
|
|
|||
|
|
import React, { useState, useEffect } from "react";
|
|||
|
|
import { useRouter, useSearchParams } from "next/navigation";
|
|||
|
|
|
|||
|
|
export default function InWeixin({ params }) {
|
|||
|
|
const router = useRouter();
|
|||
|
|
const searchParams = useSearchParams();
|
|||
|
|
|
|||
|
|
const [code, setCode] = useState("no code");
|
|||
|
|
const [body, setBody] = useState({});
|
|||
|
|
const [info, setInfo] = useState("no data");
|
|||
|
|
useEffect(() => {
|
|||
|
|
// //获取code
|
|||
|
|
// const temCode = searchParams.get("code");
|
|||
|
|
// setCode(temCode);
|
|||
|
|
|
|||
|
|
// //获取支付body
|
|||
|
|
// const strBody = decodeURIComponent(params.body);
|
|||
|
|
// const temBody = JSON.parse(strBody);
|
|||
|
|
// setBody(temBody);
|
|||
|
|
|
|||
|
|
function onBridgeReady() {
|
|||
|
|
WeixinJSBridge.invoke(
|
|||
|
|
"getBrandWCPayRequest",
|
|||
|
|
{
|
|||
|
|
appId: "wxc28fd8aaf31984b6", //公众号ID，由商户传入
|
|||
|
|
timeStamp: "1708438397", //时间戳，自1970年以来的秒数
|
|||
|
|
nonceStr: "jXEwa7uEExqFjjlByZivG623Akbzg3Cv", //随机串
|
|||
|
|
package: "prepay_id=wx2022131953635431d27a15e2c95e460000",
|
|||
|
|
signType: "RSA", //微信签名方式：
|
|||
|
|
paySign:
|
|||
|
|
"0rODbhGbNidvOcdyC3+JW5pP6DEd+DZZs0Zg3oMvbQ1pC857YvISgrS8QM2yEZpJFWCnjmUmjyQijp3ZxfV5kqr4x8+l+cmNlc87sDtkXhn/pUNMSKtdt+X9KmOrykBjsLj7hztaPoFSwkGYpxHUrxwiooW+y3to5QqD550CaER7XhAAK5knItPy6pa8rGtYPpEpCn8OkcHHVkuGAcawej1a6MGw2byEv2eRusr1VbUVWENgu557qBdGA2NHoOHfRL3n/goOvt1KXTYRtb+BkwsssHJQb8gyuz0qBR/aNFcSUBb4eSBenWAm1L+Wp/ndxLMkxr1ixQblwEJ9I2NPZw==", //微信签名
|
|||
|
|
},
|
|||
|
|
function (res) {
|
|||
|
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
|||
|
|
// 使用以上方式判断前端返回,微信团队郑重提示：
|
|||
|
|
//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
|
|||
|
|
setInfo("success");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
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();
|
|||
|
|
}
|
|||
|
|
}, []);
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<section className="flex flex-1 flex-col container bg-white">
|
|||
|
|
<div className="flex flex-col">
|
|||
|
|
<p className="text-center text-black text-lg font-medium py-2">
|
|||
|
|
微信安全支付
|
|||
|
|
</p>
|
|||
|
|
<hr className="bg-secondary" />
|
|||
|
|
</div>
|
|||
|
|
<div className="flex flex-col items-center">
|
|||
|
|
<svg viewBox="0 0 1024 1024" width="100" height="100">
|
|||
|
|
<path
|
|||
|
|
d="M512 85.333333a426.666667 426.666667 0 1 0 426.666667 426.666667A426.666667 426.666667 0 0 0 512 85.333333z m42.666667 597.333334a42.666667 42.666667 0 0 1-85.333334 0v-213.333334a42.666667 42.666667 0 0 1 85.333334 0z m-42.666667-298.666667a42.666667 42.666667 0 1 1 42.666667-42.666667 42.666667 42.666667 0 0 1-42.666667 42.666667z"
|
|||
|
|
fill="#5fc157"
|
|||
|
|
></path>
|
|||
|
|
</svg>
|
|||
|
|
<p className="text-sm text-[#5fc157]">正在跳转...</p>
|
|||
|
|
</div>
|
|||
|
|
<p className="text-sm text-black">{code}</p>
|
|||
|
|
<p className="text-sm text-black">{info}</p>
|
|||
|
|
</section>
|
|||
|
|
);
|
|||
|
|
}
|