微信扫码进入小程序特定页面

原创

已于 2024-01-09 17:20:14 修改 · 2.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

于 2024-01-09 17:15:54 首次发布

本文介绍了如何在微信小程序中配置普通链接生成二维码，以便用户扫描后跳转到指定页面。着重讲解了URL编码、参数处理以及使用Vue生成和解析二维码的过程。

小程序配置开发 - 开发管理 - 开发设置-普通链接二维码打开小程序

配置好的截图如下：二维码规则建议是自己的域名 + /mini/

功能页面 pages/index/index 是为了方便跳转其他页面
在这里插入图片描述
记得把校验文件发给后端

web 端处理
二维码格式为：二维码规则/功能页/你想跳转的页面

// isFlag 是否携带地址
export default function getQrCode(url, isFlag = true) {
   
   
  // url为小程序跳转路由（带参） e.g:subPackages/pages/buildDetail/index?id=7B8349BD29EB4957B19DACD8C98807B3

  if (isFlag) {
   
   
    let webLocation = localStorage.getItem("location") || "";
    return `二维码规则/pages/index/index/webUrl=${
     
     encodeURIComponent(
      url
    )}&webLocation=${
     
     encodeURIComponent(webLocation)}`