## 1. 下载插件包
我们就以“秒杀”插件为例,获取插件zip包并解压后就是这样的:
![](https://user-gold-cdn.xitu.io/2018/12/12/167a140bee1c8354?w=638&h=243&f=png&s=13525)
## 2. 解压覆盖
复制这两个文件夹(有些插件可能还有其它目录,如public等),到项目的根目录下,粘贴替换安装:
![](https://user-gold-cdn.xitu.io/2018/12/12/167a142669aded9a?w=1137&h=676&f=png&s=115071)
## 3. 安装 package.json 包
这步视情况而定,如果在`./mpvue/wap`H5商城或`./mpvue/weiapp`小程序商城下打包构建报错的话就可以试试重新编译安装包(最好安装一个插件就重新编译安装包),在你要打包的项目下输入`cnpm install`,假设我要打包H5商城(小程序也是一样重新安装然后构建):
![](https://user-gold-cdn.xitu.io/2018/12/12/167a14784338441c?w=1379&h=650&f=png&s=63582)
## 4. 配置路由
每个插件都会有一个readme.txt文件,说明下面4.1和4.2两节需要配置的内容
### 4.1 H5商城路由配置
H5商城的路由是在根目录`./mpvue/wap/src/route/index.js`下,以“秒杀插件为例子”,路由目录下就有两个文件,`index.js`和`seckill.js`,打开`index.js`,在里面写两句加入秒杀的路由:
```
import seckill from "./seckill"
routes.concat([...seckill])
```
![](https://user-gold-cdn.xitu.io/2018/12/12/167a15e0cbcaed02?w=907&h=802&f=png&s=157396)
#### 4.2 小程序商城路由配置
小程序商城的路由是在根目录`./mpvue/weiapp/src/route/app.json`下,把`./mpvue/weiapp/src/pages/seckill`里面的文件都写进`app.json`下,现在秒杀插件里面有3个文件夹,在`“pages"配置项`里这样写入:
```
"pages/seckill/index/main",
"pages/seckill/detail/main",
"pages/seckill/lists/main"
```
![](https://user-gold-cdn.xitu.io/2018/12/12/167a15adeee21018?w=962&h=860&f=png&s=148265)
## 5. 构建项目打包上线
安装完成之后就可以执行`npm run build`把项目打包,把生成的目录上传到服务器就可以了,构建项目可以看更详细的说明:[插件安装编译](addon_install.md)
## 6. 进行开发者后台执行安装操作
进入开发者后台
```
http://你的网址/index.php?s=/admin
```
然后在 插件管理 页面中点击“安装”,如下图
![](https://box.kancloud.cn/49d7a0bc004e62b33e7fc5f21a514c90_1349x216.png)
## 7. 设置插件的菜单
安装后,设置插件在哪个菜单下显示,你可以根据自己的实际情况进行设置
![](https://box.kancloud.cn/03ec94c28df2aea32e859a248d0b17f3_580x268.png)
上面是安装时设置菜单,安装后也可以重新设置菜单
![](https://box.kancloud.cn/9f80151506ed5e5dd973d4d5858672c0_694x198.png)
在上图里根据你的情况进行设置即可
## 8. 使用插件
返回运营者后台,就可以在设置的菜单里进入相应的插件了
![](https://box.kancloud.cn/a464c58316bdaca669c34fb84e91b80b_1550x389.png)
- 序言
- 安装
- composer安装
- git安装
- 下载源码安装
- 初始化数据库
- 增加定时任务
- 问题反馈
- 快速入门
- 系统框架图
- 系统功能清单
- 目录结构
- 数据库字典
- 插件开发
- 插件介绍
- 插件管理
- 创建插件
- 插件库
- 免费插件安装
- 付费插件安装
- 插件部署安装
- 数据模型
- 模型介绍
- 创建模型
- 模型管理
- 菜单配置
- 菜单介绍
- 增加菜单
- 公众号开发
- 公众号配置
- 快递接口配置
- 小程序开发
- 案例说明
- 小程序配置
- 自动获取用户信息
- 短信验证码
- 上传图片
- 生成小程序事件二维码
- 小程序支付
- 微信平台支付配置
- 小程序微信支付配置
- 小程序调用支付功能
- 异步接收支付结果
- 模板消息
- 消息模板配置
- 支付后发模板消息
- 提交表单后发模板消息
- 客服
- mpvue开发
- 项目打包
- 插件安装编译
- 部署
- Liunx服务器部署
- Window集成包部署
- 常见问题
- 上传图片失败
- PATHINFO配置
- 该公众号提供的服务出现故障
- 调试工具postman安装
- 商城商品有库存但显示已售罄