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

这篇具有很好参考价值的文章主要介绍了小程序-uniapp：URL Link / 适用于在移动端从短信、邮件、微信外网页等场景打开小程序任意页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、背景介绍

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

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

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

二、代码实现

// 这里是前端代码实现了整个逻辑，生产项目应该后端接口封装好，前端调用，传递参数
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 / 适用于在移动端从短信、邮件、微信外网页等场景打开小程序任意页面,小程序,前端,小程序,微信小程序,微信