精华内容
下载资源
问答
  • 主要介绍了微信小程序实现获取小程序码和二维码java接口开发,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 主要介绍了关于微信小程序获取小程序码并接受buffer流保存为图片的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
  • 主要介绍了微信小程序分享小程序码的生成(带参数)以及参数的获取,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 一款将支付宝收款二维码和微信收款二维码合成一个收款二维码的工具 GOOD GOOD MASTER Feature_1 Feature_2
  • 扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久有效 微信官方文档——小程序获取二维码原文链接 请求地址 POST方法 https://api.weixin.qq.com/wxa/getwxacodeunlimit? access_token=ACCESS_...
  • 微信小程序密码输入框

    千次阅读 2020-06-01 16:07:15
    <view class='box'> <view class='row' bindtap='inputFocus'> <view class="{{index == active ? 'active' : '' }}" wx:for="{{Length}}" wx:key="index"> ...input type="number" value="{{...

    在这里插入图片描述

    <view class='box'>
        <view class='row' bindtap='inputFocus'>
            <view class="{{index == active ? 'active' : '' }}" wx:for="{{Length}}" wx:key="index">
                <input type="number" value="{{entryList.length>=index+1?entryList[index]:''}}" disabled></input>
            </view>
        </view>
        <input type="number" class='entry' maxlength="{{Length}}" focus="{{isFocus}}" bindinput="inputValue"></input>
    </view>
    
    .row {
      display: flex;
      align-items: center;
      justify-content: space-around;
    }
    
    .row view {
      width: 80rpx;
      height: 80rpx;
      border: 1px solid #f5f5f5;
      border-radius: 5rpx;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .row view input {
      width: 100%;
      height: 100%;
      text-align: center;
    }
    
    .active {
      border: 1px solid red !important;
    }
    
    .entry {
      width: 0;
      height: 0;
      opacity: 0;
    }
    
    Page({
        data: {
            isFocus: true,
            Length: 6,
            entryList: "",
            active: 0,
        },
    
        inputFocus() {
            this.setData({
                isFocus: true
            })
        },
    
        inputValue(e) {
            var value = e.detail.value;
            var list= e.detail.value.split('')
            this.setData({
                entryList: value,
                active: list.length
            })
        },
    })
    
    展开全文
  • PHP获取微信小程序二维码 三种方式 包括带参数菊花码 A接口,生成小程序码,可接受path参数较长,生成个数受限【菊花码】 #B接口,生成小程序码,可接受页面参数较短,生成个数不受限【菊花码】。 #C接口,生成...
  • 主要介绍了微信小程序实现简单input正则表达式验证功能,结合实例形式分析了微信小程序input组件事件绑定及正则验证相关操作技巧,需要的朋友可以参考下
  • 生成指定页面的微信小程序码

    千次阅读 2019-02-19 12:00:01
    问题: 小程序码默认只有一个到首页的二维码 发布时候指定的首页的一个二维码。但是在运营过程中通常会指定多个入口,这样需要我们提供多个直达页面的二维码。 解决:前端自己生成 准备材料 小程序appid 小程序密钥...

    问题: 小程序码默认只有一个到首页的二维码

    发布时候指定的首页的一个二维码。但是在运营过程中通常会指定多个入口,这样需要我们提供多个直达页面的二维码。

    解决:前端自己生成

    准备材料

    • 小程序appid
    • 小程序密钥secret
    • 一个发请求工具 这里选postman

    动手

    1. 最后一步调用接口生成二维码
      https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=上一个接口获取的access_token
      body参数: 参数说明
      在这里插入图片描述

      {"scene":"a=100","page":"pages/gift/main","width":200,"auto_color":false,"line_color":{"r":"0","g":"0","b":"0"}}
      

      接口示例在这里插入图片描述
      这样指定的二维码就生成了, page参数可以任意自己指定(当然是要已发布的页面)。

    注意:如果要带参数在page中?a=xx&b=ss , 但是动态参数的话,这个获取二维码的步骤就交给后端来做。
    后端人员请移步后端生成微信小程序码

    展开全文
  • 效果 (此图片来源于网络,如有侵权,请联系删除! )   安装 [AppleScript] 纯文本查看 复制代码 $ npm install wxbarcode 使用方法 [AppleScript] 纯文本查看 复制...条形 函数名:barcode 函数原型:barcode(id
  • java获取微信小程序码的两种方式和小程序二维码 一、小程序码和小程序二维码简介 首先,奉上微信官方文档:获取小程序码 - https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html ...

    一、小程序码和小程序二维码简介

    首先,奉上微信官方文档:获取小程序码 - https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html

    其实文档已经描述的很清楚,微信官方提供两种生成小程序码和一种生成小程序二维码的方式(三种方式对应的是三个不同的接口):

    1. 适用于需要的码数量较少的业务场景

      生成小程序码,可接受 path 参数较长,生成个数受限,请谨慎使用。接口路径:

      POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

    2. 适用于需要的码数量极多的业务场景

      生成小程序码,可接受页面参数较短,生成个数不受限。接口路径:

      POST https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN

    3. 适用于需要的码数量较少的业务场景

      生成二维码,可接受 path 参数较长,生成个数受限。接口路径:

      POST https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN

    这里,需要先解释清楚几点疑惑:

    1、小程序码和小程序二维码有什么区别?

    请看下图:

    图1 小程序码
    图2 小程序二维码

    2、接口1和接口3中的个数限制到底是多少?

    微信官方描述:接口 1 加上接口 3,总共生成的码数量限制为 100,000,请谨慎使用

    3、每个接口生成的码,可接受的页面参数具体有多少?

    • 接口1:参数名path表示扫码进入的小程序页面路径,最大长度 128 字节,不能为空
    • 接口2:参数名page必须是已经发布的小程序存在的页面(否则报错),例如 pages/index/index, 根路径前不要填加 /,不能携带参数(参数请放在scene字段里),如果不填写这个字段,默认跳主页面

      参数名scene表示扫码后的携带的业务参数,最大32个可见字符,只支持数字,大小写英文以及部分特殊字符:!#$&’()*+,/:;=?@-._~
    • 接口3:参数名path表示扫码进入的小程序页面路径,最大长度 128 字节,不能为空

    二、常用小程序码开发流程及示例

    首先,根据微信官方描述,可明白获取二维码的套路都一样,只不过不同的二维码的请求路径和参数有些区别而已,具体步骤大致分为以下几步(以下流程以微信提供的接口2作为示例,此接口使用最多):

    1、 请求微信api,获取access_token

    获取token的请求url:https://api.weixin.qq.com/cgi-bin/token

    获取token的请求参数:

    • grant_type : client_credential
    • appid : 自己小程序的appId,注意:必须是已经发布的小程序!
    • secret : 自己小程序的secret,注意:必须是已经发布的小程序!

    以下为获取token的示例代码**(请求微信url时,是https的post请求,此处忽略post请求的代码,网上到处都是0.0)**:

    public static String getToken() {
        try {
            Map<String, String> map = new LinkedHashMap<String, String>();
            map.put("grant_type", "client_credential");
            map.put("appid", "自己的appId");// 改成自己的appid
            map.put("secret", "自己的secret"); //改成自己的secret
            String rt = sendPost("https://api.weixin.qq.com/cgi-bin/token", map);
            JSONObject json = JSONObject.fromObject(rt);
            if (json.getString("access_token") != null || json.getString("access_token") != "") {
                System.out.println("token:" + json.getString("access_token"));
                return json.getString("access_token");
            } else {
                return null;
            }
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }
    

    2、 根据生成的token和相关参数,请求微信api,生成小程序码

    生成小程序码的请求url:https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=token

    相关的请求参数(这里只标明常用的参数,其他参数可到微信官网查看):

    • scene : 微信扫码跳转目标页面时携带的参数
    • page : 扫码后跳转到小程序的目标路径,注意必须是已经发布的小程序存在的页面(否则报错)
    • width : 二维码的宽度,单位 px,最小 280px,最大 1280px
    • auto_color : 自动配置线条颜色,如果颜色依然是黑色,则说明不建议配置主色调,默认 false

    以下为生成二维码的示例代码:

    注意请求成功后,接收的返回值为返回的图片 Buffer,可根据具体情况处理,以下示例代码采用的是第二种方法

    1. 可将图片下载到本地,返回图片路径给前端
    2. 将图片Buffer用base64处理为流字符串返给前端页面
    //sceneStr:链接到改小程序界面所要的参数
    //accessToken:上一个方法中所生产的token
    public static String getminiqrQr(String sceneStr, String accessToken) {
        RestTemplate rest = new RestTemplate();
        InputStream inputStream = null;
        OutputStream outputStream = null;
        try {
            String url = "https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=" + accessToken;
            Map<String, Object> param = new HashMap<>();
            param.put("scene", sceneStr);
            param.put("page", "pages/index/index");
            param.put("width", 430);
            param.put("auto_color", false);
            MultiValueMap<String, String> headers = new LinkedMultiValueMap<>();
            HttpEntity requestEntity = new HttpEntity(param, headers);
            ResponseEntity<byte[]> entity = rest.exchange(url, HttpMethod.POST, requestEntity, byte[].class,
                    new Object[0]);
            System.out.println("调用小程序生成微信永久小程序码URL接口返回结果:" + entity.getBody());
            byte[] result = entity.getBody();
            inputStream = new ByteArrayInputStream(result);
    
            String imageStr = EncryptUtil.base64Encode(inputStreamToByte(inputStream));
            System.out.println(imageStr);
            return imageStr;
        } catch (Exception e) {
            throw new RuntimeException("生成二维码异常!");
        } finally {
            if (inputStream != null) {
                try {
                    inputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (outputStream != null) {
                try {
                    outputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }
    
    private static byte[] inputStreamToByte(InputStream inputStream) throws IOException{
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        int index = -1;
        while((index = inputStream.read()) != -1){
            baos.write(index);
        }
        return baos.toByteArray();
    }
    

    3、 前端取到小程序码的字符串,用展示在页面:

    前端代码:

    生成的小程序码
    <img alt="小程序码" src="data:image/jpeg;base64,${后端返回来的流字符串}">
    

    真实html代码效果

    生成的小程序码
    <img alt="小程序码" src="data:image/jpeg;base64,/9j/4AAQSkZJRg...">
    

    4、页面html访问的效果:

    在这里插入图片描述

    展开全文
  • 主要介绍了微信小程序自定义扫功能界面的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 微信小程序错误参考 状态(场景值) 说明  -1 系统繁忙  0 请求成功  40001 验证失败  40002 不合法的凭证类型  40003 不合法的OpenID  40004 不合法的媒体文件类型  40005 不合法的文件类型  40006 不...
  • 微信小程序二维码获取快递单号 https://blog.csdn.net/wangqing830414/article/details/114759325
  • 生成微信小程序码并保存到相册

    千次阅读 2018-12-26 17:31:04
    有时候需要进行将小程序码保存,并且携带相关的信息再做逻辑处理,下面演示小程序码的 生成流程,我这里用的是生成小程序码的B接口:微信官方文档传送门 首先看一下js相关代码: //生成小程序码 createCode : ...

    有时候需要进行将小程序码保存,并且携带相关的信息再做逻辑处理,下面演示小程序码的 生成流程,我这里用的是生成小程序码的B接口:微信官方文档传送门

    首先看一下js相关代码:

    //生成小程序码
        createCode : function(e){
            let appid = Const.appid;
            let screat = Const.appSecret;
            let accessToken = '';
            let self = this;
            wx.request({
                url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + appid + '&secret=' + screat,
                method : 'GET',
                success : function(res){
                    console.log("res is ",res);
                    accessToken = res.data.access_token;
                    console.log("accessToken is ",accessToken);
                    wx.request({
                        url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token='+accessToken,
                        method : 'POST',
                        responseType : 'arraybuffer',
                        data : {
                            scene   : 'test',
                            page    : 'pages/zcw/user/user',
                            width   : 280,
                            is_hyaline : false      
                        },
                        header : {
                            'content-type' : 'application/json;charset=utf-8'
                        },
                        success : function(res){
                            console.log("---->>res is ",res);
                            console.log("res.data is ",res.data);
                            let fsm = wx.getFileSystemManager();
                            let base64 = wx.arrayBufferToBase64(res.data);
                            base64 = 'data:image/PNG;base64,' + base64;
                            self.setData({
                                url : base64
                            })
                            let base64DataIndex = base64.indexOf('base64,') + 7;
                            console.log("base64 data is ",base64);
                            const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64) || [];
                            console.log("format is ",format);
                            let timestamp = new Date().getTime();
                            let filePath = `${wx.env.USER_DATA_PATH}/${timestamp}.${format}`;
                            if (self.data.systemType === 'iphone'){
                                fsm.writeFile({
                                    filePath,
                                    data : base64.slice(base64DataIndex),
                                    encoding: 'base64',
                                    success : function(){
                                        console.log("filePath is ",filePath);
                                        let qrCodeCanvas = wx.createCanvasContext('qrcode-canvas', self);
                                        console.log("canvas is ",qrCodeCanvas);
                                        qrCodeCanvas.drawImage(filePath,80,5,200,200);
                                        qrCodeCanvas.draw(true,function(){
                                            //保存图片到相册
                                            self.createImageFromCanvas();
                                        });
                                    }
                                })
                            }else{
                                //安卓系统环境
                                fsm.writeFile({
                                    filePath,
                                    data: res.data,
                                    encoding: 'binary',
                                    success: function () {
                                        let qrCodeCanvas = wx.createCanvasContext('qrcode-canvas', self);
                                        console.log("安卓环境下canvas is ", qrCodeCanvas);
                                        console.log("安卓环境下filePath is ",filePath);
                                        qrCodeCanvas.drawImage(filePath, 80, 5, 200, 200);
                                        qrCodeCanvas.draw(true,self.createImageFromCanvas);
                                    }
                                })
                            }
                        }
                    })
                }
            })
    
        },
        //从canvas上生成图片
        createImageFromCanvas : function(){
            let self = this;
            wx.canvasToTempFilePath({
                x: 80,
                y: 5,
                width: 200,
                height: 200,
                destWidth: 200,
                destHeight: 200,
                canvasId : 'qrcode-canvas',
                success: function (res) {
                    console.log("从画布中转换的图片路径是:", res.tempFilePath);
                    //将临时路径的图片保存到相册中去
                    wx.saveImageToPhotosAlbum({
                        filePath: res.tempFilePath,
                        success: function (res) {
                            console.log("保存到相册的二维码图片是:", res);
                        },
                        fail: function () {
                            console.log("保存到相册失败");
                        },
                        complete: function () {
                            console.log("保存到相册完成");
                        }
                    },self)
                }
            })
        }

    但是这里是简要的做一下测试,'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + appid + '&secret=' + screat和https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token='+accessToken这两个接口最好交给小程序的后台进行请求,这样就会比较安全。

    wxml对应的canvas结构是:

    <canvas canvas-id='qrcode-canvas' style='width:600rpx;height:400rpx;' class='code-canvas'>
         <!-- <image src='{{url}}'></image> -->
      </canvas>

    另外在安卓机型中生成的图片会出现白背景或者是黑背景的问题,具体原因是因为微信的版本问题,升级微信的版本到最新版就可以了,

    苹果机型没有该问题出现

    展开全文
  • 电商小程序 电影日历 电影推荐 东航订机票 豆瓣电影 豆瓣图书 二维码生成器 番茄时钟 仿网易云音乐 仿微信DEMO 仿找事吧 分答小程序 富文本解析,折线图,MD5,bluebird 高仿苹果计算器 购物车 果库 滑动选项卡 画布...
  • 生成无限制的微信小程序码

    万次阅读 2018-03-25 20:19:48
    现在除了用二维码之外,微信还可以为我们生成小程序码,大概长这个样子。 如果要生成无限制的小程序码,需要几个步骤 1、小程序某个页面的地址,也即是指定page参数的值; 2、获取access_token; 3、指定scene...
  • 微信小程序签到 扫签到是一个基于微信平台的小程序,通过微信扫一扫,可以实现自动签到功能,免去了手工签到的麻烦。扫签到主要用在课堂签到,并且支持扩展,以便应用到其它需要签到的场景。
  • 简易微信小程序源码

    2018-06-27 15:09:01
    简易微信小程序源码,初学者可以看看,大佬就不用看了
  • 微信小程序码的调试

    千次阅读 2019-03-29 15:56:51
    生成的微信小程序码如何调试 微信小程序码通过后台生成,一般生成的小程序码都是发布后才能生成,开发过程中如何调试呢?其实微信开发者工具已经提供了相关功能,点击上方的编译模式,选择“通过二维码编译”,选择...
  • 微信小程序-扫点餐 TODO 多人同步点餐,购物车、确认订单中,是否显示点餐人头像? 系统稍作改造可以支持服务员点餐 后端指定微信用户为服务员 小程序中,检测为服务员之后,提交订单 不发起微信支付,直接下单...
  • 微信小程序加密字段解密工具代码,真的没搞懂微信怎么想的,微信退款,公众号消息,小程序,微信支付的加密解密方式全都不一样,每一个都要单独调试,简直要死人,那我就调试好一个就传一个上来
  • 微信小程序,生成logo二维码保存图片;或者在canvas某一部位绘制二维码
  • 这个是thinkphp方面的微信小程序支付,具体的操作步骤可以去我博客看看,有一篇写微信小程序支付的:https://blog.csdn.net/lyx_lyq/article/details/84438411 记得把证书给换成自己的。
  • 目前小程序推出了自己的识别码,小程序码,圆形的码看起来比二维码好看。 本文总结微信小程序的获取小程序二维码的接口开发。官方地址 主要内容摘抄自微信小程序的API文档,java接口开发是自己总结开发。 一、...
  • python生成微信小程序码

    千次阅读 2019-04-24 17:15:20
    1.获取用户access_token # 传入字段为AppID,AppSecret def get_access_token(appid,secret): ...# data:{"path":"https://www.baidu.com","scene":""} def wx_code(access_token,data): # 微信小程序码生成 url = '...
  • 微信小程序登陆界面,输入账号密码即跳转到另一页面,亲测可用

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 86,180
精华内容 34,472
关键字:

微信小程序码

微信小程序 订阅