# 小程序前端对接教程
## 独立版
### 1、插件中心——微信小程序
![](https://img.kancloud.cn/b8/8f/b88fe02937c27637e3e525f4e242a268_1363x562.png)
### 2、填写小程序的基础信息
![](https://img.kancloud.cn/36/d4/36d4992d7bd291e90256f6fa8531e777_1171x756.png)
如果支付还没有申请成功的,支付商户号和API密钥写0
### 3、微信开发者工具对接
如果没有微信开发者工具可以去下载:
[https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html)
#### 3.1 创建项目-导入项目-输入自己小程序的id
![](https://img.kancloud.cn/71/7f/717f0dddcea224bdabb190aa4eb80b20_814x552.png)
#### 3.2 在基础配置中 配置小程序id 跟小程序密钥,从微信**小程序**公众平台里获取
开发-->开发设置-->AppID/AppSecret
![](https://img.kancloud.cn/be/e8/bee80dcef5b14bd17a838e8bf04cfed7_1264x857.png)
####3.3 修改siteinfo.js 文件,只需要修改后面的id数字
# **注意:只修改apiroot 里面的域名和mall\_id**不改别的地方
![](https://img.kancloud.cn/64/aa/64aac32e8f08081c914d4efe72aa9411_1920x1007.png)
下面为店铺ID
![](https://img.kancloud.cn/d1/0b/d10b392fbebcada02ac42e4a1ea8b409_928x590.png)
### 4、服务器域名
[https://mp.weixin.qq.com](https://mp.weixin.qq.com/)
![](https://img.kancloud.cn/a5/14/a5141446ece32fa88a82d5659e7fab65_617x763.png)
在开发 -开发设置添加服务器域名
把 wxapp.link 添加到这四个里面去保存即可
![](https://img.kancloud.cn/a6/ee/a6ee30258e363d97fd6862fd52b0c16b_285x634.png)