H5网页实现微信分享,分享朋友圈功能(分享带图片,附源码)

===========

1.1微信分享官网文档


地址概述 | 微信开放文档

需要注意一下,即将废弃接口,建议不要再调用了。

1.2 appid对应的公众号是否有分享接口权限


登录公众号后,接口状态为已获得,表示有权限。如下图

1.3设置白名单和绑定域名


分享的服务器外网ip地址,需要添加到白名单中,如下图

绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注:登录后可在“开发者中心”查看对应的接口权限。

2 代码实现

======

2.1后端Java代码


获取参数工具类

import org.json.JSONObject;

import java.io.UnsupportedEncodingException;

import java.security.MessageDigest;

import java.security.NoSuchAlgorithmException;

import java.util.Formatter;

import java.util.HashMap;

import java.util.Map;

import java.util.UUID;

public class SignUtil {

public static String APP_ID="";//在controller中初始化
public static String APP_SECRET="";
public static void main(String[] args) {
    String url = "https://www.**.com/share";
    System.out.println(getResult(url));
};
public static Map<String, String> getResult(String url){
    Map<String, String> ret = sign(getTicket(), url);
    ret.put("appId", getAppId());
    return ret;
}
private static String getAppId(){
    return APP_ID;
}
private static String getToken(){
    String accessToken = "";
    String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+getAppId()+"&secret="+APP_SECRET;
    try {
        String resultString =HttpUtil.get(url);
        if (null != resultString && !"".equals(resultString)) {
            System.out.println(resultString);
            JSONObject json = new JSONObject(resultString);
            accessToken = json.get("access_token").toString();
        }else{
            System.out.println("返回值为空,请检查请求报文或者请求地址是否正确");
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
    return accessToken;
}
private static String getTicket(){
    String ticket = "";
    String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+getToken()+"&type=jsapi";
    try {
        String resultString =HttpUtil.get(url);
        if (null != resultString && !"".equals(resultString)) {
            System.out.println(resultString);
            JSONObject json = new JSONObject(resultString);
            ticket = json.getString("ticket");
        }else{
            System.out.println("返回值为空,请检查请求报文或者请求地址是否正确");
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
    return ticket;
}
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
    {
        MessageDigest crypt = MessageDigest.getInstance("SHA-1");
        crypt.reset();
        crypt.update(string1.getBytes("UTF-8"));
        signature = byteToHex(crypt.digest());
    }
    catch (NoSuchAlgorithmException e)
    {
        e.printStackTrace();
    }
    catch (UnsupportedEncodingException e)
    {
        e.printStackTrace();
    }
    ret.put("url", url);
    ret.put("jsapi_ticket", jsapi_ticket);
    ret.put("nonceStr", nonce_str);
    ret.put("timestamp", timestamp);
    ret.put("signature", signature);
    return ret;
}
private static String byteToHex(final byte[] hash) {
    Formatter formatter = new Formatter();
    for (byte b : hash)
    {
        formatter.format("%02x", b);
    }
    String result = formatter.toString();
    formatter.close();
    return result;
}
private static String create_nonce_str() {
    return UUID.randomUUID().toString().replace("-","");
}
private static String create_timestamp() {
    return Long.toString(System.currentTimeMillis() / 1000);
}

}

controller实现

@Controller

public class ShareController {

@Value("${wx.appid}")
private String appid;
@Value("${wx.appsecret}")
private String appsecret;
@RequestMapping("/index")
public ModelAndView show(){
    SignUtil.APP_ID=appid;
    SignUtil.APP_SECRET=appsecret;
    ModelAndView mv=new ModelAndView();
    String url="http://localhost:8080/index";
    mv.addObject("share",SignUtil.getResult(url));
    mv.setViewName("/index");
    return mv;
}

}

2.2前端代码


<%@ page language=“java” import=“java.util.*” pageEncoding=“utf-8”%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+“😕/”+request.getServerName()+“:”+request.getServerPort()+path+“/”;

最后

光给面试题不给答案不是我的风格。这里面的面试题也只是凤毛麟角,还有答案的话会极大的增加文章的篇幅,减少文章的可读性

Java面试宝典2021版

最常见Java面试题解析(2021最新版)

2021企业Java面试题精选

rverPort()+path+“/”;

最后

光给面试题不给答案不是我的风格。这里面的面试题也只是凤毛麟角,还有答案的话会极大的增加文章的篇幅,减少文章的可读性

Java面试宝典2021版

[外链图片转存中…(img-N9B3MZdn-1719256842580)]

[外链图片转存中…(img-cttq7fwY-1719256842581)]

最常见Java面试题解析(2021最新版)

[外链图片转存中…(img-j4PbS0B1-1719256842581)]

[外链图片转存中…(img-lGzw9VXS-1719256842582)]

2021企业Java面试题精选

[外链图片转存中…(img-6UgRQrfQ-1719256842582)]

[外链图片转存中…(img-5aG6d2qy-1719256842583)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值