微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】...

打包前准备工作

一个主域名,3个子域名共计4个域名

主域名用于访问移动端,子域名2用于PC管理后台,子域名3用于访问Java Api,子域名4用于图片资源访问

举例4个域名,下文中会用此来代替

Java 项目运行和打包把Java项目导入idea

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第1张图片

选择项目中的 crmeb文件夹,也就是Java Api子项目

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第2张图片

等项目自动载入完成

项目配置    根据自己的实际情况配置

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第3张图片

shell部署脚本配置

开源不易,我司统计下安装量,只有首次部署会统计,不会有任何影响,请根据自己的具体情况修改下,版本号不需要修改

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第4张图片

打包项目

看见  BUILD SUCCESS  打包完成

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第5张图片

WEB PC 管理端 运行和打包

运行以下命令之前请确认npm环境正确运行

如果开发可以使用webStorem或者Vscode

终端使用自己趁手的命令行工具

cd 到clone项目的admin文件夹目录

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第6张图片

修改对应环境配置文件

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第7张图片

根据自己打包的环境配置Java Api项目请求域名

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第8张图片

执行安装所需包文件 npm install

打包命令可根据自身需求修改

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第9张图片

执行 npm run build:prod   线上环境              build:prod 线上环境

打包完成之后在 admin下找到 dist目录,把dist目录下的文件夹以及文件上传到 服务器对应的站点目录即可 【此处不包含dist文件夹,是dist文件夹下面的文件】

移动端项目打包,使用Hbuild

移动端暂时仅支持H5和微信小程序

更多关于Uniapp的问题 uniapp官网

下载uniapp开发者工具  ----> Hbuilder X

打包微信小程序则需要下载 微信开发者工具

微信开发者工具可根据自己的电脑系统下载

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第10张图片

注意

最外层项目包中有一个 domain.json文件,需要根据自己实际情况修改此文件内容

不可有注释 且json格式正确

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第11张图片

Hbuilder X 打包 H5

打开Hbuilder X 点击文件

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第12张图片

本地测试点击运行

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第13张图片

线上打包点击发行

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第14张图片

打包的时候出现下图点 发布 行即可,不需要输入域名

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第15张图片

打包成功如下图

微信小程序前后端分离服务器部署,一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】..._第16张图片

你可能感兴趣的:(微信小程序前后端分离服务器部署)