微信web開發者工具下載及前端文件的使用 · 小程序前端對接教程

## 淘寶店鋪：微智分銷，qq188872170 ### 1.下載web開發者工具，打開網址https://mp.weixin.qq.com 找到紅框標記的那個小程序，找到那個小程序開發文檔，點擊進入 ![](https://box.kancloud.cn/1aafff78871b2914b52c9b811323f28c_1009x906.png) ### 點擊上方導航的工具，然后你會看到紅框標記出來的那個微信開發者工具，點擊進入 ![](https://box.kancloud.cn/26abe7b346a6c7f19fbf1ffef09f5d9e_1324x330.png) ### 選擇你電腦系統相對應的版本下載即可，下載后安裝在自己的電腦即可 ![](https://box.kancloud.cn/5ace9d3bd25398f11b3c088940cdc878_1159x380.png) ### 2.前端文件的使用，你們可以看下下面這張圖，看下前端文件大概目錄結構，siteinfo.js這個文件是肯定有的，有這個文件就是前端文件，同時下一章會介紹前端的對接，修改的就是siteinfo.js文件 ![](https://box.kancloud.cn/2b6298fdd10b783101d276e5f3e3b9fe_614x306.png) ### 打開微信web開發者工具 :-: ![](https://box.kancloud.cn/82d6eaa6e39f992b1c3f6e6f822bd905_411x474.JPG) ### 選擇項目目錄，其實就是選擇打開你電腦上的前端文件，哪個是前端文件，前面已經說了 :-: ![](https://box.kancloud.cn/ab8e6874d9dda2c660b3c46c90bdd94f_411x474.JPG) ### APPID在你的小程序后臺查找！順便把合法域名填了，四個合法域名全部填你的域名 ![](https://box.kancloud.cn/1910751162ff99804fc6b31b80142167_1769x872.JPG) ### 項目名稱隨便填，然后點擊確定即可，小程序的對接看下一章 :-: ![](https://box.kancloud.cn/ab8e6874d9dda2c660b3c46c90bdd94f_411x474.JPG)