【HBuilder + IDEA + XFtp + XShell】打包部署上线

如果你不相信努力和时光,那么成果就会是第一个选择辜负你的。不要去否定你自己的过去,也不要用你的过去牵扯你现在的努力和对未来的展望。不是因为拥有希望你才去努力,而是去努力了,你才有可能看到希望的光芒。【HBuilder + IDEA + XFtp + XShell】打包部署上线,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

简述

  1. 前后端分离:需要将前后端的程序包打包发送至应用Linux服务器上
  2. Linux服务器
    (1)需要启用SSHD服务,该服务会监听22号端口(一般是开启的)
    (2)搭建:MYSQL、Nginx、jdk、Tomcat(仅war包,jar包不需要)、Nginx、Redis
  3. XFtp:文件传输和下载
  4. XShell:远程登录到Linux服务器

一. 修改配置文件

  1. 确保前端和后端(idea)抛出的端口号保持一致
    在这里插入图片描述
  2. 确保前端和后端(idea)抛出的应用名称保持一致
    在这里插入图片描述
  3. 修改request.js的url路径,格式如下
    (1) 协议://服务器地址:端口号/应用名称/项目路由路径
    (2)协议://域名/应用名称/项目路由路径
    在这里插入图片描述

二. 前端项目代码打包

  1. 菜单栏 – 【发行】- 网站-PC Web或手机H5(仅适用于uni-app)(H)在这里插入图片描述
  2. 打包成功,如下显示导出 h5 成功路径,在部署程序时,将该文件放置到服务器中即可。若失败,执行步骤 3。
    打包成功
  3. 打包失败
    (1)先确保在DCLOUD开发者中心的【应用管理】-【我的应用】中是否添加了上述项目的相关信息。如下所示
    在这里插入图片描述
    (2)其次确保HBulider中,关于该项目的基础配置【manifest.json】是否填写成功。此处注意uni-app应用标识APPID要与(1)中的AppId对应
    在这里插入图片描述
    (3)若打包后报如下错误,则直接点击链接,打开DCLOUD开发者中心登录页(https://dev.dcloud.net.cn/)
    在这里插入图片描述
        ① 登录页如下,需填写正确的邮箱和密码
    在这里插入图片描述
    (4) 进入DCLOUD开发者中心,在【个人中心】-【账户信息】-发送短信验证码。
    在这里插入图片描述
    (5) 发布成功,如下所示
    打包成功

三. 后端项目代码打包

  1. 先确认部署是打包成jar包还是war包。如下为jar包
    (1)位置:pom.xml
    (2)代码行:<packaging>包(此处为 jar 或 war)</packaging>
  2. 打包:【Maven】-【package】
    在这里插入图片描述
  3. 打包成功
  4. jar / war 包路径。在部署程序时,将该文件放置到服务器中即可
    在这里插入图片描述

四. XFtp

  1. 新建会话
    在这里插入图片描述

  2. 在弹出的提示框中,输入【用户名】,若使用过,则执行 步骤 3
    (1)用户名
    在这里插入图片描述
    (2)密码
    在这里插入图片描述

  3. 之前已连接,如下,双击或点击“连接”即可
    在这里插入图片描述

  4. 连接成功
    在这里插入图片描述

  5. 此时,找到要上传的文件(前后端项目代码包),然后将其拖放到远程服务器的目标文件夹中

五. XShell

  1. 新建会话,填入【名称】为【服务器地址】,其余默认不变,然后点击【连接】
    在这里插入图片描述

  2. 在弹出的对话框中输入用户名和密码

  3. 若使用过,则直接双击即可连接成功
    在这里插入图片描述

  4. 此时,可以用命令行的方式访问服务器端的文件了

六. 常用命令

  1. ./命令

当前目录

  1. .. 命令

上级目录

  1. ../命令

上级目录下的子目录

  1. / 命令

根目录

  1. ls 命令

ls: 仅显示当前文件名或目录名
ls -l:等同于 ll 显示当前文件或目录的详细信息,包含创建时间、大小等

  1. cd 命令

从当前工作目录切换到【指定目录】
cd /:根目录
② cd /usr/local/ :/usr/local
cd xxx:xxx子目录
cd ..:父级
⑤ cd …/…/ :上上级

  1. mkdir 命令

① mkdir demoFiles:创建名为“demoFiles的”文件夹

  1. rmdir 命令

① rmdir:删除空目录
② rmdir demoFiles:删除名为“demoFiles”的文件夹

  1. rm 命令

① rm demoFile:删除名为“demoFile”的文件
② rm -rf demoFile:删除demoFile目录以及它所包含的所有内容

  1. more/less 命令

① more/etc/passwd:查看/etc/passwd的内容
② less /etc/passwd:查看/etc/passwd的内容

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/194966.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!