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

这篇具有很好参考价值的文章主要介绍了微信扫码跳转小程序并传参。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 打开微信公众平台

微信公众平台

扫码登录小程序的后台
扫码打开小程序并传参,小程序,微信,小程序,javascript

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

扫码打开小程序并传参,小程序,微信,小程序,javascript

2. 输入业务域名

扫码打开小程序并传参,小程序,微信,小程序,javascript

3. 下载校验文件

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

扫码打开小程序并传参,小程序,微信,小程序,javascript

3. 修改nginx的配置文件

添加一个路由转发

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

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

访问页面验证
扫码打开小程序并传参,小程序,微信,小程序,javascript

5. 修改微信公众号后台

扫码打开小程序并传参,小程序,微信,小程序,javascript

6. 新增测试连接

这里新增一个测试连接

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

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

二维码在线生成网站
扫码打开小程序并传参,小程序,微信,小程序,javascript文章来源地址https://www.toymoban.com/news/detail-531934.html

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
 },

到了这里,关于微信扫码跳转小程序并传参的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp项目编译成H5后跳转到微信小程序(支持微信扫码、支付宝扫码)

    uniapp项目编译成 H5 后跳转到 微信小程序 (支持微信H5、支付宝H5) 场景:1、微信扫码跳转到该H5中后点击某事件(或者不点击直接跳转)需要跳转到微信小程序;2、支付宝扫码跳转到H5中后点击某事件(或者不点击直接跳转)需要跳转到微信小程序 思路:调用后端接口返回

    2024年02月13日
    浏览(29)
  • 微信外环境静态h5跳转小程序,如何传参?

    公司最近提了一个不常见的需求,就是在微信外环境静态h5跳转小程序并且还要传参,在查阅了大量资料后成功解决。 官网地址  静态网站 H5 跳小程序 1.开通微信云开发和静态网站 点击微信开发者工具中的云开发 .  现在是可以免费体验1个月,开通后进入云开发控制台点击

    2024年01月17日
    浏览(51)
  • 支付宝扫码跳转到支付宝小程序,如何配置二维码跳转到开发版和体验版

    项目: taro3 + vue3 支付宝小程序和微信小程序的扫一扫二维码关联方式的配置差不多,在获取参数上有些差别. 配置 关联到开发版 步骤1 注意:一定要用【预览】按钮,【真机调试】按钮的手机上是没有调试面板得 步骤2 打开【联调设置】-【联调扫码版本】,打开开关 步骤

    2024年02月16日
    浏览(29)
  • 微信扫码进入小程序特定页面

    小程序配置 开发 - 开发管理 - 开发设置-普通链接二维码打开小程序 配置好的截图 如下:二维码规则建议是自己的域名 + /mini/ 功能页面 pages/index/index 是为了方便跳转其他页面 记得把校验文件发给后端 web 端处理 二维码格式为: 二维码规则/功能页/你想跳转的页面 小程序处

    2024年01月22日
    浏览(35)
  • 抖音扫码跳转QQ群等外链源代码分享

       

    2024年02月11日
    浏览(33)
  • h5在小程序中调用微信扫码功能

    目前扫码模块是用原生小程序写的页面,登录和之后跳转的页面都是通过webView嵌套在小程序里面的h5。 需求:h5页面扫码,拿到扫码后的结果,去查询列表的数据。 方案:在h5中引入微信的sdk,在A页面跳转进入原生小程序的B扫码页面,在B扫码页面拿到扫码结果,再跳转回原

    2024年02月10日
    浏览(40)
  • H5跳转微信小程序,通过获取URL Scheme,实现短信跳转小程序,微信跳转小程序,邮件跳转小程序,外部链接跳转小程序

    H5链接跳转小程序有2种方式: 第一种:通过微信官方提供的标签wx-open-launch-weapp,打开小程序 第二种:通过获取URL Scheme实现链接跳转小程序 官方文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21 注意: 开放范围:针对非个人主体小程序开放。 1、缺点 1)

    2024年02月13日
    浏览(37)
  • 微信扫码点餐小程序springboot外卖点餐系统源码和论文

     开发工具:      后端:idea   用户端:微信开发者工具     数据库 :mysql5.7+     技术:java  springboot  mybatis  微信原生技术    角色:   管理员  多商家    用户 在中国餐饮业的开展现状看,中国餐饮业当今的特点之一就是在线点餐效劳开展迅速,随着互联网普及率

    2024年02月16日
    浏览(23)
  • 微信小程序页面跳转方式+跳转小程序

    官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 跳转到其他页面(非tabBar页) 返回上一页面或返回多级页面 首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id app.josn文件: 第一种方法:wx.

    2024年02月12日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包