当前位置:   article > 正文

uniapp之小程序设置二维码,扫码点餐(已通过测试上线)_uniapp 扫码点菜怎么设计的

uniapp 扫码点菜怎么设计的

哈喽,大家好。下面给大家讲解一下如何去配置小程序和实现扫码点餐

第一,

进入小程序-开发管理-开发设置

第二,

点添加设置配置

这个下载下来放到服务器指定目录

 

添加好之后你就可以去草料或者其他平台链接转码试试扫码了

https://cli.im/url?749a584f69e69be00f5b350a99e3bd03

配置好之后进入小程序页面设置,扫码回调

  1. if (e.q && e.q != "undefined") {
  2. // 获取到二维码原始链接内容
  3. const qrUrl = decodeURIComponent(e.q)
  4. console.log('扫码参数',qrUrl)
  5. const urlString = qrUrl.toString()
  6. const queryString = urlString.substring(urlString.indexOf('?') + 1); // 获取问号后面的部分
  7. const queryArray = queryString.split('&'); // 使用 '&' 分割参数
  8. const queryObj = {};
  9. queryArray.forEach(param => {
  10. const [key, value] = param.split('='); // 使用 '=' 分割键值对
  11. queryObj[key] = value;
  12. });
  13. this.storeId = queryObj.id
  14. console.log(queryObj.id); // 输出 "id的值"
  15. // console.log(queryObj.age); // 输出 "25"
  16. // wx.showModal({
  17. // title: '提示',
  18. // content: qrUrl.toString(),
  19. // })
  20. //判断用户是否登录
  21. // if (this.TOKEN) {
  22. // uni.redirectTo({
  23. // url: '/pagesB/league-store/league-pay?id=' + this.storeId
  24. // })
  25. // }
  26. }else{
  27. 不是扫描进入的
  28. this.storeId = 36
  29. }

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

闽ICP备14008679号