如何生成支付宝小程序链接,点击直接打开并进入某个页面

这篇具有很好参考价值的文章主要介绍了如何生成支付宝小程序链接,点击直接打开并进入某个页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


前言

来到CSDN社区已经很长时间了,经常看大家在这里分享的知识文章,受益匪浅。今天刚好在公司写项目踩到了一个小坑就想着记录下来,希望能够帮助到大家。

业务需求场景:商城分销,分销人点击分享按钮即可生成某个商品的分享链接,用户点击链接直接打开支付宝小程序跳转到这个商品的商品详情页

思路:通过scheme跳转小程序页面,可以在scheme中传参。注意:可能有些朋友会像我一样刚开始打开支付宝文档找相关的内容,找着找着就找到生成小程序某个页面二维码的介绍了,然后尝试使用支付宝提供的alipay.open.app.qrcode.create(小程序生成推广二维码接口),然后在错误方向的路上越走越远…

回到正题


跳转支付宝小程序的链接格式

不需要传参的时候链接是长这个样子:
alipays://platformapi/startapp?appId=xxx&page=【pagepath】
appid后边跟上你的支付宝小程序id,pagepath写你小程序 page.json里页面的路径

如果需要传参的话,链接长这样:
alipays://platformapi/startapp?appId=xxx&page=[pagePath] + encodeURIComponent(?a=1&b=2)
注意:传参的时候,参数需要用encodeURIComponent()方法把参数转化一下,需要带上“?”。

这样就大功告成了,点击这个链接或者将这个链接生成二维码,就能够直接打开支付宝小程序并且进入到对应的页面。

总结

以上就是我整理的支付宝小程序生成页面链接的全部步骤,第一次写博客挺激动的,希望能对大家有所帮助。以后我会经常在这里分享一些遇到的问题、前端学习心得,若有志同道合的朋友欢迎关注,咱们共同学习,一起进步一起成长!文章来源地址https://www.toymoban.com/news/detail-492337.html

到了这里,关于如何生成支付宝小程序链接,点击直接打开并进入某个页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JAVA支付宝小程序授权登陆,并生成二维码(证书方式)

    接入准备 https://opendocs.alipay.com/open/284/106001?ref=api 根据文档进行创建小程序、配置相关信息(接口加签方式选择证书) 生成二维码文档https://opendocs.alipay.com/mini/02owto 开发接口

    2024年02月11日
    浏览(49)
  • 如何获取支付宝小程序的appid

    最近在复盘支付宝小程序,之前遇到个问题:支付宝要求小程序内容要丰富,但我们一期内容单薄,想要自己开发功能排期上不允许,于是就想从我方小程序跳转到他方小程序。这时候就要获取他方小程序的appid进行跳转。 这方法也是逛社区学来的,现在再复盘巩固下。 以【

    2024年02月11日
    浏览(57)
  • 如何将支付宝小程序迁移至微信/FinClip运行

    许多小程序开发者都会遇到这样一个困扰,自己已经在微信,支付宝等不同环境中开发了对应的小程序代码,但在不同平台中的小程序语法并不一致。 本篇文章将通过手把手入门的方式,快速了解「如何使用第三方工具互相转换小程序代码进行?」相关问题。 顾名思义,在

    2024年02月11日
    浏览(45)
  • uniapp支付宝小程序如何在开发者工具启动

    小程序开发者工具安装地址 在uniapp项目根目录下的manifest.json中找到支付宝小程序配置,输入在支付宝中获取的appid 选择HBuilder导航栏的工具-设置-运行配置-支付宝小程序开发者工具路径-选择到小程序开发者工具.exe 运行-运行到小程序模拟器-支付宝小程序开发者工具 运行成功

    2024年02月11日
    浏览(46)
  • 最新demo版 | 如何0-1开发支付宝小程序之小程序如何上线(四)

    支付宝小程序开发 0-1 系列前三期详见: 最新demo版|如何0-1开发支付宝小程序之前期准备篇(一)  最新demo版 | 如何0-1开发支付宝小程序之如何调试小程序(二) 最新demo版 | 如何0-1开发支付宝小程序之小程序页面功能介绍(三) 那么,今天让我们一起探索一下小程序开发

    2024年02月05日
    浏览(50)
  • uni-app 微信小程序 支付宝小程序(alipay) 百度小程序(baidu),预览pdf(链接和base64) 及下载(仅微信),window.open uni.downloadFile

    废话不多说直接上代码吧 之前搜了一大堆有的没的,最终还是小伙伴巴拉文档一起找到的方案(离不开小伙伴的帮助,自己总容易陷入死局,在此鸣谢 疾风李青!); 想起个事:一定要给这些路径的域名配到相应的开发管理上,其他平台不过多赘述了 首先是预览,由于我这

    2024年02月15日
    浏览(62)
  • 最新demo版|如何0-1开发支付宝小程序之前期准备篇(一)

    小程序作为目前一种轻量、便捷的应用、目前应用越来越广泛了。 很多没有开发经验的开发同学可能初次接触就是小程序开发,为了详细讲解下小程序开发的步骤,我会按照小程序的开发流程一步一步从零开始给大家介绍下如何开发支付宝小程序,后续教程中会更新最新版

    2024年02月05日
    浏览(42)
  • 最新demo版 | 如何0-1开发支付宝小程序之小程序页面功能介绍(三)

    前两期讲了小程序开发的准备工作以及前期需要如何调试,今天我们就来介绍下开发一个支付宝小程序页面需要了解哪些信息。 一个小程序页面的整体功能的构成离不开页面展示(AXML)、页面样式(ACSS)以及页面逻辑(JS)这三方面,下面本文将从这三方面具体展开。 AXM

    2024年02月05日
    浏览(58)
  • 支付宝扫码跳转到支付宝小程序,如何配置二维码跳转到开发版和体验版

    项目: taro3 + vue3 支付宝小程序和微信小程序的扫一扫二维码关联方式的配置差不多,在获取参数上有些差别. 配置 关联到开发版 步骤1 注意:一定要用【预览】按钮,【真机调试】按钮的手机上是没有调试面板得 步骤2 打开【联调设置】-【联调扫码版本】,打开开关 步骤

    2024年02月16日
    浏览(51)
  • 如何在Firefox火狐浏览器点击链接打开新标签页、搜索、和书签

    打开Firefox火狐浏览器设置 在Firefox的地址栏输入 about:config 按回车键后,打开了一个警告页面,单击“接受风险并继续”即可,如下图所 在新标签页打开网页上的链接(点击链接打开新标签页) 在窗口中输入 browser.urlbar.openintab 双击显示的值更改为 true 在新标签中打开搜索结

    2024年02月05日
    浏览(81)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包