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.mzph.cn/web/51124.shtml

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

相关文章

OpenDDS的Rtps_Udp传输协议可靠性QoS收发基本流程

OpenDDS的Rtps_Udp传输协议可靠性QoS收发基本流程

OpenDDS中，实现了Rtps_Udp传输协议（非纯udp）的可靠性传输。传输的线程包括： 1）发送方线程主要线程和定时器 《1》应用线程 《2》网络异步发送线程 《3》Heartbeat定时器 《4》Nak_response定时器 2）接收方主要线程和定时器 《1》网络异步接收线程 《2》heartbeat_respons…
阅读更多...
Ubuntu 16.04 通过deb包安装内核头文件

Ubuntu 16.04 通过deb包安装内核头文件

文章目录 前言通过deb包安装内核头文件 前言 Ubuntu16.04部分内核版本无法通过 apt-get install linux-headers-$(uname -r) 来进行安装&#xff1a; # cat /etc/lsb-release DISTRIB_IDUbuntu DISTRIB_RELEASE16.04 DISTRIB_CODENAMExenial DISTRIB_DESCRIPTION"Ubuntu…
阅读更多...
汇编

汇编

汇编指令 随机数mov指令mov指令ldr指令&#xff08;伪指令&#xff09;add指令sub指令bic指令orr指令b指令cmp指令stmfd指令ldmfd指令import栈汇编指令的s后缀 随机数 1.如果某个数的数值范围是0~255之间&#xff0c;那么这个数一定是立即数&#xff1b; 2.把某个数展开成2进制…
阅读更多...
网络工程师必备10个Linux网络命令，超好用

网络工程师必备10个Linux网络命令，超好用

号主&#xff1a;老杨丨11年资深网络工程师&#xff0c;更多网工提升干货&#xff0c;请关注公众号&#xff1a;网络工程师俱乐部 下午好&#xff0c;我的网工朋友 掌握正确的工具对于提升工作效率的重要性不言而喻&#xff0c;尤其在网络工程领域&#xff0c;这一点更是至关重…
阅读更多...
尚品汇-购物车列表、临时用户购物车与登录用户购物车合并实现（三十七）

尚品汇-购物车列表、临时用户购物车与登录用户购物车合并实现（三十七）

目录&#xff1a; &#xff08;1&#xff09;功能—展示购物车列表 &#xff08;2&#xff09;在web-all添加前端实现 &#xff08;3&#xff09;功能--合并购物车 &#xff08;1&#xff09;功能—展示购物车列表 购物车列表接口&#xff1a;CartService /*** 通过用户Id …
阅读更多...
买完服务器后，如何部署项目|如何通过宝塔部署项目

买完服务器后，如何部署项目|如何通过宝塔部署项目

一、前言 很多人都会在腾讯云、阿里云等平台上买服务器&#xff0c;但是买了服务器后&#xff0c;不知道接下来要干什么&#xff0c;或者是怎么部署项目。 买完服务器后&#xff0c;第一步就是再买一个数据盘&#xff0c;然后将数据盘挂载到服务器上&#xff0c;不知道教程的…
阅读更多...
Vue: v-html安全性问题

Vue: v-html安全性问题

一、问题描述 可能都知道使用v-html插入富文本&#xff0c;存在安全隐患&#xff0c;比如 cross-site scripting attack&#xff08;xss&#xff09;。但具体什么情况下v-html会引发安全问题呢&#xff1f;是否内容中含有<scrpit>标签就会触发执行脚本呢&#xff1f; 二…
阅读更多...
【Unity3D小技巧】Unity3D中实现对InputField的自定义输入限制实例

【Unity3D小技巧】Unity3D中实现对InputField的自定义输入限制实例

推荐阅读 CSDN主页GitHub开源地址Unity3D插件分享简书地址QQ群&#xff1a;398291828 大家好&#xff0c;我是佛系工程师☆恬静的小魔龙☆&#xff0c;不定时更新Unity开发技巧&#xff0c;觉得有用记得一键三连哦。 一、前言 InputField是UGUI的文本输入框&#xff0c;自带的…
阅读更多...
eNSP的使用和下载安装

eNSP的使用和下载安装

有小伙伴想考数通的HCIP的或有网络问题的可以进群讨论 找志同道合的人,一起讨论问题 很多小伙伴在安装eNSP的时候出现过很多问题,为了后续我们的专题能进行,这里提前教大家如何下载eNSP 大家可以参考这位大佬的安装,非常的详细 华为 eNSP 模拟器安装教程&#xff08;内含下载地…
阅读更多...
dokcer 安装 redis(单机版)

dokcer 安装 redis(单机版)

准备工作 拉取redis镜像 docker pull redis 通过docker-compose 安装redis 很方便、很简单 先安装docker&#xff0c;参考我这个安装示例进行安装 https://blog.csdn.net/qq_33192671/article/details/13714973 然后安装docker-compose&#xff0c;要是拉取docker-compose无…
阅读更多...
[Meachines] [Easy] grandpa IIS 6.0+CVE-2017-7269+MS14-070权限提升

