插件部署安装

1. 下载插件包

我们就以“秒杀”插件为例,获取插件zip包并解压后就是这样的:

插件部署安装 - 图1

2. 解压覆盖

复制这两个文件夹(有些插件可能还有其它目录,如public等),到项目的根目录下,粘贴替换安装:

插件部署安装 - 图2

3. 安装 package.json 包

这步视情况而定,如果在./mpvue/wapH5商城或./mpvue/weiapp小程序商城下打包构建报错的话就可以试试重新编译安装包(最好安装一个插件就重新编译安装包),在你要打包的项目下输入cnpm install,假设我要打包H5商城(小程序也是一样重新安装然后构建):

插件部署安装 - 图3

4. 配置路由

每个插件都会有一个readme.txt文件,说明下面4.1和4.2两节需要配置的内容

4.1 H5商城路由配置

H5商城的路由是在根目录./mpvue/wap/src/route/index.js下,以“秒杀插件为例子”,路由目录下就有两个文件,index.jsseckill.js,打开index.js,在里面写两句加入秒杀的路由:

  1. import seckill from "./seckill"
  2. routes.concat([...seckill])

插件部署安装 - 图4

4.2 小程序商城路由配置

小程序商城的路由是在根目录./mpvue/weiapp/src/route/app.json下,把./mpvue/weiapp/src/pages/seckill里面的文件都写进app.json下,现在秒杀插件里面有3个文件夹,在“pages"配置项里这样写入:

  1. "pages/seckill/index/main",
  2. "pages/seckill/detail/main",
  3. "pages/seckill/lists/main"

插件部署安装 - 图5

5. 构建项目打包上线

安装完成之后就可以执行npm run build把项目打包,把生成的目录上传到服务器就可以了,构建项目可以看更详细的说明:插件安装编译

6. 进行开发者后台执行安装操作

进入开发者后台

  1. http://你的网址/index.php?s=/admin

然后在 插件管理 页面中点击“安装”,如下图插件部署安装 - 图6

7. 设置插件的菜单

安装后,设置插件在哪个菜单下显示,你可以根据自己的实际情况进行设置

插件部署安装 - 图7

上面是安装时设置菜单,安装后也可以重新设置菜单插件部署安装 - 图8在上图里根据你的情况进行设置即可

8. 使用插件

返回运营者后台,就可以在设置的菜单里进入相应的插件了

插件部署安装 - 图9