这里先引入依赖
前端:
用js实现:
<!DOCTYPE html>
<html>
<head>
<script src="https://js.stripe.com/v3/"></script>
</head>
<script type="text/javascript">
// 初始化stripe,这里填自己的pkKey
var stripe = Stripe("your pkKey");
// session由后台传过来,这里不作过多描述,后面有java后台代码
stripe.redirectToCheckout({ sessionId: res.sessionId })
</script>
</html>
或者
Vue实现:
1、安装命令
npm install @vue-stripe/vue-stripe
2、直接上代码
<template>
<div>
<stripe-checkout
ref="checkoutRef"
:pk="pkKey"
:session-id="sessionId"
/>
<button @click="submit">结账</button>
</div>
</template>
<script>
import { StripeCheckout } from '