準備工做css
1.須要一個公開的域名網站html
第一步:在微信公衆平臺》公衆號設置》功能設置下綁定js的安全域名,不須要http協議;前端
第二步:而後找到sdk開發文檔:接口權限》基礎接口》判斷當前客戶端版本是否支持指定JS接口web
在項目裏面須要調用微信的頁面引入js文件:http://res.wx.qq.com/open/js/jweixin-1.2.0.jsajax
第三步:算法
function getToken(){api
//經過前端訪問後臺,由後臺訪問微信的端口獲取算法簽名跨域
}安全
wx.config({微信
debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來,若要查看傳入的參數,能夠在pc端打開,參數信息會經過log打出,僅在pc端時纔會打印。
appId: '', // 必填,公衆號的惟一標識 (首頁》基本配置》公衆號開發信息)
timestamp: , // 必填,生成簽名的時間戳
nonceStr: '', // 必填,生成簽名的隨機串
signature: '',// 必填,簽名,見附錄1
jsApiList: [] // 必填,須要使用的JS接口列表,全部JS接口列表見附錄2
});
內部的算法簽名須要經過http訪問
第四部:獲取算法簽名
獲取access_token,https://api.weixin.qq.com/cgi-bin/ticket/token?access_token=ACCESS_TOKEN&type=jsapi(不支持跨域)使用後臺進行訪問(後臺代理)。
根據剛纔的access_tooken獲取對應的jsapi_ticket,https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
項目問題:
1.參考:http://www.bcty365.com/content-142-5250-1.html
2.獲取url參數函數
function getQueryString(name){ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }
參考:http://blog.csdn.net/qq_27093465/article/details/50731087
3.window.location.href和location.href都是本頁面跳轉
參考:http://blog.sina.com.cn/s/blog_6290339a0100gu0p.html
4.判斷是不是微信:
function isWX(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}else{
return false;
};
}
5.encodeURIComponent()
6.打開和關閉窗口
var opened = window.open('about:blank', '_self'); opened.opener = null; opened.close();
7.ajax中beforesend在什麼狀況會用到?
8.爲何要拼接?
document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''))
9.短路運算的賦值的巧用?
10.點透事件?
11.find方法是jq方法。