网站建设素材网页,郑州汉狮哪家做网站好,关于加强网站信息建设的通知,怎么在网站做自己的产品广告JSSDK使用步骤
步骤一:绑定安全域名#xff1a;
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 步骤二:引入JS文件#xff1a;
在需要调用JS接口的页面引入如下JS文件#xff0c;#xff08;支持https#xff09;#xff1a;http://…JSSDK使用步骤
步骤一:绑定安全域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 步骤二:引入JS文件
在需要调用JS接口的页面引入如下JS文件支持httpshttp://res.wx.qq.com/open/js/jweixin-1.6.0.js如需进一步提升服务稳定性当上述资源不可访问时可改访问http://res2.wx.qq.com/open/js/jweixin-1.6.0.js 支持https。 备注支持使用 AMD/CMD 标准模块加载方法加载。 在项目中引入
script srchttp://res2.wx.qq.com/open/js/jweixin-1.6.0.js/script步骤三:通过config接口注入权限验证配置 注意所有需要使用JS-SDK的页面必须先注入配置信息否则将无法调用同一个url仅需调用一次对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性所以使用pushState来实现web app的页面会导致签名失败此问题会在Android6.2中修复。 wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来若要查看传入的参数可以在pc端打开参数信息会通过log打出仅在pc端时才会打印。appId: , // 必填公众号的唯一标识timestamp: , // 必填生成签名的时间戳nonceStr: , // 必填生成签名的随机串signature: ,// 必填签名jsApiList: [] // 必填需要使用的JS接口列表
});步骤四:通过ready接口处理成功验证
注意假如需要在页面加载时就调用的话需要把对应的执行函数放到wx.ready(function(){})方法里面加载执行之前我调用加载就获取地理位置的接口就是因为没有放到这里面所以一直没有获取到用户当前经纬度坐标。
wx.ready(function(){// config信息验证后会执行ready方法所有接口调用都必须在config接口获得结果之后config是一个客户端的异步操作所以如果需要在页面加载时就调用相关接口则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口则可以直接调用不需要放在ready函数中。
}); 步骤五:通过error接口处理失败验证
wx.error(function(res){// config信息验证失败会执行error函数如签名过期导致验证失败具体错误信息可以打开config的debug模式查看也可以在返回的res参数中查看对于SPA可以在这里更新签名。
});接口调用说明:
所有接口通过wx对象(也可使用jWeixin对象)来调用参数是一个对象除了每个接口本身需要传的参数之外还有以下通用参数
success接口调用成功时执行的回调函数。fail接口调用失败时执行的回调函数。complete接口调用完成时执行的回调函数无论成功或失败都会执行。cancel用户点击取消时的回调函数仅部分有用户取消操作的api才会用到。trigger: 监听Menu中的按钮点击时触发的方法该方法仅支持Menu中的相关接口。 备注不要尝试在trigger中使用ajax异步请求修改本次分享的内容因为客户端分享操作是一个同步操作这时候使用ajax的回包会还没有返回。 以上几个函数都带有一个参数类型为对象其中除了每个接口本身返回的数据之外还有一个通用属性errMsg其值格式如下
调用成功时xxx:ok 其中xxx为调用的接口名
用户取消时xxx:cancel其中xxx为调用的接口名
调用失败时其值为具体错误信息 获取access_token(公众号的全局唯一接口调用凭据) access_token是公众号的全局唯一接口调用凭据公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时需定时刷新重复获取将导致上次获取的access_token失效。 返回参数说明
正常情况下即请求成功时微信只会返回下述JSON数据包给公众号
{access_token:ACCESS_TOKEN,expires_in:7200}错误时微信会返回错误码等信息JSON数据包示例如下该示例为AppID无效错误:
{errcode:40013,errmsg:invalid appid}通过接口获取代码 /// summary/// 获取微信公众号全局唯一接口凭证/// /summary/// returns/returnspublic static string RequestAccessToken(){ // 设置参数string appidWxAppId;//第三方用户唯一凭证string appsecretWxAppSecret;//第三方用户唯一凭证密钥即appsecret//请求接口获取string _url https://api.weixin.qq.com/cgi-bin/token?grant_typeclient_credentialappid appid secret appsecret;string method GET;HttpWebRequest request WebRequest.Create(_url) as HttpWebRequest;CookieContainer cookieContainer new CookieContainer();request.CookieContainer cookieContainer;request.AllowAutoRedirect true;request.Method method;request.ContentType text/html;request.Headers.Add(charset, utf-8);//发送请求并获取响应数据HttpWebResponse response request.GetResponse() as HttpWebResponse;Stream responseStream response.GetResponseStream();StreamReader sr new StreamReader(responseStream, Encoding.UTF8);//获取返回过来的结果string content sr.ReadToEnd();dynamic resultContentJsonConvert.DeserializeObject(content,new { access_token, expires_in, errcode, errmsg }.GetType());if (resultContent!null!string.IsNullOrWhiteSpace(resultContent.access_token)) //注意请求成功时是不会有errcode0返回,判断access_token是否有值即可{return resultContent.access_token;//返回请求唯一凭证}else{//请求失败返回为空return ;}}获取jsapi_ticket微信公众号调用微信JS接口的临时票据 注意前提是先要获取到了公众号全局唯一接口调用凭据accessToken。 /// summary/// 获取jsapi_ticket微信公众号调用微信JS接口的临时票据/// /summary/// param nameaccessToken微信公众号的全局唯一接口调用凭证/param/// returns/returnspublic static string RequestJsapi_ticket(string accessToken){string content ;try{//TODO注意api_ticket 是用于调用微信卡券JS API的临时票据有效期为7200 秒通过access_token 来获取。string url https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token accessToken typejsapi;string method GET;HttpWebRequest request WebRequest.Create(url) as HttpWebRequest;CookieContainer cookieContainer new CookieContainer();request.CookieContainer cookieContainer;request.AllowAutoRedirect true;request.Method method;request.ContentType text/html;request.Headers.Add(charset, utf-8);//发送请求并获取响应数据HttpWebResponse response request.GetResponse() as HttpWebResponse;Stream responseStream response.GetResponseStream();StreamReader sr new StreamReader(responseStream, Encoding.UTF8);//获取返回过来的结果content sr.ReadToEnd();dynamic resultStr JsonConvert.DeserializeObject(content,new { errcode, errmsg,ticket, expires_in}.GetType());//请求成功if (resultStr.errcode0resultStr.errmsgok){contentresultStr.ticket;}else{content ;}return content;}catch (Exception ex){content ex.Message;return content;}}生成签名的随机串nonceStr
方法一: /// summary/// 随机字符串数组集合/// /summaryprivate static readonly string[] NonceStrings new string[]{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z};/// summary/// 生成签名的随机串/// /summary/// returns/returnspublic static string CreateNonceStr(){Random random new Random();var sb new StringBuilder();var length NonceStrings.Length;//生成15位数的随机字符串当然也可以通过控制对应字符串大小生成但是至多不超过32位for (int i 0; i 15; i){sb.Append(NonceStrings[random.Next(length - 1)]);//通过random获得的随机索引到NonceStrings数组中获取对应数组值}return sb.ToString();}方法二:
string nonceStr Guid.NewGuid().ToString().Replace(-, ).Substring(0,15);生成签名时间戳timestamp /// summary/// 获取当前时间戳/// /summary/// returns/returnspublic static long GetCurrentUinxTime(){DateTime currentDate DateTime.Now;//当前时间//转化为时间戳DateTime localTime TimeZone.CurrentTimeZone.ToLocalTime(new DateTime(1970, 1, 1));return long.Parse((currentDate - localTime).TotalSeconds.ToString().Split(.)[0]);}获取当前网页URL
后端
注意一定要是在安全域名内否则生成的是无效的签名url必须是调用JS接口页面的完整URL。 //获取当前网页完整的URL包括URL中的参数string currentWebUrl Request.Url.ToString();前端 //获取当前网页完整的URL包括URL中的参数var currentWebUrl self.location.href;生成签名signature
签名算法说明
签名生成规则如下参与签名的字段包括noncestr随机字符串, 有效的jsapi_ticket, timestamp时间戳, url当前网页的URL不包含#及其后面部分 。对所有待签名参数按照字段名的ASCII 码从小到大排序字典序后使用URL键值对的格式即key1value1key2value2…拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密字段名和字段值都采用原始值不进行URL 转义。
即signaturesha1(string1)。 示例
noncestrWm3WZYTPz0wzccnW
jsapi_ticketsM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg
timestamp1414587457
urlhttp://mp.weixin.qq.com?paramsvalue步骤1. 对所有待签名参数按照字段名的ASCII 码从小到大排序字典序后使用URL键值对的格式即key1value1key2value2…拼接成字符串string1
jsapi_ticketsM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qgnoncestrWm3WZYTPz0wzccnWtimestamp1414587457urlhttp://mp.weixin.qq.com?paramsvalue步骤2. 对string1进行sha1签名得到signature
0f9de62fce790f9a083d5c99e95740ceb90c27ed注意事项
签名用的noncestr和timestamp必须与wx.config中的nonceStr和timestamp相同。签名用的url必须是调用JS接口页面的完整URL。出于安全考虑开发者必须在服务器端实现签名的逻辑。
获取签名代码 /// summary/// 获取签名/// /summary/// param namejsapi_ticket微信公众号调用微信JS临时票据/param/// param namenonceStr随机串/param/// param nametimestamp时间戳/param/// param nameurl当前网页URL/param/// returns/returnspublic static string GetSignature(string jsapi_ticket, string nonceStr, long timestamp, string url){var string1Builder new StringBuilder();//注意这里参数名必须全部小写且必须有序string1Builder.Append(jsapi_ticket).Append(jsapi_ticket).Append().Append(noncestr).Append(nonceStr).Append().Append(timestamp).Append(timestamp).Append().Append(url).Append(url.IndexOf(#) 0 ? url.Substring(0, url.IndexOf(#)) : url);return Sha1(string1Builder.ToString(),Encoding.UTF8);}/// summary/// 签名加密使用SHA加密所得/// /summary/// param namecontent签名加密参数/param/// param nameencode编码UTF-8/param/// returns/returnspublic static string Sha1(string content, Encoding encode){try{SHA1 sha1 new SHA1CryptoServiceProvider();byte[] bytesIn encode.GetBytes(content);byte[] bytesOut sha1.ComputeHash(bytesIn);sha1.Dispose();string result BitConverter.ToString(bytesOut);result result.Replace(-, );return result;}catch (Exception ex){throw new Exception(SHA1加密出错 ex.Message);}}invalid signature签名错误排查
假如你遇到签名错误的情况建议你按照以下顺序进行排查。 确认签名算法正确可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?tjsapisign 页面工具进行校验。 确认config中nonceStrjs中驼峰标准大写S, timestamp与用以签名中的对应noncestr, timestamp一致。 确认url是页面完整的url(请在当前页面alert(location.href.split(#)[0])确认)包括http(s)://部分以及后面的GET参数部分,但不包括#hash后面的部分。 确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。 确保一定缓存access_token和jsapi_ticket。 确保你获取用来签名的url是动态获取的动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名前端需要用js获取当前页面除去#hash部分的链接可用location.href.split(#)[0]获取,而且需要encodeURIComponent因为页面一旦分享微信客户端会在你的链接末尾加入其它参数如果不是动态获取当前链接将导致分享后的页面签名失败。 DotNetGuide技术社区交流群
DotNetGuide技术社区是一个面向.NET开发者的开源技术社区旨在为开发者们提供全面的C#/.NET/.NET Core相关学习资料、技术分享和咨询、项目推荐、招聘资讯和解决问题的平台。在这个社区中开发者们可以分享自己的技术文章、项目经验、遇到的疑难技术问题以及解决方案并且还有机会结识志同道合的开发者。我们致力于构建一个积极向上、和谐友善的.NET技术交流平台为广大.NET开发者带来更多的价值和成长机会。 欢迎加入DotNetGuide技术社区微信交流群 参考资料
微信JS-SDK详情说明请移步微信官方文档概述 | 微信开放文档微信JS-SDK使用权限签名算法详细概述概述 | 微信开放文档
