当前位置:   article > 正文

扫描二维码进小程序指定页面(包解决!!)_安卓开发放一个二维码上去,用户扫码之后跳到微信小程序怎么做

安卓开发放一个二维码上去,用户扫码之后跳到微信小程序怎么做

一,你需要知道的

1.在开发小程序时,有时会有扫描二维码进入小程序的指定页面的业务需求。

2.微信小程序提供了这种功能,具体实现可以分三步

(1)在微信小程序后台配置好
(2)如何跳转
(3)代码中

二,小程序配置

1.首先需要在小程序后台-开发管理-开发设置下的扫描二维码进小程序模块配置二维码规则

获取参数信息并跳转

2.配置二维码规则(很重要!!!)

耐心看完

2.小程序中跳转处理

你可以将测试链接复制下来,随便找到一个二维码生成工具网站,生成二维码,以便下面的测试

在首页中onLoad中接受参数

sharedParameterAnalysis是自己定义的函数,统一处理参数

  1. // 小程序分享进入或二维码进入封装方法
  2. sharedParameterAnalysis(options) {
  3. // 小程序分享跳转处理
  4. if (options?.share) {
  5. console.log("小程序分享,路径为" + options.path + "参数为" + options.query);
  6. // 小程序分享跳转处理
  7. uni.navigateTo({
  8. url: "/" + options.path + "?" + options.query,
  9. });
  10. } else if (options?.q) {//直接看这个!!!!!!!!!!!!!!!!!!!!!!
  11. // 小程序自动加密,需要解码
  12. const url = decodeURIComponent(options.q);
  13. const regex = /[?&]([^=#]+)=([^&#]*)/g;
  14. const params = {};
  15. let match;
  16. while ((match = regex.exec(url))) {
  17. params[match[1]] = match[2];
  18. }
  19. console.log("二维码分享,路径为" + params.path + "参数为" + params.query);
  20. // 小程序分享跳转处理
  21. uni.navigateTo({
  22. url: "/" + params.path + "?" + params.query,
  23. });
  24. } else {
  25. // 未知参数
  26. console.log("未知参数");
  27. uni.showToast({
  28. title: "未知参数",
  29. icon: "none",
  30. });
  31. }
  32. },

如果是二维码跳转options中会有q这个参数,内容为完整的测试链接,小程序会自动加密其中的路径地址

  1. const url = decodeURIComponent(options.q);
  2. const regex = /[?&]([^=#]+)=([^&#]*)/g;
  3. const params = {};
  4. let match;
  5. while ((match = regex.exec(url))) {
  6. params[match[1]] = match[2];
  7. }

以上方法可以将options中q的路径解密出来,然后将其中的参数一一取出

eg:xxx.cn/qwe/index?share=1&path=pages_branch/details/index&query=id=36

此时params中会提取出

  1. const params={
  2. share:"1",
  3. path:"pages_branch/details/index",
  4. query:"id=36"
  5. }

这个时候路径有了参数也有了,不就可以了吗!!

用户微信扫一扫即可打开指定页面了,多试几遍,一定可以

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/423124
推荐阅读
相关标签
  

闽ICP备14008679号