开源商城NIUSHOP V6版的安装部署教程

一、准备工作

1.源码下载:下载地址>>>

也可以直接GIT:git clone https://gitee.com/niushop-team/niushop.git

2.PHP版本:PHP8.0-PHP8.2

3.数据库:Mysql5.7-Mysql8.0

二、源码上传

1.宝塔新建网站,配置好SSL后打开网站目录,将默认的文件全部删除

2.上传源码至网站目录

上传源码.png

3.将运行目录指向niuclould下的public文件夹

设置运行目录-yqwK.png

4.设置伪静态(Nginx)

location / {
 if (!-e $request_filename) {
  rewrite  ^(.*)$ /index.php/$1  last;  
  break;
 }
} 

附:Apache伪静态

<IfModule mod_rewrite.c>
Options +FollowSymlinks -Multiviews
  RewriteEngine On
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule ^(.*)$ index.php?/$1 [QSA,PT,L]
  RewriteEngine on RewriteCond % !^$
</IfModule>

5.点击域名访问开始安装

开始安装-NIKc.png

6.继续配置数据库等基本信息

配置信息.png

7.选择编译模式

以下选择第二项“我是开发者,自行编译”举例,如果懒得自己做的话可以选择第三项免费编译

编译模式.png

三、编译admin文件

1.进入网站目录下“admin”文件夹内,双击打开“.env.development”文件编辑

修改服务器api.png

2.修改api请求地址为:https://域名/adminapi/
修改图片服务器地址为:https://你的域名

注意:“adminapi”后的“/”必须保留,而图片服务器地址后无“/”

修改服务器api地址.png

3.开始编译管理端

在终端输入“npm install”安装依赖

打开终端-LZKh.png

执行完以上命令以后,再输入“npm run build”打包编译;

打包.png

编译完成.png

打开“admin”文件夹下“dist”文件夹,将里面的全部编译生成的文件剪切到niucloud/public/admin下

生成文件.png

复制粘贴.png

3.查看后台,管理端已经可以正常使用了

管理端编译完成.png

至此,管理端已经编译完成

四、H5端编译上传

编译方式同上

1.打开“uni-app”文件夹,再终端输入“npm install”安装依赖

安装依赖H5端.png

2.打开“.env.production”文件编辑

这是上线需要修改的,如果在测试环境可以修改“.env.development”

编辑文件.png

编辑内容同上,注意的是第一个最后有斜杠,第二行没有斜杠

编辑api地址.png

3.终端输入“npm run build:h5”打包编译

打包编译H5.png

4.进入“../uni-app/dist/build/h5”文件夹下将生成的文件复制到“niucloud/public/wap”下替换原有文件

替换文件.png

至此H5端也编译打包完成,在手机输入网址即可访问

参考信息来源:Niushop官方文档

源码来源:牛之云科技/NIUSHOP 开源商城 V6 开源版(商城+分销+VIPCard+上门服务)

云服务器来自:腾讯云优惠活动

云服务器配置:4H4G5M