## 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这个文件一般是肯定有的,有这个文件就是前端文件
![](https://box.kancloud.cn/2b6298fdd10b783101d276e5f3e3b9fe_614x306.png)
### 3.打开微信web开发者工具
![](https://box.kancloud.cn/e15c1ab6acd4e0d9028e0f65ef917428_327x472.png)
使用微信小程序的管理员扫码
###4.扫码登录创建小程序前端
![](https://box.kancloud.cn/2d698e6f4e9924824315f8fde852a81c_813x552.png)
扫码登录后点击+号可以创建新的小程序
### 5.导入小程序前端
![](https://box.kancloud.cn/966ba2a442372a4392a73753c8386cce_806x547.png)
选择导入项目,必要点击新建,然后在目录哪里点击选择小程序的前端,就是wxapp的文件夹,尽量路径保持英文路径。
![](https://box.kancloud.cn/a687f5c672d2cee2c68f3f9b565b57d3_331x373.png)
APPID在你的小程序后台查找!顺便把合法域名填了,四个合法域名全部填你的域名
## 修改前端的siteinfo.js文件
### 1.修改unacid和acid
https://box.kancloud.cn/5947c892fad47c40adc13be353d3a24b_934x380.JPG
#### 如何找到对应的数值
打开需要的对接的小程序的微擎后台,找到小程序管理,点击进入
![](https://box.kancloud.cn/93fabf4a2f19f6cec839bbe5aa7fb563_1070x570.JPG)
选择基本信息,然后在浏览器链接可以找到对应的数值
![](https://box.kancloud.cn/d35d0d03e585232c364625cd892b0e1a_1083x621.JPG)
### 2.修改version
#### 如何找到version对应的数值,version中文意思是版本,那么找版本号就行,同样也在小程序的管理设置,找到版本管理,版本号对应的那个1.0就是你要的数值
![](https://box.kancloud.cn/236fc57456eff97d52ff412181f0cf3a_857x547.png)
### 3.修改siteroot,将原本的域名修改成你的域名即可,域名需绑定https证书才有效。
![](https://box.kancloud.cn/aabba0da11b8fc9a1395a0eab93b4156_761x409.png)
最后这张图就是我修改过的对接好的,你们可以看下!
- <必读*>
- <服务>
- <会员>
- 1.宝塔安装与建立网站
- 1-1.关于宝塔的常识
- 1-2.liunx安装宝塔
- 1-3.宝塔面板挂载数据盘
- 1-4.域名解析和建立网站
- 1-5.服务器DNS修正(可选)
- 1-6.宝塔常用xshell命令
- 1-7.宝塔redis设置密码
- 1-8.宝塔服务器承载能力100%
- 1-9.宝塔服务器优化和并发
- 1-10.navcf数据库结构同步
- 1-11.宝塔备份详细教程
- 1-12 关于站点迁移的详细教程
- 2.微擎框架设置教程
- 自定义菜单
- 自动回复设置
- 公众号特殊关键词
- 为用户开通微擎账号
- 副本创始人教程
- 数据库备份教程
- 巧用微擎更新缓存
- 修改模块名称和版权
- 七牛云与附件存储
- 1.七牛云注册
- 2.七牛云与阿里oss配置
- 卸载后重装模块
- 修改附件上传大小限制
- 微擎去除底部授权信息的方法
- 图文教程设置
- 1.微擎多图文素材中插入腾讯视频的方法
- 2.菜单增加多图文素材的方法
- 3.微信素材同步
- 2消息设置
- 1.欢迎信息和默认回复的设置方法
- 微擎开放平台对接
- 3.微信公众号上线全套教程
- 第一步:安装微擎
- 第二步:安装模块
- 第三步:配置环境
- 第四步:新建并接入公众号
- 第五步:进入公众号直接应用
- 第六步:公众号模块的更新升级
- 微信公众号常见问题处理
- 1公众号跳转小程序的方式
- 4-1微信小程序上线全套教程
- 第一步:安装微擎
- 第二步:安装模块
- 第三步:配置环境
- 第四步:新建小程序
- 第五步:模块后台完善
- 第六步:对接前端
- 第七步:配置支付
- 第八步:体验版测试
- 第九步:发布上线
- 第十步:小程序版本升级
- 4-1-1 小程序开发者的设置
- 4-1-2 微信小程序客服接入
- 4-2微信公众号/小程序常见问题与解决
- 1.如何清除小程序缓存
- 2.小程序前端打开首页空白
- 3.如何配置小程序业务域名
- 4.小程序二维码下载
- 5.个人与企业小程序的区别
- 6.突破小程序20个业务域名限制
- 7.小程序配置扫码关注公众号
- 8.新版开发者工具PEM字段声明
- 9.小程序跳转
- 10.小程序常用模板消息
- 11.小程序前端遇到插件未授权
- 12.微信小程序ID和密钥
- 13.开发者工具升级导致的"_"开头非法文件解决方案
- 14.公众号模板消息如何对接
- 15 公众号自动回复该公众号提供的服务出现故障
- 16 公众号如何绑定开发者
- 17 小程序如何开启调试模式
- 5.服务器相关配置集合
- 5-1.服务商端口开放
- 阿里云放行端口教程
- 腾讯云放行端口教程
- 5-2.WDCP面板配置icon扩展
- 6.独立网站源码教程集合
- 6...独立网站源码教程集合
- 7.关于APP封装
- 7-1.APP封装类型与价格
- 7-2.APP上架分发与应用商店
- 7-3.人人商城封装所需
- 8.微信支付-小微商户开通
- 8-1.开通拓展员
- 8-2 小微商户简介与好处
- 8-3.开通小微商户所需要的资料
- 8-4 开通小微商户流程
- 8-5 微信支付小微服务商的使用
- 9.其他教程合集
- 人人商城互动直播调试
- 10.微信支付相关知识
- 10-1 微信支付商户代申请
- 10-2 开通微信支付商户的运营账户
- 10-3 H5支付
- 10-4 微信支付提示商户号该产品权限未开通的解决办法
- 10-5 IP地址不允许调用接口的解决办法
- 10-6 如何设置企业付款到零钱权限
- 11.支付宝相关知识
- 11-1 支付宝商户代申请
- 12 短信配置相关
- 12.1 阿里云短信教程
- 12.1.1 短信接入
- 12.1.2 短信模板申请
- 12.1.3 阿里云语音电话提醒