支付宝扫码跳转小程序并传参

1. 打开支付宝开放平台

支付宝开放平台
打开支付宝开放平台，进入自己的小程序详情页面。点击小程序码》关联普通二维码》添加按钮

2. 输入业务域名

这里我们选择模糊匹配
二维码地址填写 https://域名/任意后缀自定义即可
例： httss://test.com/mycode
小程序功能页填写扫码后想要跳转的页面地址

3. 下载校验文件

点击上图中的下载校验文件。获得一个xxxxxxxxxxxxxxxxxx.html的校验文件，上传到域名绑定服务器的根目录。通过域名可以访问到这个文件即可。

有不清楚的可以参考上一篇的微信扫码跳转小程序传参

4. 测试支付宝扫二维码跳转

这里为了便于查看支付宝参数接收情况我们使用支付宝扫码跳转开发版。

支付宝扫码进入真机调试的开发版小程序，进入联调设置页面，打开联调扫码版本选项

此时通过支付宝扫二维码就会自动跳转到开发版，便于看到二维码参数接收。

5. 二维码参数解析

这里我们使用uniapp接收支付宝通过二维码传递的参数

例：https://test.com?name=zhangsan&sex=1&age=18。此时我们想要获取二维码传递的name、sex、age值

App.vue文件中增加onLaunch方法。

支付宝的二维码只能通过onLaunch方法接收到参数，通过onLoad无法接收，这点是和微信最大的区别

    onLaunch: function (options) {console.log('App Launch')if(options.query && options.query.qrCode){this.globalData.qrCode =  options.query.qrCode}},

在要跳转的页面中读取globalData.qrCode，并且解析成对象。

onLoad(option) {let qrCode = getApp().globalData.qrCode;if (qrCode){this.zfbObj = this.getUrlParam(qrCode)}}methods: {getUrlParam(url){let params = url.split("?")[1].split("&");let obj = {};params.map(v => (obj[v.split("=")[0]] = v.split("=")[1]));return obj},}

此时通过this.zfbObj.name、this.zfbObj.sex、this.zfbObj.age就可以获取到具体的参数

6. 兼容微信支付宝扫码跳转传参的通用方法

App.vue文件中增加onLaunch方法。

 onLaunch: function (options) {console.log('App Launch')if(options.query && options.query.qrCode){this.globalData.qrCode =  options.query.qrCode}},

在要跳转的页面中解析参数

onLoad(option) {let qrCode = getApp().globalData.qrCode;if (qrCode){//支付宝扫描二维码进来的this.zfbObj = this.getUrlParam(qrCode)}if(option.q){//微信扫描二维码进来的let url = decodeURIComponent(option.q)let obj = this.getUrlParam(url)this.wechartObj = obj}}methods: {getUrlParam(url){let params = url.split("?")[1].split("&");let obj = {};params.map(v => (obj[v.split("=")[0]] = v.split("=")[1]));return obj},}

支付宝扫码跳转小程序并传参相关推荐

微信扫码跳转小程序并传参
1. 打开微信公众平台微信公众平台扫码登录小程序的后台开发>开发管理>开发设置>扫普通链接二维码打开小程序>添加 2. 输入业务域名 3. 下载校验文件这里我用一个aa ...
商户完成支付宝宝注册，3分钟快速生成支付宝扫码点餐小程序餐饮小程序
企业支付宝完成后,商户设置完成登录密码即可在支付宝小程序登录企业支付宝, 商家设置好企业支付宝后用企业支付宝登录支付宝账号(推荐直接使用手机) 搜:支付宝开发者中心, 创建小程序创建完成后即可完成小 ...
微信小程序扫码跳转小程序过程记录
这里写自定义目录标题经验总结测试链接配置测试范围开发版体验版经验总结小程序开发真的很恶心,恶心,恶心测试地址一定要和你扫码的二维码内空一模一样,包括参数,否则你会跳转到正式版,或者无法 ...
微信小程序实现微信APP上的扫一扫扫码跳到小程序对应的结果页面和签字等功能
最近做了一个小程序项目,这个小程序是搭配APP端使用的,大概需求是这样的,用户用微信的扫一扫或小程序首页的扫一扫都可以实现对APP上的二维码进行扫码识别,识别成功之后跳到页面进行渲染,然后用户可以对其 ...
小程序：扫二维码跳转小程序
文章目录扫二维码跳转小程序条件方法一把小程序发布到线上生成二维码参考方法二:跳转到小程序指定页面测试范围附加:小程序获取二维码中的数据扫二维码跳转小程序条件你的小程序必须要上线 ...
2021年新微信小程序开发系统源码易客多小程序saas系统扫码点餐小程序支付宝小程序快速生成系统源码源代码
2021年新微信小程序开发系统源码小程序saas系统扫码点餐小程序支付宝小程序快速生成系统产品介绍:易客多多合一小程序快速生成系统是厦门四六开科技有限公司开发的快速开发微信百度支付宝小程序生成系统, ...
小程序扫描普通链接二维码跳转小程序指定界面方法
微信官方文档扫普通链接二维码打开小程序 | 微信开放文档看了官方文档之后,还是存在很多困惑,微信小程序是托管到微信服务器上的,要想扫描普通链接跳转指定界面,首先要知道微信把小程序放的服务器的访问路径 ...
扫码点餐小程序源码多商户外卖点餐自助扫码预约源码
智慧餐厅扫码点餐小程序系统源码,二维码点餐,微信支付宝点餐系统源码,外卖点餐源码 1. 开发语言:JAVA 2. 数据库:MySQL 3. 原生小程序 4. Sass 模式 5. 带调试视频 6. 可 ...
扫码点餐小程序源码_扫码点餐小程序有什么用？怎么制作？
现在小程序扫码点餐服务已经越来越普及,当用户需要点餐时,无需麻烦服务人员,只需扫描餐桌上或者海报上的小程序码,就能快速点餐下单.这样不仅节约了排队时间,也提高了商家自己的服务效率. 上线了小程序案例, ...

支付宝扫码跳转小程序并传参

支付宝扫码跳转小程序并传参

1. 打开支付宝开放平台

2. 输入业务域名

3. 下载校验文件

4. 测试支付宝扫二维码跳转

5. 二维码参数解析

6. 兼容微信支付宝扫码跳转传参的通用方法

支付宝扫码跳转小程序并传参相关推荐

最新文章

热门文章