微信公众号 - 网页服务 - 分享接口

• 需要有一个认证的微信公众号，订阅号、服务号都可以，主体不能是”个人“
• 需要有一个域名，域名不能含有中文，域名需要备案

---

目录

一、公众号与域名绑定

二、 IP白名单

三、准备工作

3.1 引入JS文件

四、 后端(.net)生成需要的参数

4.1 获取accessToken

4.2 获取jsapi_ticket

4.3 生成其他参数

4.4 验证签名工具

五、前端配置

5.1 基本配置

5.2 分享到朋友圈

5.3 分享给朋友

5.4 分享到QQ

5.5 分享到腾讯微博

5.6 分享到QQ空间

六、测试环境

---

一、公众号与域名绑定

• 微信公众平台链接：https://mp.weixin.qq.com/
• 登录到公众号，找到 设置 => 公众号设置 => 功能设置 => JS接口安全域名
• 将txt下载下来，放到域名目录，将域名填入

二、 IP白名单

• 登录到公众号，找到 开发 => 基本配置 => IP白名单 ，将本地的IP和服务器的IP一起加上

三、准备工作

• 官方文档：https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS%E6%8E%A5%E5%8F%A3

3.1 引入JS文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

• 根据需求引用http或https的文件

四、 后端(.net)生成需要的参数

• 微信错误码查看：https://blog.csdn.net/qq_31267183/article/details/83211972

<script>
wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，企业号的唯一标识，此处填写企业号corpid
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名，见附录1
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
</script>

4.1 获取accessToken

/// <summary>
/// 获取access_token
/// </summary>
/// <returns></returns>
public static AccessTokenViewModel GetToken()
{
    var url = "https://api.weixin.qq.com/cgi-bin/token";

    Dictionary<string, string> dict = new Dictionary<string, string>();
    dict.Add("appid", appId); // 公众号开发者ID（AppID）
    dict.Add("secret", secret); // 公众号开发者密码（AppSecret）
    dict.Add("grant_type", "client_credential");

    return WebService<AccessTokenViewModel>(dict, url);
}

/// <summary>
/// 微信接口运行接口参数
/// <parm>错误码查看：https://blog.csdn.net/qq_31267183/article/details/83211972</parm>
/// </summary>
public class WxResult
{
    /// <summary>
    /// 错误代码
    /// </summary>
    public int errcode { get; set; }

    /// <summary>
    /// 错误描述
    /// </summary>
    public string errmsg { get; set; }
}

/// <summary>
/// 获取Token返回参数
/// </summary>
public class AccessTokenViewModel : WxResult
{
    /// <summary>
    /// 网页授权接口调用凭证
    /// </summary>
    public string access_token { get; set; }

    /// <summary>
    /// access_token接口调用凭证超时时间，单位（秒）
    /// </summary>
    public string expires_in { get; set; }

    /// <summary>
    /