微信扫一扫接口的调用

  

说明本人是个新手,负责人要求我在公司的微信公众号H5界面中添加一个扫一扫功能,这对于我来说还是个不小的挑战,因为之前的公众号开发大部分都是公司的前辈的开发的。对于微信接口的使用,我一点都不熟悉。

废话少说,现在我分享一下调用微信扫一扫的过程及代码,系统框架采用的是SSH框架。

  开发扫一扫的满足条件: 

    一、需要微信公众号的APP_ID

    二、需要微信公众号的开发者密码AppSecret(如何查看AppSecreti:开发-基本配置-开发者密码-重置 管理员扫码即可看到)

    三、需要一个内网穿透的软件,我使用的是natapp

    四、在微信公众号中将自己的本机Ip添加到IP白名单中

满足以上条件,那么我们就可以进行微信扫一扫的接口调用

首先创建微信配置工具类(部分代码是来自网上的大牛们的代码,由于浏览了几天几夜的网页,具体是谁的我也搞不清了)

  微信签名类

  

package com.item.config;
import java.util.UUID;
import java.util.Map;
import java.util.HashMap;
import java.util.Formatter;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.io.UnsupportedEncodingException;  

public class Sign {
/*    public static void main(String[] args) {
    	//获取ticket
        String ticket = WxUtils.getTicket();
        // 注意 URL 一定要动态获取,不能 hardcode
        String url = "http://"+WxUtils.APP_DOMAIN+"/RAFFLE/gotoLetter";
        Map<String, String> ret = sign(ticket, url);
        for (Map.Entry entry : ret.entrySet()) {
            System.out.println(entry.getKey() + ", " + entry.getValue());
        }
    }*/
	/**
	 * 用于微信签名
	 * //签名生成规则如下:参与签名的字段包括noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分)
	 * @param jsapi_ticket 
	 * @param url 当前网页的URL,不包含#及其后面部分
	 * @return
	 */
    public static Map<String, String> sign(String jsapi_ticket, String url) {
        Map<String, String> ret = new HashMap<String, String>();
        //保证每次请求的签名都不一样
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String string1;
        String signature = "";

        //注意这里参数名必须全部小写,且必须有序
        string1 = "jsapi_ticket=" + jsapi_ticket +
                  "&noncestr=" + nonce_str +
                  "&timestamp=" + timestamp +
                  "&url=" + url;
        System.out.println(string1);

        try
 
要在HTML页面中调用微信扫一扫功能,需要使用微信提供的JS-SDK。具体步骤如下: 1. 在HTML页面中引入微信JS-SDK的代码库,可以通过以下方式引入: ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` 2. 在微信开放平台上申请开通JS-SDK权限,并获取到appId、timestamp、nonceStr、signature等参数。 3. 在HTML页面中准备一个按钮或者其他元素,用于触发扫一扫功能。例如: ```html <button id="scanQRCodeBtn">扫一扫</button> ``` 4. 在JS代码中调用微信JS-SDK提供的`wx.scanQRCode`方法,打开扫一扫界面。例如: ```javascript wx.config({ // 配置参数 appId: '你的appId', timestamp: '生成签名的时间戳', nonceStr: '生成签名的随机字符串', signature: '签名', jsApiList: ['scanQRCode'] // 需要使用的JS接口列表 }); wx.ready(function() { // 配置成功后执行的回调函数 document.querySelector('#scanQRCodeBtn').onclick = function() { wx.scanQRCode({ needResult: 1, scanType: ['qrCode', 'barCode'], success: function(res) { // 扫描成功后的回调函数,res.resultStr为扫描结果 console.log(res.resultStr); }, fail: function(res) { // 扫描失败后的回调函数 console.log(res); } }); }; }); ``` 以上代码中,`wx.config`方法用于配置参数,`wx.ready`方法用于在配置成功后执行的回调函数中调用`wx.scanQRCode`方法。`needResult`参数表示是否需要返回扫描结果,`scanType`参数表示扫描的类型,`success`和`fail`参数分别表示扫描成功和扫描失败后的回调函数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值