uniapp web-view 引入本地html及paypal境外支付

最新推荐文章于 2024-03-18 15:34:25 发布

努力，加油，奋斗

最新推荐文章于 2024-03-18 15:34:25 发布

阅读量2.5k

点赞数 1

分类专栏： vue 笔记 uni-app

本文链接：https://blog.csdn.net/qq_43681948/article/details/111610427

版权

笔记同时被 3 个专栏收录

40 篇文章 1 订阅

订阅专栏

vue

25 篇文章 2 订阅

订阅专栏

uni-app

1 篇文章 0 订阅

订阅专栏

1.把html文件放在static里然后用web-view引用
不废话，直接上代码

<template>
	<view>
		<web-view src="../../static/index.html"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style>
</style>

html部分

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>支付</title>
	</head>
	<body>
		<div id="app">
		</div>
		<!-- client-id后边放你的 -->
		<script src="https://www.paypal.com/sdk/js?client-id=AfIMY4ZCbT5I-W5aUDRB04r6RBbRauiGmrRn9OniS7DvUojWKK0lvFufPDU8RAdwwQckBewTYpXue9gG"></script>
		<!-- AcP31iLnpcCZglGPqNeO6gIRZh1qtPCfeyP_vK0lJhcJTgXcAzOrObRmqjtZSwHZlOahAyz6TMaUyw8i -->
		<!-- Secret  EAGuyYuoJthKf0CzdhNct41dhqp5cOfpIoDmGbICYf45AvwhRzavXgS7KPknYGWWpBQVOIqsNoQZnZ_y-->
		<script>
			paypal.Buttons({
				createOrder: function(data, actions) {
					// 定义一下要付多少钱 
					return actions.order.create({
						purchase_units: [{
							amount: {
								value: '0.03'
							}
						}]
					});
				},
				onApprove: function(data, actions) {
					// console.log(data,actions)
					return actions.order.capture().then(function(details) {
						// 付款成功之后的回调
						// alert('Transaction completed by ' + details.payer.name.given_name);
						console.log('details', details)
						// 告诉你自己的服务器订单号,方便后续的查询
						// return fetch('/paypal-transaction-complete', {
						// 	method: 'post',
						// 	headers: {
						// 		'content-type': 'application/json'
						// 	},
						// 	body: JSON.stringify({
						// 		orderID: data.orderID
						// 	})
						// });
					});
				}
			}).render('#app');
			// 把付款按钮放id为app的盒子里
		</script>
	</body>
</html>

后台获取数据


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
 
	</head>
	<body>
		<div id="app">
			<!-- <a href="https://www.sandbox.paypal.com/checkoutnow?token=2WS51818F50060318">fdsfdsf</a> -->
		</div>
		<script src="https://www.paypal.com/sdk/js?client-id=AbNCiAHKivvcx14ePiJWBgRkiEjf6JKa0-f12lg2lcwJIU5OVi5JZY3Hxrj5miWGF-WbcgAJSkcshO7t"></script>
		<!-- AcP31iLnpcCZglGPqNeO6gIRZh1qtPCfeyP_vK0lJhcJTgXcAzOrObRmqjtZSwHZlOahAyz6TMaUyw8i -->
		<script>
			paypal.Buttons({
				createOrder: function(data, actions) {
					// 这个a现在是写死的,实际是后台传来的.就ok了
					var a = "95F21375EK077912C"
					return a;
					
				},
				onApprove: function(data, actions) {
					return actions.order.capture().then(function(details) {
						// 支付完成的回调.
						console.log(details)
						alert('Transaction completed by ' + details.payer.name.given_name);
						// Call your server to save the transaction
						return "";
					});
				}
			}).render('#app');
		</script>
	</body>
</html>

努力，加油，奋斗

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
7
评论
uniapp web-view 引入本地html及paypal境外支付

1.把html文件放在static里然后用web-view引用不废话，直接上代码<template> <view> <web-view src="../../static/index.html"></web-view> </view></template><script> export default { data() { return {} }, methods: {} }&lt
复制链接

扫一扫