小程序對接教程 · 小程序前端對接教程

# 小程序前端對接教程 ## 獨立版 ### 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)

小程序對接教程