微信jssdk对接遇到的坑（配置，分享朋友圈接口）
说说对接微信网页sdk会遇到的一些坑。
1.首先是获取access_token,需要加入当前调用机器IP。在公众号设置里加入白名单
具体的调用方式参考链接微信获取access_token
获取ticket的方式
获取到之后就是生成签名了
签名方法的代码（c# 代码）
///
/// 微信支付协议接口数据类，所有的API接口通信都依赖这个数据结构，
/// 在调用接口之前先填充各个字段的值，然后进行接口通信，
/// 这样设计的好处是可扩展性强，用户可随意对协议进行更改而不用重新设计数据结构，
/// 还可以随意组合出不同的协议数据包，不用为每个协议设计一个数据包结构
///
public class WxPayData
{
///
/// 微信支付商户密钥
///
private string MchKey = WxPayConfig.KEY;
public WxPayData(string _mchkey = "")
{
}
//采用排序的Dictionary的好处是方便对数据包进行签名，不用再签名之前再做一次排序
private SortedDictionary m_values = new SortedDictionary();
/**
* 设置某个字段的值
* @param key 字段名
* @param value 字段值
*/
public void SetValue(string key, object value)
{
m_values[key] = value;
}
/**
* 根据字段名获取某个字段的值
* @param key 字段名
* @return key对应的字段值
*/
public object GetValue(string key)
{
object o = null;
m_values.TryGetValue(key, out o);
return o;
}
/**
* 判断某个字段是否已设置
* @param key 字段名
* @return 若字段key已被设置，则返回true，否则返回false
*/
public bool IsSet(string key)
{
object o = null;
m_values.TryGetValue(key, out o);
if (null != o)
return true;
else
return false;
}
/**
* @将Dictionary转成xml
* @return 经转换得到的xml串
* @throws WxPayException
**/
public string ToXml()
{
//数据为空时不能转化为xml格式
if (0 == m_values.Count)
{
Log.Error(this.GetType().ToString(), "WxPayData数据为空!");
throw new WxPayException("WxPayData数据为空!");
}
string xml = "";
foreach (KeyValuePair pair in m_values)
{
//字段值不能为null，会影响后续流程
if (pair.Value == null)
{
Log.Error(this.GetType().ToString(), "WxPayData内部含有值为null的字段!");
throw new WxPayException("WxPayData内部含有值为null的字段!");
}
if (pair.Value.GetType() == typeof(int))
{
xml += "<" + pair.Key + ">" + pair.Value + "";
}
else if (pair.Value.GetType() == typeof(string))
{
xml += "<" + pair.Key + ">" + "";
}
else//除了string和int类型不能含有其他数据类型
{
Log.Error(this.GetType().ToString(), "WxPayData字段数据类型错误!");
throw new WxPayException("WxPayData字段数据类型错误!");
}
}
xml += " ";
return xml;
}
/**
* @将xml转为WxPayData对象并返回对象内部的数据
* @param string 待转换的xml串
* @return 经转换得到的Dictionary
* @throws WxPayException
*/
public SortedDictionary FromXml(string xml)
{
if (string.IsNullOrEmpty(xml))
{
Log.Error(this.GetType().ToString(), "将空的xml串转换为WxPayData不合法!");
throw new WxPayException("将空的xml串转换为WxPayData不合法!");
}
XmlDocument xmlDoc = new XmlDocument();
xmlDoc.LoadXml(xml);
XmlNode xmlNode = xmlDoc.FirstChild;//获取到根节点
XmlNodeList nodes = xmlNode.ChildNodes;
foreach (XmlNode xn in nodes)
{
XmlElement xe = (XmlElement)xn;
m_values[xe.Name] = xe.InnerText;//获取xml的键值对到WxPayData内部的数据中
}
try
{
//2015-06-29 错误是没有签名
if (m_values["return_code"] != "SUCCESS")
{
return m_values;
}
CheckSign();//验证签名,不通过会抛异常
}
catch (WxPayException ex)
{
throw new WxPayException(ex.Message);
}
return m_values;
}
/**
* @Dictionary格式转化成url参数格式
* @ return url格式串, 该串不包含sign字段值
*/
public string ToUrl()
{
string buff = "";
foreach (KeyValuePair pair in m_values)
{
if (pair.Value == null)
{
Log.Error(this.GetType().ToString(), "WxPayData内部含有值为null的字段!");
throw new WxPayException("WxPayData内部含有值为null的字段!");
}
if (pair.Key != "sign" && pair.Value.ToString() != "")
{
buff += pair.Key + "=" + pair.Value + "&";
}
}
buff = buff.Trim('&');
return buff;
}
/**
* @Dictionary格式化成Json
* @return json串数据
*/
public string ToJson()
{
string jsonStr = JsonMapper.ToJson(m_values);
return jsonStr;
}
/**
* @values格式化成能在Web页面上显示的结果（因为web页面上不能直接输出xml格式的字符串）
*/
public string ToPrintStr()
{
string str = "";
foreach (KeyValuePair pair in m_values)
{
if (pair.Value == null)
{
Log.Error(this.GetType().ToString(), "WxPayData内部含有值为null的字段!");
throw new WxPayException("WxPayData内部含有值为null的字段!");
}
str += string.Format("{0}={1}
", pair.Key, pair.Value.ToString());
}
Log.Debug(this.GetType().ToString(), "Print in Web Page : " + str);
return str;
}
/**
* @生成签名，详见签名生成算法
* @return 签名, sign字段不参加签名
*/
public string MakeSign()
{
//转url格式
string str = ToUrl();
//在string后加入API KEY
str += "&key=" + MchKey;
//MD5加密
var md5 = MD5.Create();
var bs = md5.ComputeHash(Encoding.UTF8.GetBytes(str));
var sb = new StringBuilder();
foreach (byte b in bs)
{
sb.Append(b.ToString("x2"));
}
//所有字符转为大写
return sb.ToString().ToUpper();
}
public string MakeSignBySHA1()
{
//转url格式
string str = ToUrl();
SHA1 sha1 = new SHA1CryptoServiceProvider();
byte[] bytes_in = Encoding.UTF8.GetBytes(str);
byte[] bytes_out = sha1.ComputeHash(bytes_in);
sha1.Dispose();
string result = BitConverter.ToString(bytes_out);
result = result.Replace("-", "");
return result.ToUpper();
}
/**
*
* 检测签名是否正确
* 正确返回true，错误抛异常
*/
public bool CheckSign()
{
//如果没有设置签名，则跳过检测
if (!IsSet("sign"))
{
Log.Error(this.GetType().ToString(), "WxPayData签名存在但不合法!");
throw new WxPayException("WxPayData签名存在但不合法!");
}
//如果设置了签名但是签名为空，则抛异常
else if (GetValue("sign") == null || GetValue("sign").ToString() == "")
{
Log.Error(this.GetType().ToString(), "WxPayData签名存在但不合法!");
throw new WxPayException("WxPayData签名存在但不合法!");
}
//获取接收到的签名
string return_sign = GetValue("sign").ToString();
//在本地计算新的签名
string cal_sign = MakeSign();
if (cal_sign == return_sign)
{
return true;
}
Log.Error(this.GetType().ToString(), "WxPayData签名验证错误!");
throw new WxPayException("WxPayData签名验证错误!");
}
/**
* @获取Dictionary
*/
public SortedDictionary GetValues()
{
return m_values;
} WxPayData jsApi = new WxPayData();
jsApi.SetValue("noncestr", WxPayApi.GenerateNonceStr());
jsApi.SetValue("timestamp", WxPayApi.GenerateTimeStamp());
jsApi.SetValue("jsapi_ticket", ticket);
jsApi.SetValue("url", localhostUrl);
jsApi.SetValue("signature", jsApi.MakeSignBySHA1());上面的localhostUrl是通过前端页面传过来的参数，获取当前页面的地址记得使用js 的方法encodeURIComponent转义。在二次分享的时候微信会自己添加两个参数，导致签名失败
附js代码
var localurl = encodeURIComponent(window.location.href);
$.ajax({
type: 'post',
datatype: 'json',
url: url + '/PayOrder/GetJsApiConfig?url=' + localurl,
success: function (res) {
wx.config({
debug: false, //调试阶段建议开启
appId: "",//APPID
timestamp: res.timestamp,//上面main方法中拿到的时间戳timestamp
nonceStr: res.nonceStr,//上面main方法中拿到的随机数nonceStr
signature: res.signature,//上面main方法中拿到的签名signature
jsApiList: ['updateTimelineShareData', 'updateAppMessageShareData', 'onMenuShareAppMessage', 'onMenuShareTimeline']
});
var data={title: '启蒙专业舞蹈春季招生开始啦（100份芭比娃娃免费送！！!）', // 分享标题
desc: '春季学舞蹈超值优惠!!! 只要拼团预付20元占位费就可以免费到启蒙舞蹈艺术学校学舞蹈礼物领取只需2步1 开团当团长，转发朋友圈3天2领取礼物，拍照见证群发30微信好友备注：一个团只允许一名老学员！{老学员课程顺延叠加}|招生对象：4岁以上学员 ', // 分享描述
link: 'http://qimengwudao.com/h5view/sharehtml.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'http://api.qimengwudao.com/File/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20190216115220.jpg', // 分享图标
}
wx.ready(function () {
wx.updateTimelineShareData(data)
wx.onMenuShareTimeline(data)
wx.onMenuShareAppMessage(data)
wx.onMenuShareTimeline(data)
});
}
})
appId在前端直接写死是因为后台穿过来的值直接赋值一直在报appid Fail 错误。
Link的地址一定要在js安全域名下，如果是附带二级的要写到二级目录下面
比如地址是http://xxx.com/xxx/xxx.html 写在安全域名的地址应该是 http://xxx.com/xxx 需要把验证文件放在该文件夹下
微信版本的7.0.3版本在调用sdk1.4版本的时候会出现ios 自定义的分享没问题，但是安卓的自定义分享出现问题。
需要把之前即将废弃的方法加进来就能可以。在js代码上体现了。这点是比较坑的地方。