首先微信公眾號(hào)的開發(fā)主要是基于在微信內(nèi)置的qq x5內(nèi)核瀏覽器，在其基礎(chǔ)上寫入頁(yè)面及交互邏輯。

1，首先是準(zhǔn)備，俗話說(shuō)的好“工欲善其事必先利其器”，其實(shí)說(shuō)白了，一開始是確定是移動(dòng)端布局在html寫上

<meta name = "viewport" content="width=device-width, initial-scal=1.0,maxium-scale=1.0,user-scalable=no">

拿到設(shè)計(jì)圖（區(qū)分2x，3x），前端量取得長(zhǎng)度是一倍圖的長(zhǎng)度，區(qū)分好ui交互圖很重要，圖片素材給的是最大倍數(shù)的圖片素材，簡(jiǎn)單說(shuō)一下倍圖問(wèn)題，倍圖就是每英寸的像素點(diǎn)多少，像iphone6,7..就是2x圖，iphone6p,7p就是3倍圖。

重要的一點(diǎn)是移動(dòng)端個(gè)人使用的rem布局，基于html的font-size,本人設(shè)置的是font-size=50px;也就是1rem=50px；1px=0.02rem；統(tǒng)一了尺寸之后就可以進(jìn)行開發(fā)了。

不要煩，接下來(lái)還是準(zhǔn)備工作，就是調(diào)試工具的選擇，個(gè)人建議用谷歌瀏覽器的移動(dòng)調(diào)試和微信開發(fā)者工具聯(lián)合調(diào)試。

微信開發(fā)者工具下載地址

2，微信接口的調(diào)用：

對(duì)于微信的一些接口調(diào)用再三聲明認(rèn)真讀微信js-sdk開發(fā)文檔?。。。。?/p>

首先是綁定域名，在公眾號(hào)設(shè)置>功能設(shè)置>設(shè)置開發(fā)服務(wù)器所對(duì)應(yīng)的域名。

引入js-sdk文件，

本篇文章最主要的是接下來(lái)的東西，那就是微信初始化配置，關(guān)于wx.config的 配置

文檔上說(shuō)明配置中的參數(shù)需要通過(guò)一些簽名算法獲得，

那么這些必填的參數(shù)是怎么獲得呢？還是那句話就是認(rèn)真讀取文檔，

文檔中明確表示關(guān)于微信的簽名，出于安全必須在服務(wù)器端進(jìn)行簽名邏輯的編寫，在這次開發(fā)的項(xiàng)目中，由后臺(tái)寫好邏輯接口，其實(shí)簽名最重要的是需要明確提供url地址，也就是說(shuō)在哪個(gè)頁(yè)面調(diào)用微信接口，就寫這個(gè)頁(yè)面的url,如果url不對(duì)，會(huì)不斷地提示簽名錯(cuò)誤，這個(gè)時(shí)候就要測(cè)試當(dāng)前的url與簽名中的url是否一致，判斷方法是點(diǎn)擊微信右上角的分享鏈接粘貼到別處看是否與簽名中的url一致，一般把url改為這個(gè)頁(yè)面的url就可以了。像其它參數(shù)的獲取，一般是請(qǐng)求后端接口獲取。

本篇文章，希望對(duì)調(diào)取微信接口總是提示簽名錯(cuò)誤的讀者有所幫助，不足之處還望雅正。