H5网页实现微信分享，分享朋友圈功能（分享带图片，附源码_h5微信分享功能

1.微信分享文档及配置

===========

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中初始化
1

public static String APP_SECRET="";
1

public static void main(String[] args) {
1

    String url = "https://www.**.com/share";
1

    System.out.println(getResult(url));
1

};
1

public static Map<String, String> getResult(String url){
1

    Map<String, String> ret = sign(getTicket(), url);
1

    ret.put("appId", getAppId());
1

    return ret;
1

}
1

private static String getAppId(){
1