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: {}}
</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 transactionreturn "";});}}).render('#app');</script></body>
</html>

uniapp web-view 引入本地html及paypal境外支付相关推荐

idea引入本地jar包及打包
1.引入本地jar包注:https://blog.csdn.net/hi_boy_/article/details/80908368 2.如果要打包成功,需作如下配置 <dependency& ...
在uni-app当中引入本地图片注意事项以及阿里矢量图iconfont.css当中文件查找失败:‘./iconfont.eot解决办法
一.uni-app及其vue项目中引入阿里矢量图iconfont.css无法找到 ./iconfont.eot?t=1606800914535,应该使用绝对路径使用绝对路径二.uni-app引入本 ...
paypal html5 支付,uniapp 对接 paypal支付（h5，app端）
由于工作需要,需要对接国外的PayPal支付,前端框架用的又是UNIAPP,众所周知UNIAPP国内的生态环境还可以,但是到了国外嘛嘿嘿懂得都懂. uniapp app对接Paypal支付作 ...
uniapp vue3中引入外部3D模型(适配App)
uniapp vue3中引入外部3D模型(适配App) 主要方式是通过renderjs来实现的, 因为使用threejs的话需要获取页面上的dom节点, 然后需要把threejs创建出来的canvan ...
为自己搭建一个鹊桥 -- Native Page与Web View之间的JSBridge实现方式
原文:为自己搭建一个鹊桥 -- Native Page与Web View之间的JSBridge实现方式说起JSBridge,大家最熟悉的应该就是微信的WeixinJSBridge,通过它各个公众页面 ...
html中怎样播放本地视频教程,【Axure9基础教程】内联框架如何引入本地音频视频 HTML PDF等本地文件...
在[ 在讲解如何插入本地文件之前需要先讲两个概念,相对路径和绝对路径,了解了这两个概览后,才能顺利的插入本地文件并识别成功绝对路径和相对路径是什么? 相对路径:相对路径就是相对于当前文件的路径,以引 ...
springBoot（maven）项目引入本地jar并打包
一.引入本地jar并通过编译 1. 给项目添加外部依赖选自己要引入的jar并添加,依赖列表中会显示新添加的jar 注意 \color{#FF0000}{注意} 注意:若是多个模块,注意模块之间的依赖 ...
【Unity 实用工具】 Unity 十款浏览器相关插件整理（web view browser）
目录 ??前言 ??浏览器相关插件 ??第一款:Embedded Browser (ZFBrowser) ??第二款:UniWebView ??第三款:Texture Web View (Androi ...
Appium——unknown error: cannot activate web view
测试步骤: 1. 打开必应APP(如果出现欢迎界面和定位服务弹窗,需要点掉) 2. 点击搜索按钮 3. 输入JAVA到搜索框 4. 点击搜索网页 5. 观察显示搜索出来的结果是否含有java 6. ...

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

uniapp web-view 引入本地html及paypal境外支付相关推荐

最新文章

热门文章