微信开发介绍（jssdk开发）（微信开发详解）

一个项目需要获取它在微信中的当前位置，于是我开始了我的微信开发之旅。...

微信jssdk文档MP . weixin . QQ . com/wiki/7/aa 137 b 55 fb2e 0456 BF 8dd 9148 DD 613 f . html

JSSDK使用步骤1:绑定addon domain域名需要一个一级域名。但是在使用时，二级域名下的页面仍然可以使用这个界面。

第二步:介绍JS文件http://res.wx.qq.com/open/js/jweixin-1.0.0.js如果你的页面启用了https，一定要介绍res.wx.qq.com/open/js/jweixin-1.0.0.js.

步骤3:通过config接口注入权限来验证配置。这就麻烦了。最后说说。

Wx.config({ debug: true，//开启调试模式，所有被调用API的返回值都会在客户端告警中出来。如果想查看进来的参数，可以在pc端打开，参数信息会通过日志打出来，日志只会在pc端打印出来。appId:& amp；#39;& amp#39;，//必选，微信官方账号的唯一识别时间戳:，//必选，non estr:&；#39;& amp#39;，//必选，生成签名的随机字符串签名:&；#39;& amp#39;，//必选，签名，见附录1 jsApiList: [] //必选，要使用的JS接口列表，所有JS接口列表见附录2)；步骤4:通过ready接口处理成功的验证。

Wx.ready(function(){ // config)会在信息验证后执行ready方法，所有的接口调用都必须在config接口得到结果后进行。Config是一个客户端的异步操作，所以如果需要在页面加载时调用相关接口，必须在ready函数中调用，以保证正确执行。对于只有在用户触发时才被调用的接口，可以直接调用，不需要放入ready函数中。});第五步:通过错误界面处理验证失败。

wx . error(function(RES){//配置信息验证失败，将执行错误函数。如果验证由于签名过期而失败，可以在配置的调试模式或返回的RES参数中查看具体的错误信息。对于SPA，可以在此处更新签名。});比如获取地理位置界面。

wx . ready(function(){ wx . get location({ type:& amp；#39;wgs84 & amp#39;，//默认是wgs84的gps坐标。如果想返回openLocation直接使用的火星坐标，可以传入& amp；#39;gcj02 & amp#39;success:function(RES){ var latitude = RES . latitude；//纬度，浮点数，范围从90到-90 var经度= res .经度；//经度，浮点数，范围从180到-180。var速度= res.speed//速度，单位为米每秒，var accuracy = res.accuracy//位置精度} })；});具体来说，看清楚官方文件。

关于步骤3的配置描述:

Var wxConfigJson = {debug: true，//开启调试模式，所有被调用API的返回值都会显示在客户端预警中。如果想查看进来的参数，可以在pc端打开，参数信息会通过日志打出来，日志只会在pc端打印出来。appId:& amp；#39;wx 821 bb 7356 e 99 a3a 7 & amp；#39;，//必选，微信官方账号的唯一标识时间戳:1446184841，//必选，non estr:&；#39;80262 bec -7cd 2-4b 03-b 366-97 fab 6 e 91 cdd & amp；#39;，//必选，生成签名的随机字符串签名:&；#39;FD 017d 631d 63 cef 32 D5 f 25 ea 276911 BCB 0a 29782 & amp；#39;，//必选，签名，见附录1 JSAPI列表:[&；#39;获取位置& amp#39;]//必选，要使用的JS接口列表，所有JS接口列表见附录2；@ html . raw(newwechatjs _ SDK _ config()。getconfig())生成上面的wxConfigJson。下面是我写的微信JS_SDK_Config类，笑死我了。

1公共类WeChatJS_SDK_Config 2 { 3私有string _ appId4 private int _ timestamp//必选，生成签名的时间戳为5 private string _ nonceStr//必选，生成带签名的随机字符串6私有string _ url7私有string _ sign8 9公共微信js _ SDK _ Config()10 { 11 _ appId = account Config。_ appID12 _时间戳=核心。GetTimestamp()；13 _ nonceStr = Guid。NewGuid()。ToString()；14 _url = HttpContext。current . request . URL . tostring()；15 _sign =16字符串。格式(& quotjsapi _ ticket = { 0 } & ampnoncestr = { 1 } & amp时间戳= { 2 } & ampurl = { 3 } & quot，Jsapi_Ticket。GetJsapi_Ticket()，17 _ nonceStr，_timestamp，_ URL). MD 5 entry(& quot；sha1 & quot).to lower()；18 } 19 20/* URL方法的区别21 *@Html。raw(& quot；var originalString=&amp。#39;"+HttpContext。current . request . URL . original string+& quot；& amp#39;；")22 @Html。raw(& quot；var rawUrl = & amp#39;"+HttpContext。current . request . raw URL+& quot；& amp#39;；")23 @Html。raw(& quot；var url = & amp#39;"+HttpContext。current . request . URL+& quot；& amp#39;；")24 25 var originalString = & amp#39;http://xb.hnjdkj.cn:80/index/home&第39名；；26 var rawUrl = & amp#39;/index/home & amp；#39;；27 var url = & amp#39;http://xb.hnjdkj.cn/index/home&第39名；；*@28 */29公共字符串GetConfig()30 {31 var res = string。格式(32 & quotvar wxConfigJson = {{debug: {0}，appId:& amp；#39;{ 1 } & amp#39;，时间戳:{2}，非时间戳:& amp#39;{ 3 } & amp#39;，签名:& amp#39;{ 4 } & amp#39;，jsapi list:[& amp；#39;获取位置& amp#39;] }};"、套件。AppSettings(& quot；微信调试& quot)、_appId、_timestamp、_ nonceStr、_ sign)；33个返回结果；34 } 35 36 }[相关建议]

1.下载微信微信官方账号平台源代码。

2.微信开发的生命周期功能实例教程。

3.微信开发中传递值的几种方法介绍。

4.详细讲解微信小程序支付功能开发的错误总结。

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信开发介绍（jssdk开发）（微信开发详解） https://zhujicankao.com/113220.html