注册登录

微信小程序怎么做 用户点击按钮生成二维码

2017-12-05|HiShop|阅读量:
导读:2017年6月14日,微信小程序怎么做已经是当下最热门的话题,下面将从多方面来谈谈用户点击按钮生成二维码 相关的内容。...

微信小程序怎么做已经是当下最热门的话题,下面将从多方面来谈谈用户点击按钮生成二维码 相关的内容。

目标: 
请求二维码并展示 
步骤: 
用户点击按钮生成二维码 
步骤: 
1、微信小程序往后台请求二维码 
2、后台(java/php) 根据微信小程序信息往微信端请求tonken 
3、后台得到tonken后往微信端请求二维码图片 
4、后台得到图片后保存在服务器上,将路径返回给微信小程序 
5、微信小程序得到路径后,根据路径下载图片 
6、下载图片成功后再保存至本地 
7、保存成功后将路径给予image标签里面展示
代码: 
wxml

 

<image class="scanimg" src="{{filePath}}" bindtap="getAgain"></image>

<button type="primary" bindtap="primary">点击生成二维码</button>

 

s代码

 

primary:function (e) {

var _url = '后台地址';

  wx.request({

    url: _url,

//请求报文体

    data: [{

      id: agentCode

    }],

    method: 'POST',

    header: {

      'content-type': 'application/json'

    },

    success: function (res) {

//为00时表示成功,得到二维码的地址

      if (res.data.code == '00') {

        console.log("成功")

//下载二维码

        wx.downloadFile({

          url: res.data.body[0].URL,

          success: function (res) {

//如果二维码中的id为固定值可以将图片保存到本地,否则不用保存

            wx.saveFile({

              tempFilePath: res.tempFilePath,

              success: function (res) {

                console.log("保存成功")

_that.setData({

filePath: res.savedFilePath

})

console.log(res.savedFilePath)

try {

//id为定值,则将保存的地址存入缓存,非定值则只需要setData就行

wx.setStorageSync('filePath', res.savedFilePath)

} catch (e) {

console.log(e)

}

              },

              fail: function (res) {

                console.log("保存失败")

                console.log(res)

              }

            })

          }, fail: function (res) {

            util.msg("错误", "通讯失败")

            console.log(res)

          }

        })

      } else {

        console.log("错误")

        util.msg("错误", res.data.msg)

      }

    },

    fail: function () {

      util.msg("错误", "通讯失败")

      console.log(res)

    }

  })

}

 

java端代码

 

// 访问微信后台的URL

String URL = systemConfig.getString("LoginOrRegisterUrl");

// 请求类型

String grant_type = systemConfig.getString("grant_type");

// 第三方用户唯一凭证密钥

String secret = systemConfig.getString("secret");

// 第三方用户唯一凭证

String appId = systemConfig.getString("appid");

// 请求token时用到的URL

String tokenUrl = systemConfig.getString("tokenUrl");

// 向微信后台请求获取token

                        String sendGet = HttpClientConnectionManager.sendGet(

                                tokenUrl, "grant_type=" + grant_type

                                        + "&secret=" + secret + "&appid="

                                        + appId + "");

                        System.out.println(sendGet);

                        JSONObject json = JSONObject.fromObject(sendGet);

                        access_token = json.get("access_token").toString();

                        if (access_token == null) {

//没有token 则返回错误码和错误信息

                            agentDTO.setCode("0002");

                            agentDTO.setDesc("获取tokenId失败");

                            return agentDTO;

                        }

System.out.println(access_token);

// 访问微信后台带的json参数

                    Map<String, Object> map = new HashMap<String, Object>();

                    map.put("path", "pages/register");//你二维码中跳向的地址

                    map.put("width", "430");//图片大小

                    JSONObject json = JSONObject.fromObject(map);

                    HttpClientConnectionManager.httpPostWithJSON(URL

                            + access_token, json.toString(), id + "max");

                    // 返回给前端的后台服务器文件读取路径

                    String downloadUrl = systemConfig

                            .getString("agentImgDownloadUrl")

                            + id

                            + "max"

                            + "/";

                    // 返回给前端的后台服务器文件下载路径

                    String downloadfileUrl = downloadUrl + id + "max" + ".jpg";

                    agentResView.setURL(downloadfileUrl);

                    agentDTO.setAgentResView(agentResView);

agentDTO.setCode("00");

agentDTO.setDesc("成功");

                        return agentDTO;

 

tip 
1、这是申请一张二维码的代码,申请多张可以用for或者其他的方法 
2、当id为定量时,每次点击按钮判断filePath缓存是否存在,存在则直接取值展示,不存在则向后台请求二维码 

 


文章来源:https://www.hishop.com.cn/xiaocx/show_36771.html

<海商(www.hishop.com.cn)是国内知名商城系统及商城网站建设提供商,其中销客多小程序系统为商家提供小程序商城开发、小程序分销系统、微分销系统、商城系统、电商网站建设、微信分销系统、小程序商城等多端商城及电子商务行业解决方案>

申明:本网站部分文章和图片来源网络编辑,如有侵权及时沟通删除。海商hishop网站原创文章,转载请注明来源。

微信小程序开发文档更多
[field:title/]

[field:body function="html2text(cn_substr(@me,450))"/]....

{/dede:arclist}
小程序产品推荐
  • 移动云商城小程序
    一款会赚钱的网上商城系统——移动云商城,让零售企业转型电商更简单!独创6合一全网营销模式、裂变式推广分佣快速吸粉引流,不论微信、APP、手机触屏还是PC端网上购物商城,只要1个后台即可掌控全网最火爆的6大商城!详情
热门小程序