微信jssdk基本使用

对于如何使用jssdk并没有，太大难度，对于不熟悉的人来说，最大的坑在它配置的过程中。

       使用jssdk需要注意以下几点：

       1.需要在微信公众平台设置js接口安全域名。需要注意的是此处你需要设置的是域名，使用ip是不行的。同时这个设置每个月只可以修改3次，大家要确定后再修改。

2.后台需要通过appid，appsecret先获取到access_token,之后通过access_token才可以获得ticket。同时最好通过redis保存ticket。微信对此有说明。

3.如果需要使用媒体下载接口，即http://file.api.weixin.qq.com/cgi-bin/media/get?access_token="+access_token+"&media_id="+media_id;

你还需要缓存access_token。

以下是具体交互步骤，后台采用golang搭建请求。

后台方法：

func GetTicket() []byte {url := "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential" +"&appid=" + config.WxAppId +"&secret=" + config.WxAppSecrettoken := WxGet(url)if token == nil{fmt.Println("获取token错误")}var wxToken dao.WXTokenjson.Unmarshal(token,&wxToken)fmt.Println(wxToken.AccessToken)//保存微信accesstokenif wxToken.AccessToken != "" {redispool.RedisSETString("wx_access_token",wxToken.AccessToken,7200)}ticketUrl := "https://api.weixin.qq.com/cgi-bin/ticket/getticket?" +"access_token=" + wxToken.AccessToken + "&type=jsapi"ticket := WxGet(ticketUrl)if ticket == nil{fmt.Println("获取ticket错误")}fmt.Println("ticker:",ticket)var wxTicket dao.WXTicketjson.Unmarshal(ticket,&wxTicket)fmt.Println("wxTicket:",wxTicket)return ticket}func WxGet(u string) []byte {resp, err := http.Get(u)defer resp.Body.Close()if err != nil {fmt.Println(err)return nil}body, err := ioutil.ReadAll(resp.Body)if err != nil {fmt.Println(err)return nil}fmt.Println("body",string(body))return body}

前台方法：

$.get("/ticket",function(data,status){            console.log("Data: " + data.ticket + "\nStatus: " + status);            var timestamp = Date.parse(new Date());            timestamp = timestamp / 1000;            console.log("time:",timestamp);            var u = uuid();            console.log("uuid:",u);            console.log("ticket:",data.ticket);            var l = location.href.split('#')[0]            var stringTemp = "jsapi_ticket=" + data.ticket +                    "&noncestr=" + u +                    "×tamp=" + timestamp +                    "&url=" + l;            var s = hex_sha1(stringTemp);            console.log("sign:",s)            wx.config({                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。                appId: '', // 必填，公众号的唯一标识                timestamp: timestamp, // 必填，生成签名的时间戳                nonceStr: u, // 必填，生成签名的随机串                signature: s,// 必填，签名，见附录1                jsApiList: ["startRecord","stopRecord","onVoiceRecordEnd","playVoice","pauseVoice","stopVoice"                    ,"onVoicePlayEnd","uploadVoice","downloadVoice","chooseImage","previewImage","uploadImage","downloadImage"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2            });        });

在生成sign的url最好使用location.href.split('#')[0]来获得你的网址，同时你的网址需要和js安全域名一致。