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

2023-09-26 555

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

一、背景介绍

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

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

c4ed63357282a8903159f6c0c97f7ca3_97ac986f78a44e6a82acdd7f898dedf7.png

二、代码实现

// 这里是前端代码实现了整个逻辑，生产项目应该后端接口封装好，前端调用，传递参数
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()