[Meachines] [Easy] grandpa IIS 6.0+CVE-2017-7269+MS14-070权限提升

信息收集 IP AddressOpening Ports10.10.10.14TCP:80 $ nmap -p- 10.10.10.14 --min-rate 1000 -sC -sV -Pn PORT STATE SERVICE VERSION 80/tcp open http Microsoft IIS httpd 6.0 |_http-server-header: Microsoft-IIS/6.0 |_http-title: Under Construction | htt…
阅读更多...
14-17岁未成年如何办理能一直用的手机卡？

14-17岁未成年如何办理能一直用的手机卡？

14-17岁未成年如何办理能一直用的手机卡&#xff1f; 有些姐妹要去外面上学&#xff0c;都想要一张属于自己的手机卡。 但是因为反诈的原因&#xff0c;对于手机卡的申领特别严格。 很多不满18岁的人能申领的卡&#xff0c;都是物联卡或者纯流量卡&#xff0c;只能上网&#x…
阅读更多...
Promise学习之同步与异步

Promise学习之同步与异步

目录 前言 一、同步与异步 (一) 同步 (二) 异步 二、总结 (一) 同步 (二) 异步 前言 Java有多线程&#xff0c;前端有同步与异步&#xff0c;异步操作可以优化用户体验、提高性能与响应、处理并发与并行任务等等&#xff0c;异步操作有发送Ajax请求、读文件等&#xff0…
阅读更多...
MATLAB水果分级系统

MATLAB水果分级系统

课题介绍 现在商业行为中&#xff0c;在水果出厂前都需要进行质量检测&#xff0c;需要将不同等级的水果进行分级包装&#xff0c;以保证商业利益最大化。可是传统方法都是依靠人工进行检测&#xff0c;效率低下&#xff0c;主观成分大&#xff0c;并不能很好客观地评价出货质…
阅读更多...
可集成多模型的机器人开发框架 dora：让机器人编程走向大众

可集成多模型的机器人开发框架 dora：让机器人编程走向大众

作者 | Annie Xu 责编 | 何苗 出品 | GOSIM 开源创新汇 C 和 C是机器人编程中常用的编程语言&#xff0c;但学起来存在一定难度。那些对机器人感兴趣&#xff0c;但没有精力花费数周时间学习 C 和 C编程的用户只能望而却步。 为了让机器人技术变得更简单&#xff0c;陶海轩&a…
阅读更多...
SQL手工注入漏洞测试(MongoDB数据库)

SQL手工注入漏洞测试(MongoDB数据库)

此次靶场地址为&#xff1a;墨者学院 ⼀. 如下给出的源码...可以看到数据库查询的语句如下..构造回显测试... new_list.php?id1});return ({title:1,content:2 ⼆.成功显示“ 1” 和“ 2” 。可以在此来显示想要查询的数据。接下来开始尝试构造payload查询 当前数据库。通过…
阅读更多...
C# 中 ScrapySharp 的多线程下载策略

C# 中 ScrapySharp 的多线程下载策略

引言 在现代互联网应用中&#xff0c;数据抓取是一个常见的需求&#xff0c;无论是为了数据分析、内容聚合还是自动化测试。ScrapySharp 是一个基于 .NET 的轻量级、高性能的网页抓取库&#xff0c;它提供了丰富的功能来简化网页内容的抓取和处理。然而&#xff0c;当面对大量…
阅读更多...
使用python实现3D聚类图

使用python实现3D聚类图

实验记录&#xff0c;在做XX得分预测的实验中&#xff0c;做了一个基于Python的3D聚类图&#xff0c;水平有限&#xff0c;仅供参考。 一、以实现三个类别聚类为例 代码&#xff1a; import pandas as pd import numpy as np from sklearn.decomposition import PCA from sk…
阅读更多...
静力水准仪的基本工作原理：解析磁致伸缩式水准仪

静力水准仪的基本工作原理：解析磁致伸缩式水准仪

静力水准仪作为一种高精度的测量设备&#xff0c;广泛应用于桥梁、隧道、地铁、大坝、大型储罐等工程结构的沉降监测中。其中&#xff0c;磁致伸缩式静力水准仪以其独特的测量原理和技术优势&#xff0c;成为沉降监测领域的重要工具。本文将详细解析磁致伸缩式静力水准仪的基本…
阅读更多...
67 H3C SecPath F1000 (网络大致介绍)

67 H3C SecPath F1000 (网络大致介绍)

一 VRF VRF&#xff08;Virtual Routing and Forwarding&#xff0c;虚拟路由和转发&#xff09;用来实现不同VPN的路由隔离。每个VRF都有相对独立的路由表和LFIB&#xff08;Label Forwarding Information Base&#xff0c;标签转发信息库&#xff09;&#xff0c;确保VPN数据…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023