精华内容
下载资源
问答
  • PHP版 微信小程序生成带参数小程序二维码图片 php接口+小程序demo 小程序端js代码 getcodes:function(){ var that=this wx.request({  url: 'http://www.gecodes.com/codes.php',  data:{  id:1,  ...

    PHP版 微信小程序生成带参数小程序二维码图片 php接口+小程序demo

    小程序端js代码

    getcodes:function(){
    var that=this
    wx.request({
      url: 'http://www.gecodes.com/codes.php',
      data:{
        id:1,
        path:'pages/detail/detail?id=1'
      },
      method:'GET',
      success:function(res){
        that.setData({
          imgurl: "http://www.gecodes.com/" + res.data[0]+'.jpg',
          cs: '二维码携带参数为:' + res.data[1]
        })
      }
    })
      },

    demo源码进群交流 372667101


    展开全文
  • 1. 云开发新建云函数getQrCode // 云函数入口文件 const cloud = require('wx-server-sdk'); cloud.init() // 云函数入口函数 exports.main = async (event, ... // 生成小程序码 const wxacodeResult = await clou

    1. 云开发新建云函数getQrCode

    // 云函数入口文件
    const cloud = require('wx-server-sdk');
    cloud.init()
    // 云函数入口函数
    exports.main = async (event, context) => {
      const full_path = event.page + '?' + event.scene;
    
      try {
    
        // 生成小程序码
        const wxacodeResult = await cloud.openapi.wxacode.getUnlimited({
          scene: event.scene,
          page: event.page,
          width: 240
        })
        // return wxacodeResult;
        if (wxacodeResult.errCode != 0) {
          // 生成二维码失败,返回错误信息
          return wxacodeResult;
        }
    
        // 上传到云存储
        const uploadResult = await cloud.uploadFile({
          cloudPath: 'qr/' + new Date().getTime() + '.jpg',
          fileContent: wxacodeResult.buffer,
        });
        // return uploadResult;
        if (!uploadResult.fileID) {
          //上传失败,返回错误信息
          return uploadResult;
        }
    
        // 获取图片临时路径
        getURLReault = await cloud.getTempFileURL({
          fileList: [uploadResult.fileID]
        });
        fileObj = getURLReault.fileList[0];
        fileObj.fromCache = false;
    
        // 上传成功,获取文件临时url,返回临时路径的查询结果
        return fileObj;
    
      } catch (err) {
        return err
      }
    
    }

    2. 前端js调用并显示

    onPreview(e) {
    
          wx.cloud.callFunction({
            name: "getQrCode",
            data: {
                page: 'pages/index/index',
                scene: 'id=6666',
                thumbs_up_task_id: 111
            },
            success: res => {
                console.log(res)
                wx.previewImage({
                    urls: [res.result.fileID],
                })
            }
          })
        
          
      }

     

    3. 效果图

     

     

    想看视频版?

    关注公号“微程序学堂”,我们的视频教程即将上线

     

    如果你自己写了好文章想投稿

    请联系我们

     

     

     

     

     

    展开全文
  • 本文主要讲解小程序二维码的基本概念,帮助开发和运营人员更好的掌握小程序参数二维码,同时也包含小程序二维码官方文档解读,更好的掌握小程序参数二维码在业务中的使用 一,小程序二维码小白介绍 二,小程序...

    本文主要讲解小程序二维码的基本概念,帮助开发和运营人员更好的掌握小程序参数二维码,同时也包含小程序二维码官方文档解读,更好的掌握小程序参数二维码在业务中的使用

    一,小程序二维码小白介绍

    二,小程序二维码开发介绍

    三,小程序二维码生成介绍

    四,小程序二维码官方文档解读

     

    一,小程序参数二维码小白篇
    介绍参数二维码的基础知识,让开发者和运营者知道什么是参数二维码

    1. 首先我们要了解,什么是小程序的二维码?

      以下是小程序二维码

                小程序的菊花码                                     普通的小程序二维码    

    2. 为什么小程序码是圆的放射型,也称为菊花码

     小程序最开始使用的是常规方形的二维码,后面微信专门为此设计了一套菊花码,也就是图二,为什么要专门搞一套小程序特有的编码呢,估计是

     (1)专利原因

        方形二维码的专利属于别人,微信没有专利。

     (2)区分普通二维码,减少用户扫码额疑虑

         将小程序和普通的二维码进行区分,现在大家看到二维码,都不敢随便扫,但是如果提前知道二维码属于哪一类,对手机有没有危害性,这样就会减少扫码人的顾虑,大家看方形的二维码中间那   块还是圆的,就是为了,让大家知道这个是小程序,而且微信生成的二维码里,还有一句提示,明确的告之用户,这是小程序,可以放心使用 

       更多小程序的菊花码故事,请跳转到这里  https://www.qcloud.com/community/article/347791     

    3. 什么是小程序带参数的二维码

       小程序的带参数的二维码,顾名思义。就是就将参数带入小程序内,当然参数这个,是明显偏技术类的一个名称。 我们来举2个例子

      播放视频例子

      比如打开一个网页,播放视频

      https://v.qq.com?play=湖人队比赛

      当你打开网页的时候,网站知道你想要打开看的是湖人对的比赛,而参数名是play,参数值是湖人队比赛,那么网站就直接打开这个页面给您,而不是进入网站的首页。

      同样的道理,当我扫码二维码打开小程序的时候,我希望能够直接找到对应的内容,而不是进入首页,一个一个去浏览。

       衣服购买例子

    我扫码二维码后,希望进入衣服的购买介绍页面,而不是小程序的首页,这样节省时间。

     共享单车例子

     再比如摩拜单车,每扫一个二维码,就直接对应的是这辆车,进入摩拜的小程序,摩拜是知道

            

        图中的编号02110015717 就传递到摩拜小程序了,摩拜小程序就知道你想打开哪辆车了(妹子和本文无关,不是我女朋友)。

        所以带参数二维码,就是将数据直接带入小程序,小程序知道用户是扫哪个二维码过来的,参数是什么,用户希望做什么

        所以带参数二维码,就是通过参数直达小程序的内容页面。参数二维码还有哪些场景呢?

        小程序带参数二维码场景举例

           医院场景:比如每个医生一个id,通过带参数二维码,扫码二维码就直接进入小程序医生页面

           餐厅场景:比如每个菜一个二维码,通过扫码这个菜的二维码,进入小程序后,可以直接点这道菜,而不是要找菜铺。

           电商场景:扫码二维码带参数,进入小程序直接购买,比如通过公众号,通过带参数二维码,用户长按识别,直接进入服装的购买页面,提高购买转换。

           音乐场景:扫码某个带参数二维码,直接打开播放某个固定的歌曲

           推广场景:

               线上推广

              比如我同样的一件衣服,放在A公众号推广,有多少人购买了,放在B公众号有多少人购买了,怎么区分和统计呢?

              那就增加一个参数两个二维码,增加一个参数,A公众号设置qudao=A  B公众号设置参数qudao=B,那么我们小程序就知道同样的一件衣服,是哪个公众号购买的

              线下推广:

         通过带参数的二维码,商家将这些独一无二的小程序码配置在不同的物料上,开发者通过追踪到用户都是从哪儿识别进入到小程序,让商家清楚了解到各物料的投放效果。

    这样,我们就知道哪边的推广效果好。

    到这里小程序的参数二维码的具体用户我们大致是知道了。

     

    二,小程序参数二维码开发篇
    介绍如何开发小程序参数二维码,如何在开发模拟小程序参数二维码,以及代码里如何获取小程序参数码的值

     

    1. 自定义编译条件

     

    2. 在代理的onLoad里获取参数值

    复制代码

    Page({
      onLoad: function(options) {
        // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
        var scene = decodeURIComponent(options.scene)
        //
        var query = options.query.dentistId // 3736
      }
    })

    复制代码

    我们通过onLoad 的options的参数,可以很方便的获取小程序带参数二维码传递过来的参数,以及场景参数二维码的值

     

    三,小程序参数二维码生成篇

       当小程序审核通过后,那么线上的小程序二维码是如何生成呢?芝麻小程序码提供了程序二维码生成工具。

       网址如下 https://weixin.hotapp.cn 

     

    芝麻小程序码的特色

    (1)支持小程序路径带参数,自定义带参数

    (2)小程序码,方形小程序码,以及小程序码的美化

    (3)支持创建带场景值的二维码

    (4)支持小程序参数二维码的统计,统计扫码人数,扫码次数

     

    四,小程序二维码官方文档解读

        小程序二维码生成官方文档链接 https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html

        接口A:生成普通菊花小程序带参数二维码,适用于需要的码数量较少的业务场景,通过该接口生成的小程序码,永久有效,用户扫描该码进入小程序后,将直接进入 path 对应的页面。

                  数量限制是10万个

      接口地址:https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN
    

     

        接口A的的生成二维码,如何生成,二维码样式,选择普通的菊花码

        

     



      接口B:生成场景小程序参数二维码
      通过该接口生成的小程序码,永久有效,数量不限制,用户扫描该码进入小程序后,将直接进入 path 对应的页面。

       接口地址:https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN

    用户扫描该码进入小程序后,开发者需在对应页面获取的码中 scene 字段的值,再做处理逻辑。使用如下代码可以获取到二维码中的 scene 字段的值。调试阶段可以使用开发工具的条件编译自定义参数 scene=xxxx 进行模拟,开发工具模拟时的 scene 的参数值需要进行 urlencode

     

    1

    2

    3

    4

    5

    6

    7

    // 这是首页的 js

    Page({

      onLoad: function(options) {

        // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene

        var scene = decodeURIComponent(options.scene)

      }

    })

    产品发布后,场景小程序码的生成方法

     

     接口C:普通方形二维码,适用于需要的码数量较少的业务场景,接口C和接口A的二维码总数量是10万个。如果数量比较多。需要用接口B,场景参数二维码

    接口地址:https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN
    
    

     

     

     

    小程序二维码生成工具:芝麻小程序码 https://weixin.hotapp.cn

    展开全文
  • 微信小程序二维码官方文档地址:... * 生成带参数小程序二维码 **/ public function getQRCode($auth) { // 获取access_token $access_token = json_dec...

    微信小程序二维码官方文档地址https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.html

    php具体实现代码:

    /*
     * 生成带参数的小程序二维码
     **/
    public function getQRCode($auth)
    {
        // 获取access_token
        $access_token = json_decode(file_get_contents('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' . $applet['appid'] . '&secret=' . $applet['appsecret']));
        if (!isset($access_token)) {
            return false;
        }
    
        // 拼接微信服务端获取二维码需要的url
        $url = 'https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=' . $access_token;
        $data['auth'] = $auth;
        $data['path'] = "pages/index/index";
        $json = json_encode($data);
        $result = $this->api_notice_increment($url, $json);
        header('Content-Type: image/jpeg');
        echo $result;
        die;
    }
    
    
    public function api_notice_increment($url, $data)
    {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
        curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (compatible; MSIE 5.01; Windows NT 5.0)');
        curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
        curl_setopt($ch, CURLOPT_AUTOREFERER, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        $tmpInfo = curl_exec($ch);
        if (curl_errno($ch)) {
            curl_close($ch);
            return $ch;
        } else {
            curl_close($ch);
            return $tmpInfo;
        }
    }
     

    tip:
    1:此种方式采用的微信生成二维码的方法一,数量有限,好处path长度够长128,能传递绝大部分加密后的信息
    2:如果不需要加密,或者加密后字符串长度在32位以内,方法二是最好选择,生成数量没有限制。

    最后附上进入小程序页面后参数接收方法:

    onLoad: function (options) {
      this.getParamsCode(options);
    },
    //获取二维码参数
    getParamsCode: function (options) {
      if (options.auth != undefined) {
        app.globalData.pcUserInfo = {auth: options.auth}
      }
    }
    
    展开全文
  • 主要介绍了node实现生成带参数小程序二维码并保存到本地功能,涉及nodejs模块引用、接口调用、编码转换、图片生成等相关操作技巧,需要的朋友可以参考下
  • 本文主要讲解小程序二维码的基本概念,帮助开发和运营人员更好的掌握小程序参数二维码,同时也包含小程序二维码官方文档解读,更好的掌握小程序参数二维码在业务中的使用 一,小程序二维码小白介绍 二,小程序...
  • PHP生成带参数微信小程序二维码

    千次阅读 2018-07-10 17:45:41
    由于业务场景需要,进入小程序自动实现某些功能,那么这...微信小程序二维码官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.html php具体实现代码: /* * 生成带参数的小程序二维...
  • 扫码已经成为一种常见又方便的进入移动应用的途径,可以把线上线下的用户流量带入你的移动应用中来。微信小程序也提供了扫...微信官方提供了3个不同的REST API用于生成带参数小程序码或者二维码,可在扫码后进入...
  • 小程序带参数二维码生成器,通过输入页面地址和参数,HotApp小程序统计的小程序带参数二维码,可以免费生成可管理带参数二维码 weixin.hotapp.cn
  • 微信公众平台上面有自带的生成功能,但是不能生成带参数二维码。 想要生成带参数二维码,需要调取接口 1.获取access_token https://api.weixin.qq.com/cgi-bin/token?appid=wxf067651388568c44&...
  • java-生成带参数小程序二维码

    万次阅读 多人点赞 2018-04-27 14:09:16
    第一次写博客,有点紧张,不足之处,请大佬们轻喷,代码也不是我自己写的,我也是这里copy一点那里copy一点,然后总结出来...微信官网小程序二维码API:https://developers.weixin.qq.com/miniprogram/dev/api/qrco...
  • 通过微信小程序接口,生成带参数二维码,并下载之本地返回二维码图片地址
  • 使用方法:通过调用微信小程序二维码接口生成。 接口文档:https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.html 从文档可知,获取小程序二维码方法有三,下面我们以方法B为例,方法B适用于需要的码...
  • 注意:小程序必须要上线才能获取到小程序二维码,否则会报错。。 使用node koa2框架,生成小程序二维码,需要引入两个模块 var requestp = require('request-promise'); var fs = require('fs'); // 载入fs模块 ...
  • 想通过微信扫二维码并打开小程序二维码链接中参数,通过变量接收参数,显示在小程序中。
  • 我是一名独立开发者, 接小程序外包 欢迎加入我的小程序交流群 wx: guzhan321 备注:小程序 小程序是有专门的API的,但是略微有点麻烦。因为这个接口返回的是一个 buffer。 所以我们要分为两步: 调用接口生成图片 ...
  • Java生成带参数的微信小程序二维码

    千次阅读 2019-11-25 12:10:43
    Java生成微信小程序二维码 微信官方提供了三个生成二维码的方法,这里我们使用第三个 getUnlimited 数量无限制的这个方法。 第一步:生成 access_token /** * 获取微信accessToken */ public String ...
  • 微信小程序生成带参数二维码 官方共给了三个接口调用,大家可以根据自己的实际情况来使用,我这里使用的是接口B和接口C。 官方文档地址 业务需求: 扫描二维码进入指定商品页面,需要的参数为商品id(goods_id)。...
  • 微信小程序生成带参数二维码

    万次阅读 2018-09-19 15:23:27
    微信小程序生成带参数二维码微信官方说明PHP代码实现重要的也是最坑的 微信官方说明 先查看文档,共有三个接口调用,大家可以根据自己的实际情况来使用,我这里使用的是接口C ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,982
精华内容 9,992
关键字:

带参数小程序二维码