APP支付宝授权获取code uniapp

1.点击使用plus.runtime跳转打开支付宝


//打开支付宝授权，在支付宝APP中授权后会在支付宝中跳转到你填写的h5地址//urls是授权地址可以后端拼接也可以前端写死
//以下是一个拼接示例，需修改app_id的值和redirect_uri的值即可
//app_id是商户的APPID，redirect_uri是你在支付宝中授权后的回调地址，在回调页面中你可以在路由中获取auth_codelet urls='https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=******&scope=auth_userinfo&redirect_uri=https://****.com/html';
urls=encodeURIComponent(urls);//将地址编码成浏览器访问的格式
// 判断平台
if (plus.os.name == 'Android') {plus.runtime.openURL('alipays://platformapi/startapp?appId=20000067&url=' + urls,res => {//这里写打开URL地址失败后的处理console.log(res);uni.showModal({content: '本机未检测到对应客户端，是否打开浏览器访问页面？',success: function (res) {if (res.confirm) {//plus.runtime.openURL();}}});},'com.eg.android.AlipayGphone');
} else if (plus.os.name == 'iOS') {plus.runtime.openURL('alipay://platformapi/startapp?appId=20000067&url=' + urls,res => {console.log(res);uni.showModal({content: '本机未检测到对应客户端，是否打开浏览器访问页面？',success: function (res) {if (res.confirm) {//plus.runtime.openURL(url);}}});},'com.eg.android.AlipayGphone');
}

2.给APP设置一个UrlScheme，用作从支付宝返回APP使用

HBuilder/HBuilderX自带真机运行基座的UrlSchemes为"hbuilder://"，设置后从新打包才会生效

PS：ios端ios9以下需要把设置的UrlSchemes添加到白名单才可使用，否则会报错（plus.runtime.openURL 报错code:-3,msg:此功能不支持），具体添加如下：

5+App项目
在manifest.json文件的"plus"->"distribute"->"apple"下添加urlschemewhitelist节点数据如下：

"plus": {    
"distribute": {    
"apple": {    "urlschemewhitelist": [    "BaiduSSO",  "qqmusic"  ],    //...    
},    
//...    
},    
//...    
}

uni-app项目 
把上面的urlschemewhitelist节点数据放到manifest.json的"app-plus"->"distribute"->"ios"节点下 注意：保存后提交App云端打包后才能生效 或者自定义基座运行也可，列表最多可添加50个

3.编写h5回调页面，编写完成后放置到服务器上

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>汽震音乐</title><style>body {display: flex;justify-content: center;align-items: center;text-align: center;height: 90vh;font-size: .9375rem;}content{display: flex;flex-direction: column;justify-content: center ;align-items: center;}.logo_img {width: 4.6rem;height: 4.6rem;margin-bottom: 1rem;}.title{font-family: PingFangSC, PingFang SC;font-weight: 600;font-size: 1.2rem;color: #000000;font-style: normal;margin-bottom: 0.4rem;}#box {width: 16rem;height: 2.4rem;text-align: center;line-height: 2.4rem;border-radius: 1.2rem;background: linear-gradient( 225deg, #F1EA3D 0%, #8FEE6B 54%, #72D5E4 100%);border-radius: 0.7rem;font-family: PingFangSC, PingFang SC;font-weight: 600;font-size: 1.06rem;color: #000000;text-align: center;font-style: normal;position: fixed;bottom: 12.2rem;left: calc(50% - 8rem);}.desc {font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 0.8rem;color: #9C9C9C;font-style: normal;}</style>
</head><body><content><img src="./logo.png" class="logo_img"><div class="title">您已授权</div><div class="desc">请点击返回汽震音乐</div><div id="box" onclick="func()">返回汽震音乐</div></content>
</body><script>// 获取auth_code
function getQueryVariable(variable) {  var query = window.location.search.substring(1);  var vars = query.split("&");  for (var i = 0; i < vars.length; i++) {  var pair = vars[i].split("=");  if (pair[0] == variable) {  return pair[1];  }  }  return (false);  
}
async function copyURL(){try {await navigator.clipboard.writeText(window.location.href);alert("已复制链接请到浏览器打开");// 这里可以添加用户通知或其他UI反馈} catch (err) {alert("请点击右上角复制链接，到浏览器打开");}
}
function func() {let code = getQueryVariable("auth_code");// 判断是那种设备let u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;   // Android系统或者uc浏览器var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);   // iOS系统// 如果为Android系统if (isAndroid) {window.location.href = "***music://auth_code=" + code; // 注意*** 这里需要修改为刚刚设置的urlscheme，auth_code需要后端拼接。auth_code只有后端才能拿到window.setTimeout(function () {copyURL();}, 2000);window.setTimeout(function () {window.location.href = "https://rehuocm.com/download/";   // 3s后如果不能跳转到 App，则跳转到 App 的下载地址，一般是应用宝的对应的下载地址}, 4000);return;}// ios设备：原理：判断是否认识这个协议，认识则直接跳转，不认识就在这里下载appios();if (isiOS) {window.location.href = "***music://auth_code=" + code;window.setTimeout(function () {copyURL();}, 2000);window.setTimeout(function () {window.location.href = "https://apps.apple.com/cn/app/%E6%B1%BD%E9%9C%87%E9%9F%B3%E4%B9%90/id6575360289";   // 3s后如果不能跳转到 App，则跳转到 AppStore 的下载地址}, 4000);return;};
}</script></html>

PS：支付宝里在回调页面中点击返回自己的app中非常的不灵敏，我现在还没有好的解决方法，有好的解决方法欢迎评论告诉我

4.再APP中接收支付宝中回调页面返回的code

onShow((e) => {setTimeout(function(){  var args:any = plus.runtime.arguments; //这里可以看到从后端拿过来的urlscheme 或 通用链接plus.runtime.arguments = ''; //进入之后就把urlscheme清空要不然下一次oushow时还会执行args = args.split('auth_code');console.log(args)args = args[1].slice(1);console.log(args)if(args){// 处理args参数，如直达到某新页面等console.log(args,'code');}},0);})

PS：可能会出现跳转回APP成功了，但是拿不到带回来的参数，这时我们就要在pages.json文件下找到condition这个节点删除就可以了，它回影响ios的启动

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/403828.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

计算机网络系统速成

计算机网络系统速成

Http与Https Http与Https是两种重要的网络通信协议&#xff0c;它们在Web通信中扮演着关键角色。以下是对Http与Https的详细解析&#xff1a; 一、Http&#xff08;超文本传输协议&#xff09; 1. 定义与功能 定义&#xff1a;Http&#xff08;HyperText Transfer Protocol…
阅读更多...
Vue如何给计算属性computed传参的思考，看完就明白了！

Vue如何给计算属性computed传参的思考，看完就明白了！

一、缘起 事情的起因是这样的&#xff0c;有位朋友&#xff08;无中生友&#xff09;遇到了如下需求&#xff1a; 上面是一个商品列表&#xff0c;每个商品对应一个价格、优惠、数量&#xff0c;并且数量可以动态改变&#xff0c;最后动态计算出一个总价。当然&#xff0c;这只…
阅读更多...
Ubuntu修改命令提示符格式PS1

Ubuntu修改命令提示符格式PS1

命令提示符组成 通过Xshell进入Ubuntu的默认提示符是这样的 rootDESKTOP:~# root: 当前登录用户DESKTOP&#xff1a;主机名~: 当前目录名&#xff08;即用户主目录&#xff09;#&#xff1a;超级用户权限(root用户显示)$: 普通用户权限(非root用户显示) 修改命令提示符 step1…
阅读更多...
nginx实战演练

nginx实战演练

目录 一.Nginx架构和安装&#xff08;未完待续&#xff09; <1>.Nginx概述 <2>.Nginx架构和进程 <3>.Nginx模块 <4>.Nginx安装(编译安装) 二.Nginx基础配置 <1>.关闭debug <2>.将nginx软件添加到环境变量 <3>.开机自启动脚…
阅读更多...
Qt/C++地图标注点的添加删除移动旋转/指定不同图标和动图/拿到单击信号

Qt/C++地图标注点的添加删除移动旋转/指定不同图标和动图/拿到单击信号

一、前言说明 标注点在地图开发中是最常见的应用场景之一&#xff0c;比如在地图上需要显示设备的位置&#xff0c;基本上都是添加标注点&#xff0c;指定图片和尺寸已经经纬度坐标位置。这个功能在每种地图内核中都提供的&#xff0c;这个并没有任何难点&#xff0c;在这个功…
阅读更多...
CeresPCL 最小二乘插值（曲线拟合）

CeresPCL 最小二乘插值（曲线拟合）

一、简介 在多项式插值时，当数据点个数较多时，插值会导致多项式曲线阶数过高，带来不稳定因素。因此我们可以通过固定幂基函数的最高次数 m(m < n)，来对我们要拟合的曲线进行降阶。之前的函数形式就可以变为： 既然是最小二乘问题，那么就仍然可以使用Ceres来进行求解。 …
阅读更多...
★ C++基础篇 ★ vector 类

★ C++基础篇 ★ vector 类

Ciallo&#xff5e;(∠・ω< )⌒☆ ~ 今天&#xff0c;我将继续和大家一起学习C基础篇第六章----vector类 ~ 目录 一 vector的介绍及使用 1.1 vector的介绍 1.2 vector的使用 1.2.1 vector的定义 1.2.2 vector iterator 的使用 1.2.3 vector 空间增长问题 1.2.4 vecto…
阅读更多...
使用 Fyne 构建 GUI 应用：设置标签文本和自增计数器

使用 Fyne 构建 GUI 应用：设置标签文本和自增计数器

引言 Fyne 是一个用 Go 语言编写的跨平台 GUI 框架&#xff0c;它提供了一套丰富的组件来帮助开发者快速构建出漂亮的用户界面。在本文中&#xff0c;我们将通过一个简单的案例来演示如何使用 Fyne 创建 GUI 应用程序&#xff0c;该程序包含设置标签文本和自增计数器的功能。 …
阅读更多...
高可用集群keepalived从部署到实战一篇解决

高可用集群keepalived从部署到实战一篇解决

目录 一.高可用集群 1.1 集群类型 1.2 系统可用性 1.3 系统故障 1.4 实现高可用 1.5.VRRP&#xff1a; 1.5.1 VRRP 相关术语 1.5.2 VRRP 相关技术 二.Keepalived 部署 2.1 keepalived 简介 2.2keepalived架构 2.3 Keepalived 环境准备 2.4 Keepalived 相关文件 2.…
阅读更多...
Python编写Word文档

Python编写Word文档

目录 0. 安装依赖 1. 创建word文档 2. 添加标题、居中、字体16大小 3. 添加标题一 4. 添加一段话并设置字体颜色 封装函数 5. 换页 6. 插入表格 0. 安装依赖 python-docx1.1.2 1. 创建word文档 from docx import Documentdoc Document() 2. 添加标题、居中、字体1…
阅读更多...
智碳云/高能耗企业 水-电-气-热-油-空压机等能源数据采集系统【源码】

智碳云/高能耗企业 水-电-气-热-油-空压机等能源数据采集系统【源码】

智碳云/高能耗企业 水-电-气-热-油-空压机等能源数据采集系统【源码】 介绍基于SpringCloud的能源管理系统-能源管理平台源码-能源在线监测平台-双碳平台源码-SpringCloud全家桶-能管管理系统源码-能管系统软件架构
阅读更多...
【记git 重命名文件失败，和正确方法】

【记git 重命名文件失败，和正确方法】

【背景】 想要重命名一个文件&#xff0c;并同步到远程 【过程】 1.我是直接把 “驱动增加he.c” 文件重命名为 “驱动增加播放he接口方法” &#xff0c;想着直接提交就会同步重命名git仓记录的文件名。然后就可以推送到远程仓库&#xff0c;同步重命名远程仓库的文件名。 2.然…
阅读更多...
全球滑坡（降雨诱发的）数据（有时间属性）

全球滑坡（降雨诱发的）数据（有时间属性）

滑坡一般指狭义概念的滑坡,是指构成斜坡的有滑动历史和滑动可能性的岩、土体边坡,在重力作用下伴随着其下部软弱面(带)上的剪切作用过程而产生整体性运动的现象。 滑坡的发育阶段滑坡的发生、发展过程是有阶段性的。根据大量的现场实际资料、观测成果、滑坡模型试验和相关的岩土…
阅读更多...
ant design pro v6 如何做好角色管理

ant design pro v6 如何做好角色管理

先上图&#xff1a; 整个角色管理是如何做的吗&#xff1f; 首先你要处理后端&#xff0c;要先把角色存到用户那。 这是用户管理部分的内容&#xff1a; 可以看到一个用户是有多个角色的。 看到没有&#xff0c;存的是数组 数组的是一个 role 对象 role 对象是这样&#xf…
阅读更多...
【专题】2024年7月人工智能AI行业报告合集汇总PDF分享（附原数据表）

【专题】2024年7月人工智能AI行业报告合集汇总PDF分享（附原数据表）

原文链接:https://tecdat.cn/?p37350 随着人工智能技术的飞速发展&#xff0c;AI已经成为当今时代的重要驱动力。本报告将聚焦于人工智能AI行业的最新动态&#xff0c;涵盖客户服务、体验营销、资产管理以及国产AI大模型应用等多个领域。通过深入研究和分析&#xff0c;我们…
阅读更多...
C++ 设计模式——抽象工厂模式

C++ 设计模式——抽象工厂模式

抽象工厂模式 抽象工厂模式 抽象工厂模式主要组成部分代码实现抽象工厂模式模式的 UML 图抽象工厂模式 UML 图解析优点和缺点适用场景 抽象工厂模式提供一个接口&#xff0c;用于创建一系列相关或相互依赖的对象&#xff0c;而无需指定它们的具体类。它通常用于需要创建多个产品…
阅读更多...
2024年必读！《大模型应用开发极简入门》—— 一书掌握LLM大模型精髓

2024年必读！《大模型应用开发极简入门》—— 一书掌握LLM大模型精髓

大家好&#xff0c;今天给大家推荐一本大模型应用开发入门书籍《大模型应用开发极简入门》&#xff0c;本书对很多AI概念做了讲解和说明&#xff01; 朋友们如果有需要 《大模型应用开发极简入门》&#xff0c;扫码获取~ 本书主要讲解了以下几个方面的大模型技术&#xff1a; …
阅读更多...
[图解]片段16 ESS状态机图-SysMLEA建模住宅安全系统

[图解]片段16 ESS状态机图-SysMLEA建模住宅安全系统

1 00:00:00,220 --> 00:00:03,580 然后我们看初始这里 2 00:00:03,590 --> 00:00:09,500 有一个指向它的一个迁移的事件 3 00:00:09,710 --> 00:00:13,730 站点可用&#xff0c;这个实际上是错误的 4 00:00:14,020 --> 00:00:15,050 这不是事件 5 00:00:15,900…
阅读更多...
NCSN公式推导（一）

NCSN公式推导（一）

通过估计数据分布的梯度进行生成建模 Paper Title&#xff1a;Generative Modeling by Estimating Gradients of the Data Distribution Paper是斯坦福大学发表在NIPS 2019的工作 Paper地址 Abstract 我们引入了一种新的生成模型&#xff0c;其中样本通过朗之万动力学生成&…
阅读更多...
Power Query抓取多页数据导入到Excel

Power Query抓取多页数据导入到Excel

原文链接 举例网站&#xff1a;http://vip.stock.finance.sina.com.cn/q/go.php/vLHBData/kind/ggtj/index.phtml?last5&p1 操作步骤 &#xff08;版本为&#xff1a;Excel2010&#xff09;&#xff1a; Step-01&#xff1a;单击【Power Query】-【从Web】&#xff0c;…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发