**項目是基于`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安裝
- 商城商品有庫存但顯示已售罄