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

打包前准备工作

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

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

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

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

1460000039795804

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

1460000039795797

等项目自动载入完成

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

1460000039795795

shell部署脚本配置

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

1460000039795802

打包项目

看见  BUILD SUCCESS  打包完成

1460000039795798

WEB PC 管理端 运行和打包

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

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

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

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

1460000039795800

修改对应环境配置文件

1460000039795799

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

1460000039795801

执行安装所需包文件 npm install

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

1460000039795796

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

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

移动端项目打包,使用Hbuild

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

更多关于Uniapp的问题 uniapp官网

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

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

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

1460000039795803

注意

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

不可有注释 且json格式正确

1460000039795806

Hbuilder X 打包 H5

打开Hbuilder X 点击文件

1460000039795805

本地测试点击运行

1460000039795807

线上打包点击发行

1460000039795808

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

1460000039795809

打包成功如下图

1460000039795810

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值