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

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

1. 打开微信公众平台

微信公众平台

扫码登录小程序的后台

开发》开发管理》开发设置》扫普通链接二维码打开小程序》添加

2. 输入业务域名

3. 下载校验文件

这里我用一个aa.txt来替代。把他放到test文件夹下

3. 修改nginx的配置文件

添加一个路由转发

location /test{
    alias /usr/local/nginx/html/test/;
  }

4. 重启nginx,使配置文件生效

访问页面验证

5. 修改微信公众号后台

6. 新增测试连接

这里新增一个测试连接

https://我的域名/test?aa=333

然后使用二维码在线生成工具生成一个二维码,微信扫码,跳转到小程序pages/index/index页面

7. 页面参数接收

onLoad(option) {
        console.log('onload>>>>>>>>>>>>>>index')
        if(option.q){
            //微信扫描扫描二维码进来的
            let url = decodeURIComponent(option.q)
            let obj = this.getUrlParam(url)
            console.log('从微信扫码过来obj')
            console.log(obj.aa)
 }
 getUrlParam(url){
            let params = url.split("?")[1].split("&");
            let obj = {};
            params.map(v => (obj[v.split("=")[0]] = v.split("=")[1]));
            return obj
 },
目录
相关文章
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
649 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
729 1
|
2月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
55 1
|
2月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
231 1
|
2月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
849 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
2月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
434 0
|
2月前
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
627 0
|
2月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
37 0
|
3月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
2月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
137 7

热门文章

最新文章