## 1.打开登录微信开发工具,且扫码登录,开启调试端口
(下载地址:[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),推荐使用稳定版)
安装完成后后,打开,微信扫码登陆。
![](https://img.kancloud.cn/0b/ca/0bca90d0e45cc96bad60fb62ca40b8cb_712x236.png)
## 2.下载[HBuilderX](https://www.dcloud.io/hbuilderx.html)已安装跳过
## 3.HBuilderX 导入项目
![](https://img.kancloud.cn/50/63/5063b143f402882b6ee7ce2e13c73858_745x471.png)
## 4. 找到clone的代码uniapp的文件目录 导入即可
## 5. 修改域名,找到如下图所示填写自己的域名格式为:https://域名
![](https://img.kancloud.cn/c9/43/c94367099cc59e35acfbca077ae5f88f_1040x710.png)
## 6. 点击上方发行按钮,这里特别说明下,调试时点击运行,发布小程序代码时点击发行,因两个方式打包方式差异,运行直接上传代码会超包。
![](https://img.kancloud.cn/ad/45/ad45287dcb7f645945a101e94dd0f342_1048x686.png)
## 7\. 出现如下图所示,填写自己的小程序appid和小程序名称点击发布
![](https://img.kancloud.cn/f5/cd/f5cd5c8500cb4d720cb032859bf40a6c_1306x855.png)
打包时编辑器出现:预编译器错误:代码使用了scss/sass语言,但未安装相应编译器...
![](https://img.kancloud.cn/00/87/0087ef4a939b732c25e72cf200a3281f_1565x423.png)
打开 工具--插件安装--scss/sass编译进行安装
![](https://img.kancloud.cn/87/24/87246fbb04af5a45488539e88965ede7_1607x644.png)
![](https://img.kancloud.cn/3f/c2/3fc2fb14a9a6cbd12978b83ded4eb10b_809x56.png)
## 8.等待打包完成后会自动打开微信小程序开发工具
![](https://img.kancloud.cn/38/f4/38f4fd85ada06a740147032c060698dc_1929x1039.png)
如果编辑器提示:微信开发者工具拒绝HBuilderX访问,请根据上述提示,在微信开发者工具中开启服务端口
![](https://img.kancloud.cn/1b/61/1b617f2970328b88024afbd235894ea5_1822x924.png)
## 9.测试、查看数据是否正常加载。点击“购物车”,可正常授权登录,即配置正确。
如出现报错等,检查:
1..SSL证书是否安装正确,(浏览器输入https域名,看能否正常打开)
2.后台appid等是否配置正确 (后台需要配置好小程序相关资料,才能打开前台)
3.公众平台小程序合法域名是否配置正确
![](https://img.kancloud.cn/e9/a6/e9a6a1c3f2feddf67e13569d319a99f3_360x606.png)
## 10.点击工具右上角,上传,填写版本号等,等待提示上传成功.
![](https://img.kancloud.cn/83/5e/835ea87ccd4c031e056e195bf00ed8b4_450x263.png)
## 11.小程序前端代码配置完成
注:如出现以下提示,不用管理会,点击确定。
![](https://img.kancloud.cn/eb/d1/ebd1e43b5325ecfa3af17f07bb94bff0_434x165.png)
![](https://img.kancloud.cn/33/a0/33a0a3db582814f6b86c5f8d2b4fadd4_454x186.png)
- 序言
- 快速上手
- 项目架构图
- App功能图
- Admin功能图
- 快速了解
- 快速开始
- 本地开发
- 服务器及系统搭建
- 服务器购买
- 域名购买(已有域名则跳过)
- 域名解析
- 服务器配置
- 宝塔配置
- 创建站点
- 服务部署
- Docker预览
- 新手入门
- 运行项目和打包前准备
- Java项目运行和打包
- VUE WEB PC 管理端运行和打包
- Uniapp 移动端运行和打包
- 第三方
- 客服_腾讯云智服
- 客服_蚂蚁智能客服
- 复制第三方平台商品99API
- 公众号
- 公众号配置
- 公众号开发配置
- 公众号设置菜单
- 公众号设置关键字
- 公众号设置跳转网页
- 公众号设置跳转小程序
- uniapp打包H5、公众号
- 公众号模板消息
- 微信小程序
- 微信平台配置
- CRMEB后台配置
- 微信小程序提交审核
- 微信小程序版本发布
- 微信小程序订阅消息
- 微信小程序客服
- 添加微信交易组件
- 秒杀产品
- 支付
- 微信支付配置
- 微信公众号支付
- 微信小程序支付
- 支付宝支付
- App
- 1、基础配置
- 2、开发调试
- 4、打包上线
- 5、APP打包
- 6、App升级
- 使用说明
- 首页
- 商品分类
- 分类说明
- 分类管理
- 普通产品
- 发布商品
- 商品规格
- 商品评价
- 前台页面
- 产品详情
- 产品热门搜索
- 营销
- 优惠券
- 发布优惠券
- 领取及使用
- 积分
- 积分设置
- 积分来源
- 积分使用
- 秒杀配置维护
- 秒杀商品维护
- 砍价管理
- 砍价规则
- 砍价活动
- 拼团管理
- 拼团规则
- 拼团活动
- 视频号管理
- 草稿列表
- 一号通
- 商品列表
- 微信视频号直播
- 分销
- 分销配置
- 分销规则说明
- 分销员管理
- 提现
- 佣金提现
- 发起提现
- 后台审核
- 本地存储
- 会员等级
- 七牛云存储
- 等级说明
- 腾讯云存储
- 文章管理
- 阿里云存储
- 文章界面
- 发布文章
- 订单管理
- 后台订单处理
- 订单退款
- 订单打印
- 账户管理
- 账号信息
- 账户资金
- 邮费说明
- 邮费组成
- 商城运费设置
- 运费模板
- 设置
- 系统配置
- 商品采集
- 物流查询
- 电子面单
- 短信
- 管理权限
- 身份管理
- 管理员列表
- 权限管理
- 物流配置
- 文件上传配置
- 提货点
- 设置提货点
- 核销员
- 核销订单
- 页面管理
- 一键换色
- 页面设计
- 第三方接口设置
- 物流查询
- 库存说明
- 统计管理
- 首页看板
- 商品统计
- 用户统计
- 交易统计
- 常见问题
- 服务器配置相关
- 宝塔redis设置密码
- 前端项目部署在一个nginx下通过目录访问
- java项目常见问题
- Swagger 后台 API 文档
- Java项目日志
- start.sh启动报错
- 退款问题
- win服务出现乱码问题
- WEB PC 管理端常见问题
- WEB PC页面刷新和富文本上传图片404
- npm镜像问题
- 测试环境微信授权弹出提示框
- 文件上传
- 后台管理系统登录问题
- 后台核销人员通过移动端核销订单
- npm install github出错暴力解决(仅限此项目)
- 运费模板查询出错
- 取消掉粒子效果
- 素材提供
- 移动端相关问题
- 微信开发工具上传代码超包
- 支付成功但订单显示失败
- 移动端刷新404
- 小程序生成推二维码失败
- 图片问题
- 图片素材导入
- 一键换色
- 源码问题
- 代码怎么下载和更新
- 1.3.7更新
- 支付相关
- 商户平台添加支付授权目录
- 业务常见问题
- 版权
- 移动端基本介绍
- 首页
- 分类页
- 个人中心
- WEB PC 管理端基本介绍
- 后台前端目录结构
- 前端开发配置
- 前端配置说明
- 前端添加页面
- 前端引用组件
- 前端构建和发布
- 技术文档
- 配置
- 目录结构
- 项目
- Crmeb
- 移动端
- PC后台
- 开发规范
- 数据字典
- 任务
- 组合数据
- 后台表单说明
- 拦截器
- 过滤器
- MyBatis-Plus
- 无限级分类设计
- 分页配置
- 必看内容
- 七牛云
- 本地存储
- 七牛云存储
- 腾讯云存储
- 阿里云存储
- 附录
- 视频教程
- Java 后台程序
- WEB PC 管理端
- Uniapp 移动端
- 二开锦囊
- 集成第三方SDK
- 阿里
- 短信