前两篇文章，分别架设好了小程序商站的后台服务端（提供小程序的数据接口，存储商品和交易信息等等），编译并且在手机上成功打开了测试版小程序，成功拉取到了服务器上的测试数据。
本篇开始，为“真实”运营进行下一步动作。要运营，肯定不能光看那些测试数据，要发布真实的商品和真实的支付订单以及快递流转，所以需要一个后台管理界面，我们选用的海风小店提供了两种数据管理方式（其实是3种，你是大神的话可以手写sql直接管理数据库），其中一种是部署在本地电脑上，直接在电脑浏览器里打开管理界面（相当于用mysql数据库管理软件的可视化版本），优点是方便和安全（真安全啊，没其它动数据库数据的手段），缺点是只能一台电脑上管理，所以综合大多数人的需求，我们在之前那台作小程序服务端的服务器上部署（也可以是一台全新的服务器，做到管理界面和数据分离，读者可以举一反三，我们现在只讲最简单、通用的）。
代码获取上文提到，本地管理使用的是hioshop-admin源码，我们需要架设在服务器上通过web访问管理，需要用到hioshop-admin-web（HTTPS://github.com/iamdarcy/hioshop-admin-web）。
因为这个admin-web其实就是纯静态的html页面，基于vue，所以只需要把它部署到任意的web服务器目录下，就可以得到管理界面。
因为这台服务器上，我已经安装了nginx架设官网，所以直接把这个代码编译出来放到网站子目录下即可。
**这里没有用docker容器，是为了快速，因为已经有现成的网站了，这样最快，后面有空会做一个docker镜像包含这个admin-web端的，直接运行就可以提供web服务。
代码生成通过git clone https://github.com/iamdarcy/hioshop-admin-web或直接zip下载的源码，可以通过npm工具直接运行dev版本（使用nodejs内置web服务能力启动一个监听9528的端口的http服务器，可以预览效果），测试正常后编译出web静态页面拷贝到生产环境的web服务器目录下。
1.正常获取nodejs和npm环境
参考上文服务器端或网上手册，安装nodejs和npm，最简单的是
apt get install nodejs npm
cd hioshop-admin-web //进入源码目录
npm install //安装依赖文件
没有错误后，运行开发测试：
npm run dev
一切正常的话，会运行测试端口http供你访问（同样，需打开阿里云防火墙访问端口权限）。
需要注意，显示的是阿里云的内网地址，需要用真实的外网地址访问，如果访问时有其它权限错误，也不折腾了，这步是确认代码是正常的，只是看一眼， 实际不这么用，走下一步。
- 真实编译web
先修改配置文件，需要修改src/config/api.js中的rootUrl需要指向之前创建的小程序后台服务端的server接口地址，即之前小程序获取数据的接口地址，带上admin/，例如：http://www.meiwutea.com:8360/admin/。
这个配置文件里还有一个配置参数是七牛云的对象存储接口，这个如果缺失不影响测试，但后面要添加商品时，上传图片会失败，因为这个小程序服务端不在本地存储图片等多媒体数据，而是放到七牛云空间上面（好处是比云主机便宜，50G空间如果用户不多，大概10块钱可以用两年），需要你去七牛云注册一个账号（需要微信实名认证后开通权限），获取api开发接口参数（回到服务器端部署那一步，修改服务端配置文件hioshop-server/src/common/config/config.js录入正确的七牛云api接口参数，需要注意的是domain/源码作者写的比较模糊容易误导，需要是类似http://xxx.meiwutea.com/这样的格式，要带前面的http://前缀和/后缀不能少），新用户可以有30天的免费测试空间可用。
服务端七牛云api接口配置
admin管理端七牛云配置
执行npm run build:prod，成功后，会在当前目录dist目录下生成小程序商站服务端管理代码（即，纯静态网页），拷贝到web服务器目录即可，例如mkdir /var/www/html/admin; cp -R dist/* /var/www/html/admin/。
生成的disk目录下的静态web页面，必须拷贝到web服务器根目录的admin目录下（如果该目录已经被占用，需要修改源码vue.config.js中的publICPath: "/admin"，重新编译生成）。
如果需要，还可以修改源码nano src/components/WelcomePage.vue ，可以去掉管理首页两条源码开发者加上去的测试信息。
