小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面

一、背景介绍

小程序URL Scheme、URL Link是微信小程序后台生成的一种地址,适用于从短信、邮件、微信外网页 等场景打开小程序任意页面。所以,适用性极强。可与微信扫码携带参数跳转到小程序指定页面技术互补

若在微信外打开,用户可以在浏览器页面点击进入小程序。每个独立的URL Link被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同URL Link打开该小程序。最长有效期可设置为30天。

小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面_第1张图片

二、代码实现

// 这里是前端代码实现了整个逻辑,生产项目应该后端接口封装好,前端调用,传递参数
const getUrlLink = () => {
    uni.request(
      {
        url:`https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=secret`,
        method: 'GET',
        success: ((res:any) =>{
          console.log(res)
          uni.request(
            {
              url:'https://api.weixin.qq.com/wxa/generate_urllink?access_token=' + res.data.access_token,
              method: 'POST',
              data: {
                access_token: wx.getStorageSync('token'),
                path: 'pages/XXX/index',
                query: ''
              },
              success: ((res:any) => {
                console.log(res2)
                // 访问微信中间页面,点击进入小程序,携带参数访问微信小程序指定页面
                location.href = res2.data.url_link
              })
            }
          )
        })
      }
    )
}
getUrlLink()

小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面_第2张图片

三、官网实例

获取 URL Scheme | 微信开放文档

手机端浏览器访问可测试

https://postpay-2g5hm2oxbbb721a4-1258211818.tcloudbaseapp.com/jump-mp.html

四、参考链接

小程序:微信扫码,携带参数跳转到小程序指定页面_微信小程序扫码进入不同页面_snowball_li的博客-CSDN博客

获取 URL Scheme | 微信开放文档

小程序url link支持多少用户访问? | 微信开放社区

获取URLLink | 微信开放文档

小程序链接生成与使用规则调整公告 | 微信开放社区

如何用URL Scheme H5链接,直接打开微信小程序

查询 URL Link | 微信开放文档

你可能感兴趣的:(小程序,前端,小程序,微信小程序,微信)