微信小程序> 微信扫码进入小程序取参-微信怎样扫小程序码-微信小程序扫一扫功能

微信扫码进入小程序取参-微信怎样扫小程序码-微信小程序扫一扫功能

浏览量:2276 时间: 来源:画不完的饼
1.

小程序扫码

2.

小程序扫码功能,官方只给了简单的介绍,和方法,这让很多像我一样的菜鸟,刚接触这样的功能时,完全无从下手,本章,我会详细的介绍一下,小程序扫码功能的实现。

3.

注意事项:1.小程序扫码功能,用处普遍,只有发布了正式版本,才可以测试,虽说微信的开发工具提供了模拟扫码的入口,但是开发测试和上线以后,这两个参数的获取还是存在差异的,下面我就讲讲,我是如何趟过这个坑的,并会把我正式上线的扫码功能代码贴出来(不用找了,网上没有这么干的,见者有缘,转载记得带上原文地址就行。)首先微信开发工具的自定义模拟肯定是用到了,上图最主要的就是启动参数和进入场景的演示:1.启动参数:这个地方可以看到有类似乱码的存在。下面我拆解一下,告诉你这是什么意思。scenestoreCode%3D10003060%26tableNo%3D0001scene:这个参数是取页面链接的地方%3D:这个是被微信加密后的等号,等号前面的是你自己定义的key,等号后面的是value%26:这个符号代表的是微信加密号后的符号拆解以后是不是更加清晰了。下面我们来看代码:首先我们来看通过微信扫码进入小程序取得参数的代码块:

4.

这里有几个要点:1.微信扫码进入小程序取得参数,必须要写在跳转页面的onload生命周期函数里(从链接里取参数,他们规定的)2.在onload的生命周期函数里一定要传query,如图:这个是从微信里拿到的,只要写了就行。

//这个时候再去进行判断if(query.scene){//微信扫码的数据我们都模拟出来了,剩下当然就是截取有用的部分了。varscenequery.scene;//把链接取出存到变量。varregnewRegExp('scene',"g");//然后创建一个正则表达式,截取scene后面的数据部分scenescene.replace(reg,"");//保留有用的部分重新存储到这个变量里scenedecodeURIComponent(scene);//这是解码方式,把得到的链接数据进行解密console.log("解密数据后路径"+scene)//可以解密后打印查看//然后通过符号截取他的左右两部分这个时候的数据格式应该是这样的//storeCode10003060tableNo0001vararrParascene.split("");//紧接着我们只需要循环arrParavararr[];for(variinarrPara){//循环arrPara//通过号在截取一次这是后的数据应该是storeCode,10003060tableNo,0001arrarrPara[i].split("");//然后通过存缓存的方法,按顺序把你需要的Key和value存起来。就拿到了你需要的参数了。wx.setStorageSync(i0?"menu_storeCode":"menu_tableNo",arr[1]);}}5.

这样,我们就避免了,扫码这个功能必须发布正式版以后才能在做调试这个问题了,小程序每次审核都有三个工作日左右,对于着急的程序猿们来说,因为这一个问题,反复调试,还得发布审核,这简直就是个煎熬。

6.

良心博主求关注!!!做技术很苦逼,我自己开了个淘宝店,没有流量,如果我的文章对您有所帮助,帮我关注一下我的店铺,谢谢。如果没有解决您的问题,可以添加微信w827306356,帮您解答(俺不收费的呦)下方是店铺二维码:

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