**项目是基于`Mpvue`(根目录`mpvue/weiapp`)和`Vue`(根目录`mpvue/wap`)开发的,你必须选安装好NodeJs和npm,建议到NodeJs官网直接下载安装包。
## weiapp(微信小程序)项目
1. 下载整个包之后,进行根目录`mpvue/weiapp`文件夹。
2. 运行`npm install`,如果你安装了cnpm,你就可以使用`cnpm install`
3. 调试项目:运行`npm run dev`命令,打开微信开发者工具,把整个`mpvue/weiapp`目录选进去,就可以边改边看代码
4. 打包上传项目:使用命令`npm run build`,然后在微信开发者工具右上角点击上传就可以上传开发版本了。
## wap(微信公众号)项目
1. 同上,进入根目录`mpvue/wap`文件夹。
2. 同上,运行`npm install`或`cnpm install`
3. 本地调试:项目采用的是Vue3,所以运行`npm run serve`命令,默认打开`localhost:8080`,就可以直接调试了
4. 打包上传项目:使用命令`npm run build`,默认生成的文件夹是在根目录`public/wap`下,上传打包好的文件夹就可以访问了
#### Tips:
- **本地调试:** 由于是微信公众号项目,要跳转获取用户信息,所以在本地调试的时候,在`wap/src/app.vue`文件中注释掉跳转,并且手动使用`window.localStorage` API 添加`openid`,默认 -3;打开微信开发者工具在小程序项目`Storage`中获取`PHPSSEEID`值。
```
window.localStorage.setItem("PHPSESSID", "xxxxxxxxxxxxxxxxxxxxxxx");
window.localStorage.setItem("openid", -3);
```
- 序言
- 安装
- composer安装
- git安装
- 下载源码安装
- 初始化数据库
- 增加定时任务
- 问题反馈
- 快速入门
- 系统框架图
- 系统功能清单
- 目录结构
- 数据库字典
- 插件开发
- 插件介绍
- 插件管理
- 创建插件
- 插件库
- 免费插件安装
- 付费插件安装
- 插件部署安装
- 数据模型
- 模型介绍
- 创建模型
- 模型管理
- 菜单配置
- 菜单介绍
- 增加菜单
- 公众号开发
- 公众号配置
- 快递接口配置
- 小程序开发
- 案例说明
- 小程序配置
- 自动获取用户信息
- 短信验证码
- 上传图片
- 生成小程序事件二维码
- 小程序支付
- 微信平台支付配置
- 小程序微信支付配置
- 小程序调用支付功能
- 异步接收支付结果
- 模板消息
- 消息模板配置
- 支付后发模板消息
- 提交表单后发模板消息
- 客服
- mpvue开发
- 项目打包
- 插件安装编译
- 部署
- Liunx服务器部署
- Window集成包部署
- 常见问题
- 上传图片失败
- PATHINFO配置
- 该公众号提供的服务出现故障
- 调试工具postman安装
- 商城商品有库存但显示已售罄