## 一、记录AppID和AppSecret
![](https://box.kancloud.cn/61af66d6caf39b51645466de60268e27_1307x806.png)
>[danger] 注:这两个参数十分重要,请务必保存好,也不要泄露给他人。
<br>
## 二、配置小程序域名白名单
![](https://box.kancloud.cn/6d7ebaadb5aa197ac760064da530bd8a_1300x712.png)
>[info] 在此处填写您项目的服务端的域名,例如:`www.shop.cn`
<br>
## 三、下载微信小程序开发者工具
下载地址:
[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
下载完成后安装并打开。
<br>
## 四、导入前端项目
![](https://box.kancloud.cn/a3576a1f76d3e101a8af31533b3eb8d1_893x659.png)
![](https://box.kancloud.cn/5440c894e4d91462a647cbdc0f01f7d8_891x604.png)
>[danger] 注意AppID不要填错
<br>
## 五、修改配置文件
>[info] 修改`siteinfo`为您项目的域名,注意域名格式不要错,域名后面要有斜杠`/`,例如:`https://www.shop.cn/`
![](https://box.kancloud.cn/17937c9f268d1d82a049c953e6f59371_1150x502.png)
<br>
## 六、配置成功
![](https://img.kancloud.cn/49/0e/490ea05fb635504f4c0e9c2a686bfd28_1461x796.png)
<br><br>
## QQ群
>[warning] (粉丝群,是由文档作者自建的高质量技术群)
> 加群多互动,活跃活跃,也可以贡献自己的代码到群里面,目前已有大量新功能贡献在群文件
* PHP商城技术群:**69727621**
<br><br>