微信小程序开发之普通链接二维码

  本文主要介绍扫普通链接二维码打开小程序,

  详情请看官方文档https://mp.weixin.qq.com/debug/wxadoc/introduction/qrcode.html

配置普通链接二维码规则

生成二维码

  访问https://cli.im/url,将https://test.com/linkcode?id=1_2生成二维码图片

小程序接收参数

    if(option.q){
      console.log(option.q);
      var link = decodeURIComponent(option.q);
      console.log(link);
      var paramArr = link.split(‘=‘);
      if (paramArr.length == 2){
        var params = paramArr[1].split(‘_‘);
        console.log(params[0]);
        console.log(params[1]);
      }
    }

这里使用1_2是指用来接受多参数,然后手动处理得到

欢迎阅读本系列文章:微信小程序开发教程目录

原文地址:http://www.cnblogs.com/xcsn/p/7760796.html

时间: 2024-11-07 10:15:28

微信小程序开发之普通链接二维码的相关文章

ESA2GJK1DH1K微信小程序篇: 测试微信小程序扫描Air202上面的二维码绑定设备,并通过MQTT控制设备

前言 暂无 实现功能概要 微信小程序通过扫描GPRS上的二维码,绑定GPRS设备.然后使用小程序通过GPRS远程控制开发板上的继电器, 远程显示单片机采集的温湿度数据. 一,硬件程序 硬件程序采用基础篇 https://www.cnblogs.com/yangfengwu/p/11762609.html  的底层硬件程序 该源码已经拷贝到了当前测试目录 二,微信小程序源码 测试准备工作 一,下载单片机程序(请自行下载) 二,打开微信小程序软件,导入本节工程 三,把小程序安装到手机运行 四,调整波

支付宝小程序开发——根据字符串生成二维码

支付宝小程序开发中,如果需要根据字符串生成二维码,那么可以直接使用qrcode插件,你无需引用js,直接使用开发者工具的npm功能就可以了. 一. 安装插件: 1.开发者工具左侧工具栏点击如图所示的图标(npm): 2.NPM包管理界面,输入框中输入 qrcode 并按回车键,等待插件安装完成: 二. 引用并使用插件: 1 //引用插件 2 const QRCode = require('qrcode'); 3 Page({ 4 data: { 5 imgSrc: '' 6 }, 7 onRea

微信小程序数字转化条形码和二维码

一.在utils目录下面引入index.js和barcode.js和qrcode.js 文件 以上js可前往此地址进行下载:https://gitee.com/chwlhmt/demos/tree/master/%E6%9D%A1%E5%BD%A2%E7%A0%81%E8%BD%AC%E5%8C%96 二.在页面的js里面引入: const { barcode, qrcode } = require('../../utils/index.js') 在使用的地方直接调用方法: writeOff()

微信公众平台开发(三)——二维码、创建菜单

一.二维码 目前有2种类型的二维码:点击查看在线文档 1.临时二维码,是有过期时间的,最长可以设置为在二维码生成后的7天(即604800秒)后过期,但能够生成较多数量.临时二维码主要用于帐号绑定等不要求二维码永久保存的业务场景2.永久二维码,是无过期时间的,但数量较少(目前为最多10万个).永久二维码主要用于适用于帐号绑定.用户来源统计等场景.永久二维码时最大值为100000(目前参数只支持1--100000). 下面的代码是获取永久二维码的事例: /** * 获取永久二维码需要的ticket

小程序 获取指定人的二维码

当用户扫描二维码时获得二维码里面带的scene信息: // 这是首页的 js Page({ onLoad: function(options) { // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene var scene = decodeURIComponent(options.scene) } }) 获得二维码: var _this = this wx.request({ url: 'https://api.weixi

微信小程序下拉框之二维数组或对象

js文件 Page({ data:{ //户型 这是一个本地的对象,然后绑定到页面上 pic_array: [ { id: 13, name: '1室1厅1卫' }, { id: 14, name: '1室2厅1卫' }, { id: 15, name: '2室1厅1卫' }, { id: 16, name: '3室1厅2卫' }, { id: 17, name: '4室1厅2卫' }, { id: 18, name: '5室1厅3卫' }, { id: 19, name: '6室1厅3卫' }

微信小程序开发定制硬货分享—不怕神对手,就怕猪队友!

一.微信小程序平台有什么优势张小龙表曾说."小程序真正的入口在二维码上,未来更多希望小程序的启动是扫二维码实现." 这一点让很多行业都很适用. 互联网已从"搜索框入口"进入"二维码入口"时代.微信小程序是下一代互联网最佳用户触点.可完美集成微信支付.微信客服:无需注册.无需登录.无需下载.无需关注.超越H5,打开界面速度更快,界面操作更加流畅支持LBS位置地图.音视频.文件操作:支持模板消息通知推送.支持分享:互联网已从"搜索框入口&q

微信小程序开发工具使用与设计规范(二)

上一篇文章主要分析了微信小程序应用场景和优劣势.本篇你可以学习到: 如何使用小程序开发工具写一个Hello World 微信小程序设计规范 微信小程序项目结构 >>>微信小程序开发工具使用 下载安装小程序 下载 :微信web开发者工具 下载:官方DEMO源码 本系列教程使用的是mac版的开发者工具. 安装完成后,打开微信web开发者工具 1.扫码登录,绑定个人微信 2.扫码登录后,新建或导入已有项目(这里使用官方提供的DEMO源码quickstart) 3.新建项目,导入刚下载的quic

微信小程序开发入门教程

做任何程序开发要首先找到其官方文档,微信小程序目前还在邀请内测阶段,目前官方放出了部分开发文档,经过笔者一天的查看和尝试,感觉文档并不全面,但是通过这些文档已经能够看出其大概面貌了.闲话不多说,我们先来看看其有哪些官方文档. 微信公众平台开发者文档统一入口为:https://mp.weixin.qq.com/wiki,这里面大部分内容都是以前就有的,微信开发都是基于此份文档. 现在的变化是在这份文档的顶部加了一个“微信公众平台.小程序”的入口,这个入口才就是专门针对微信小程序开发的文档,如下图: