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

这篇具有很好参考价值的文章主要介绍了微信扫码进入小程序特定页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

配置好的截图 如下:二维码规则建议是自己的域名 + /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)}`;
  } else {
    return `二维码规则/mini/pages/index/index/webUrl=${encodeURIComponent(
      url
    )}`;
  }
}
// 这儿我用的vue-qrCode  生成的二维码
  mounted() {
    let url = "pages/houseList/index?tabIndex=2";
    this.$nextTick(() => {
      this.qrcode = new QRCode(this.$refs.qrCode, {
        text: this.getQrCode(url),
        width: 126,
        height: 126,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.Q,
      });
    });
  },

小程序处理 这儿自己看着的参数处理:我这儿的解码思路是 判断有无地址,无地址 就那webUrl后面的数据 有地址 在分割 分别赋值文章来源地址https://www.toymoban.com/news/detail-813500.html

  onLoad: function (options) {
   if (options && options.q) {
      // 从普通二维码扫码进入
      let par = options && options.q && decodeURIComponent(options.q).split('二维码规则/pages/index/index/webUrl=')[1]
      let url = this.decodeURIFunc(par),
        location = ''
      if (decodeURIComponent(par).includes('webLocation')) {
        url = this.decodeURIFunc(decodeURIComponent(par).split('&webLocation=')[0]),
          location = decodeURIComponent(par).split('&webLocation=')[1]
        wx.setStorageSync('cityCode', location)
        wx.setStorageSync('localtion', JSON.parse(location).location)
      }
      // 这儿的/ 不能丢哦
      wx.navigateTo({
        url: '/' + url,
      })
    }

}

// 处理解码后 / ? = 无法解码问题
  decodeURIFunc(val) {
    return val.replace(/%2F/g, '/').replace(/%3F/g, '?').replace(/%3D/g, '=')
  },

到了这里,关于微信扫码进入小程序特定页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信扫码跳转小程序并传参

    微信扫码跳转小程序并传参

    微信公众平台 扫码登录小程序的后台 开发》开发管理》开发设置》扫普通链接二维码打开小程序》添加 这里我用一个aa.txt来替代。把他放到test文件夹下 添加一个路由转发 访问页面验证 这里新增一个测试连接 https://我的域名/test?aa=333 然后使用二维码在线生成工具生成一个

    2024年02月12日
    浏览(48)
  • h5在小程序中调用微信扫码功能

    目前扫码模块是用原生小程序写的页面,登录和之后跳转的页面都是通过webView嵌套在小程序里面的h5。 需求:h5页面扫码,拿到扫码后的结果,去查询列表的数据。 方案:在h5中引入微信的sdk,在A页面跳转进入原生小程序的B扫码页面,在B扫码页面拿到扫码结果,再跳转回原

    2024年02月10日
    浏览(11)
  • uniapp项目编译成H5后跳转到微信小程序(支持微信扫码、支付宝扫码)

    uniapp项目编译成H5后跳转到微信小程序(支持微信扫码、支付宝扫码)

    uniapp项目编译成 H5 后跳转到 微信小程序 (支持微信H5、支付宝H5) 场景:1、微信扫码跳转到该H5中后点击某事件(或者不点击直接跳转)需要跳转到微信小程序;2、支付宝扫码跳转到H5中后点击某事件(或者不点击直接跳转)需要跳转到微信小程序 思路:调用后端接口返回

    2024年02月13日
    浏览(49)
  • 微信扫码点餐小程序springboot外卖点餐系统源码和论文

    微信扫码点餐小程序springboot外卖点餐系统源码和论文

     开发工具:      后端:idea   用户端:微信开发者工具     数据库 :mysql5.7+     技术:java  springboot  mybatis  微信原生技术    角色:   管理员  多商家    用户 在中国餐饮业的开展现状看,中国餐饮业当今的特点之一就是在线点餐效劳开展迅速,随着互联网普及率

    2024年02月16日
    浏览(13)
  • 即时通讯实现微信扫码登录web网站(vue + uni-app + java + 微信小程序)
  • Java后台实现网站微信扫码登录功能,获取用户openid,及微信用户信息(小程序码方案),关联微信小程序(个人主体小程序也可以)

    Java后台实现网站微信扫码登录功能,获取用户openid,及微信用户信息(小程序码方案),关联微信小程序(个人主体小程序也可以)

    目录 前言 下面展示操作流程 注册微信小程序 通过后台获取小程序码 前端处理 时序图理解 方案实现步骤 前言 很多业务场景之下我们需要实现  微信扫码登录  的需求,如: 同步网站与小程序的用户数据 。 需要获取用户微信相关基本信息,如头像、id等 实例:小程序上的

    2024年02月02日
    浏览(17)
  • 微信扫普通二维码进入小程序体验版,配置文件不要写完整测试链接

    微信扫普通二维码进入小程序体验版,配置文件不要写完整测试链接

    二维码规则填写二维码的地址(https://XXX.com) 选择前缀占用规则(如果有参数,如二维码地址是https://XXX.com?code=1,要选占用) 下载校验文件,并把文件放进二维码地址里面。 填写要跳转到的小程序页面

    2024年04月14日
    浏览(17)
  • 使用uniapp生成二维码并下载,小程序扫码进入指定页面

    使用uniapp生成二维码并下载,小程序扫码进入指定页面

    功能1:通过扫码链接进入小程序指定页面(带参数) 功能2:将网址链接(带参数)在微信小程序中使用二维码展示出来,并可以点击下载二维码图片  扫码链接进入指定页面并且带参数 在小程序管理后台-开发管理-开发设置-扫普通链接二维码打开小程序中,配置链接地址,

    2024年02月11日
    浏览(12)
  • 使用Spring Boot Security 实现多认证 手机号登录 微信扫码登录 微信扫码注册

    使用Spring Boot Security 实现多认证 手机号登录 微信扫码登录 微信扫码注册

    Spring Boot 3.x Spring Security 5.7 Spring Redis MyBatis plus 前端 Vue 公司 最近有个新项目 使用单点登录 sso 百度了一圈 也没怎么找到微信扫码注册的功能于是自己写 需求就是 手机 + 密码登录 微信扫码登录 微信扫码注册 微信二维码 登录 和注册二合一 具体实现 稍后我会说 本教程将指导

    2024年04月10日
    浏览(15)
  • 微信扫码登陆流程

    以下为几类型微信登录的功能说明(基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统): 序号 类型 授权域/接口 用户侧使用流程 接入流程 1 App 接入微信SDK,并调用snsapi_userinfo (1)在App内选择使用微信登录 (2)拉起微信客户端,打开用户授权页,完成登录授权 (1)注

    2024年02月09日
    浏览(15)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包