前端流程: 1、前端向后端发起请求, 将需要实名人的 姓名 和 身份证号传入后端,后端通过支付宝开放平台 对接服务端 api 将 调起支付宝实名认证链接返回给前端

2、前端打开链接,跳转到支付宝进行实名认证

3、配置一下 UrlSchemes 可以在支付宝实名认证审核后 重定向回 自己的app

UrlSchemes配置说明:

UrlSchemes是自定义的一个可以在浏览器或其他应用中通过该 UrlScheme来启动应用的标识 例如支付宝: alipays://

// 配置 找到manifest.json文件中源码视图
// 在app-plus中 找到 distribute 应用发布信息 内有 android 安卓配置 ios 苹果配置
"distribute" : {/* android打包配置 */"android" : {"abiFilters" : [ "armeabi-v7a", "arm64-v8a" ],"schemes" : "test", // 自定义字段"autoSdkPermissions" : true,},/* ios打包配置 */"ios" : {"idfa" : false,"urltypes" : [{"urlidentifier" : "com.youyou.jjkj","urlschemes" : [ "youyou" ] // 自定义字段}]},
}

前端业务逻辑代码

// 调用后台接口获取到 跳转支付宝人脸认证页面
async toAutonym() {const data = {name: this.name, // 姓名num_id: this.num_id // 身份证号}const res = await toAutonym(data)if(res.code == 1) {// app跳转页面plus.runtime.openURL(data.data, function(res) {console.log(res);});}}

实名认证完成后 重定向到当前页面 调用后端接口查询实名认证结果

// 实名认证完成后重定向到当前页面会触发 onShow
// 在onShow中调用后台接口去查询是否认证完成
onShow() {this.getResult()
}methods: {async getResult() {const res = await getResult()if(res.code == 1) {if(res.data == 1) {return uni.showToast({title: '认证成功',icon: 'none'})} else {return uni.showToast({title: '认证失败',icon: 'none'})}}}
}

uniapp开发app 调用支付宝人脸实名认证相关推荐

  1. uniapp开发app中配置高德地图定位流程

    在使用uniapp开发app过程中,如何使用高德地图进行定位 高德地图开放平台账号申请 进入高德地图开放平台,注册并登陆开发者账号,完成之后点击进入控制台主页 在应用管理中点击创建新应用 输入并选择你 ...

  2. uniapp开发APP之真机调试

    uniapp开发APP之登录授权,获取用户基础信息 一:华为手机实时调试APP代码基座流程 1.打开手机的开发者模式,允许USB调试,手机操作流程,进入设置-关于手机,长按版本号(开启开发模式),然后 ...

  3. uni-app 开发App 口令弹窗

    我们用uni-app开发APP 电商类总有口令弹窗的需求 首先我们写弹窗首先就要想到uni-popup 写弹窗非常方便 <uni-popup ref="popup" roun ...

  4. uniapp开发APP 客服链接

    uniapp开发APP嵌套第三方(米多客)客服链接,遇到了无法返回的问题 米多客的客服也回复很及时,发了一种解决方法 详细描述问题 (记不清在哪看到一句话: 详细的描述出遇到的问题,问题就解决一大半了 ...

  5. uniapp 开发APP 安卓手机中 在使用nvue时候 border的dashed和radius可能会有冲突的解决办法

    uniapp 开发APP 安卓手机中 在使用nvue时候 border的dashed和radius可能会有冲突的解决办法 在开发中发现如果同时给了圆角 和 虚线 虚线属性会有问题 分别设置圆角 四个角 ...

  6. uniapp开发App从开发到上架全过程(三)-上架

    当我们的APP开发完毕,最终交付的时候,必然要经历的一个环节,就是APP上架,国内APP上架一般为IOS端appstore上架,安卓端应用商店比较多,最常见的应用商店有华为应用商店.小米应用商店.OP ...

  7. uni-app 开发app 打包后的尺寸与使用hbuilderx预览时不符

    uni-app 开发app 打包后的尺寸与使用hbuilderx预览时不符 uni-app rpx 比例失调 uni-app 开发app 横屏或者 屏幕尺寸过大时 样式错乱 uni-app 有解决方案 ...

  8. uniapp开发app——nvue

    Nvue是一个基于weex改进的原生渲染引擎,它在某些方面要比vue更高性能,在app上使用更加流畅,但是缺点也很明显,没有足够的api能力,语法限制太大,所以nvue适用于特定场景(需要高性能的区域 ...

  9. uniapp开发App引导页

    App的引导页是当用户第一次打开一款App时所展示的3-5精美的图片,用于告知用户产品的功能及特点.好的引导页会促使用户对产品增加更多的兴趣,当然这是UI设计的能力体现了,尽管很多人都会快速的滑过.对 ...

最新文章

  1. 第十六届全国大学生智能车竞赛百度智慧交通竞赛成绩
  2. java多线程实现表复制_Java多线程的三种实现方式
  3. 【原创】大数据基础之Ambari(1)简介、编译安装、使用
  4. 小木木的Python学习笔记
  5. 函数调用过程(栈桢)
  6. [Android]AndroidBucket增加碎片SubLayout功能及AISubLayout的注解支持
  7. fun函数python_Python函数
  8. 助推曲烟数字化转型升级,开展生产业务数字化
  9. BootStrap笔记-popover的使用(popover中放验证码,点击更新)
  10. spark学习-Spark性能调优(1)
  11. .net导出为powerpoint的一些参考代码
  12. 矩阵论作业1,2,3讲
  13. C++ Merge sort(归并排序)
  14. 十大经典排序算法-堆排序算法详解
  15. 软件工程专业英语翻译【考研复试】
  16. 与64位版本的Windows不兼容,masm运行不了
  17. mongolass populate用法
  18. uniapp 自制头部左侧胶囊组件
  19. 计算机考研怎么计划,计算机考研复习计划怎么制定
  20. 道翰天琼认知智能为您解密:Rust语言杀疯了!前有谷歌高薪争夺 Rust 人才,Facebook再官宣加入Rust基金会 「自2016年以来,Facebook 就已开始使用 Rust,并应用在开发

热门文章

  1. Vue面试题你知道多少
  2. HTML5期末大作业:电影网站设计——电影(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  3. 关于sizeof(arr)/sizeof(arr[0])解读(plus细节讲解增加)
  4. SpellGCN:将语音学和视觉相似性结合到汉语拼写检查的语言模型
  5. 如何开启系统打印机服务器,windows7系统如何开启打印机服务
  6. 谈谈论文的发表(电光与控制,IEEE ACCESS)
  7. 【敏捷4.2】相关方的沟通与协同
  8. 服务器主板四路SLI时候出现的问题
  9. 微信小程序编辑器,支持wxss,支持wxml
  10. js将url转换二维码