首先微信公眾號的開發(fā)主要是基于在微信內(nèi)置的qq x5內(nèi)核瀏覽器遣耍,在其基礎(chǔ)上寫入頁面及交互邏輯亲桦。
1,首先是準(zhǔn)備焰雕,俗話說的好“工欲善其事必先利其器”衷笋,其實(shí)說白了,一開始是確定是移動端布局在html寫上
<meta name = "viewport" content="width=device-width, initial-scal=1.0,maxium-scale=1.0,user-scalable=no">
拿到設(shè)計(jì)圖(區(qū)分2x矩屁,3x)辟宗,前端量取得長度是一倍圖的長度,區(qū)分好ui交互圖很重要吝秕,圖片素材給的是最大倍數(shù)的圖片素材泊脐,簡單說一下倍圖問題,倍圖就是每英寸的像素點(diǎn)多少烁峭,像iphone6,7..就是2x圖容客,iphone6p,7p就是3倍圖秕铛。
重要的一點(diǎn)是移動端個人使用的rem布局,基于html的font-size,本人設(shè)置的是font-size=50px;也就是1rem=50px缩挑;1px=0.02rem但两;統(tǒng)一了尺寸之后就可以進(jìn)行開發(fā)了。
不要煩供置,接下來還是準(zhǔn)備工作谨湘,就是調(diào)試工具的選擇,個人建議用谷歌瀏覽器的移動調(diào)試和微信開發(fā)者工具聯(lián)合調(diào)試芥丧。
微信開發(fā)者工具下載地址
2紧阔,微信接口的調(diào)用:
對于微信的一些接口調(diào)用再三聲明認(rèn)真讀微信js-sdk開發(fā)文檔!BαT⑷琛!赤拒!
首先是綁定域名秫筏,在公眾號設(shè)置>功能設(shè)置>設(shè)置開發(fā)服務(wù)器所對應(yīng)的域名。
引入js-sdk文件挎挖,
本篇文章最主要的是接下來的東西这敬,那就是微信初始化配置,關(guān)于wx.config的 配置
文檔上說明配置中的參數(shù)需要通過一些簽名算法獲得蕉朵,
那么這些必填的參數(shù)是怎么獲得呢崔涂?還是那句話就是認(rèn)真讀取文檔,
文檔中明確表示關(guān)于微信的簽名始衅,出于安全必須在服務(wù)器端進(jìn)行簽名邏輯的編寫冷蚂,在這次開發(fā)的項(xiàng)目中,由后臺寫好邏輯接口汛闸,其實(shí)簽名最重要的是需要明確提供url地址蝙茶,也就是說在哪個頁面調(diào)用微信接口,就寫這個頁面的url,如果url不對诸老,會不斷地提示簽名錯誤隆夯,這個時(shí)候就要測試當(dāng)前的url與簽名中的url是否一致,判斷方法是點(diǎn)擊微信右上角的分享鏈接粘貼到別處看是否與簽名中的url一致别伏,一般把url改為這個頁面的url就可以了蹄衷。像其它參數(shù)的獲取,一般是請求后端接口獲取厘肮。
本篇文章愧口,希望對調(diào)取微信接口總是提示簽名錯誤的讀者有所幫助,不足之處還望雅正轴脐。