微信小程序--扫普通链接二维码打开小程序,让你跳过各种坑

官方教程--参考以下地址

https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html

以下是结合本人开发过程中所遇到的问题的解决办法

官方中提示的，还有其它地方都提示到要用到。scene

其实我想告诉你的是，如何用scene你生成的二维码也要用scene才可以获取到，看下图的两种写法

scene写法生成出来的二维码，用小程序的编辑工具如下图红色所圈

读取options.scene就是   id=XXXXX

自定义写法就是

如我上图直接读取options.id   读出来的就是你传的id=XXX   后面的XXX

再说下

path设置的是小程序里面的页面路径  pages/detail/detail 

我下面用的options.id    path="pages/detail/detail?id="+id,

如果您的小程序二维码生成的正确和您的小程序刚好区配，如下图

通过二维码编译，可以直接看到他所要跳转的页面的显示效果，在本地就可以查看到效果的

如下图



提供一个我生成出来的二维码

 

这是我这两天在做小程序二维码直接跳转到指定读音播放页面时遇到的问题，把所有的坑都进行了解答，忘各位小友少走弯路

，最开始一直以为只有项目发布了，就是小程序审核通过了，二维码才可以正常用，结果不是的，在本地通过二维码编译就可以看到效果，本地能看到，发布后也能看到，有人说本地和正式发布有区别，没有的，还有发布后就得用scene,不是的，你生成时用的什么，在小程序那就获取什么就对了，比如我用的是id,获取时也用options.id

贴上onload的全部代码

onLoad: function (options) {

let id = "fss123";

console.log(id);//打印出来的是fss123

if (options.id) {

let getid = decodeURIComponent(options.id);

console.log(getid+"222222222");//打印出来的是fss123222222222

id = getid;

}

this.setData({

webViewUrl: 'https://xz.nxzhly.com/jqYuYin/MainSite/Detail?id=' + id

})

console.log(this.options) //打印出来的是｛id:"fss123"｝

}

打印效果图：

可以打印出传来的数据console.log

小程序页面直接用的web-view，替换src即可

<web-view src="{{webViewUrl}}"></web-view>