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

简述

  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的内容

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/279079.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

python三 pycharrm安装

一、PyCharm下载安装 1&#xff09;访问官网 https://www.jetbrains.com/pycharm/download/#sectionwindows 下载「社区版 Community」 安装包 跟新 官网页面变动&#xff0c;找不到社区版 2&#xff09;下载完成后&#xff0c;「双击」运行安装包&#xff0c;开始安装。 …

【Week-P3】CNN天气识别

文章目录 一、环境配置二、准备数据三、搭建网络结构四、开始训练五、查看训练结果六、总结6.1 不改变学习率的前提下&#xff0c;将训练epoch分别增加到50、60、70、80、90&#xff08;1&#xff09;epoch 50 的训练情况如下&#xff1a;&#xff08;2&#xff09;epoch 60 …

Android studio CMakeLists.txt 打印的内容位置

最近在学习 cmake 就是在安卓中 , 麻烦的要死 , 看了很多的教程 , 发现没有 多少说对打印位置在哪里 , 先说一下版本信息 , 可能你们也不一样 gradle 配置 apply plugin: com.android.applicationandroid {compileSdkVersion 29buildToolsVersion "29.0.3"defau…

推荐系统/电商中的 业务指标GMV

GMV&#xff08;Gross Merchandise Volume&#xff09;是指在一定时间内&#xff0c;一个电商平台上所有商品的总销售价值&#xff0c;通常以货币单位&#xff08;例如美元、人民币等&#xff09;表示。GMV是一个关键的电商业务指标&#xff0c;用于衡量平台的交易规模和业务增…

Python 为UnityAndroid端自动化接入Tradplus广告SDK

Python 为UnityAndroid端自动化接入Tradplus广告SDK Tradplus介绍常规接入进入Android开发文档选择渠道配置生成接入代码人工依赖下载官网同版本的 Unity插件 使用自动化工具接入首次 你需要打两个标记来定位运行工具 控制台会列出最新的十个Tradplus版本 任选其一然后拖入项目…

数据结构与算法教程,数据结构C语言版教程!(第一部分、数据结构快速入门,数据结构基础详解)四

第一部分、数据结构快速入门&#xff0c;数据结构基础详解 数据结构基础&#xff0c;主要研究数据存储的方式。 本章作为数据结构的入门课程&#xff0c;主要让读者明白&#xff0c;数据结构到底是什么&#xff0c;常用的数据存储结构有哪些&#xff0c;数据结构和算法之间到底…

Mac Pycharm在Debug模式报编码(SyntaxError)错误

1. 错误信息&#xff1a; Traceback (most recent call last):File "/Library/Developer/CommandLineTools/Library/Frameworks/Python3.framework/Versions/3.9/lib/python3.9/tokenize.py", line 330, in find_cookieline_string line.decode(utf-8) UnicodeDeco…

TiDB故障处理之让人迷惑的Region is Unavailable

背景 最近某集群扩容了一批物理机&#xff0c;其中 TiKV 节点有6台机器12个实例&#xff0c;同时调整了 label 设置增加了一层机柜级容灾。因为前期做了比较充分的准备工作&#xff0c;到了变更窗口只等着执行scale-out就行&#xff0c;操作过程也很顺利&#xff0c;很快就把所…

Linux之定时任务调度

crond crond是Linux系统中的一个守护进程&#xff0c;主要用于周期性地执行某种任务或等待处理某些事件。而crondtab是配套的工作&#xff0c;用于定时任务的设置。 语法 crontab [选项]常用选项 入门案例 执行crontab -e命令输入任务到调度文件中 */1 * * * * ls -l /et…

burpsuite模块介绍之repeater

导语 repeater是一个用于手动操作和发送个别HTTP请求的简单工具&#xff0c;它可以帮助您分析应用程序的响应。您可以使用repeater从Burp Suite的任何位置发送内部请求&#xff0c;然后修改请求并发送。通过这种方式&#xff0c;您可以测试和调试应用程序&#xff0c;并对请求…

爬虫工作量由小到大的思维转变---<第三十五章 Scrapy 的scrapyd+Gerapy 部署爬虫项目>

前言: 项目框架没有问题大家布好了的话,接着我们就开始部署scrapy项目(没搭好架子的话,看我上文爬虫工作量由小到大的思维转变---&#xff1c;第三十四章 Scrapy 的部署scrapydGerapy&#xff1e;-CSDN博客) 正文: 1.创建主机: 首先gerapy的架子,就相当于部署服务器上的;所以…

Vue2 - v-model 简介

目录 1&#xff0c;原理1.1&#xff0c;作用于表单元素1.2&#xff0c;作用于自定义组件 2&#xff0c;编译结果展示2.2&#xff0c;表单元素2.1&#xff0c;自定义组件 1&#xff0c;原理 官网参考 v-model 是一个语法糖&#xff0c;最终会生成一个属性和一个事件。并且即可…

Android NDK打包armeabi平台架包

NDK打包armeabi 1.降低NDK版本和Cmake版本 sdk.dirE\:\\Android\\sdk //指定ndk版本&#xff0c;不指定默认使用最新的NDK ndk.dirE\:\\Android\\sdk\\ndk\\16.1.4479499修改builde.gradle(app) android{defaultConfig{...//配置 AS 工程的 C/C 源文件编译参数externalNativ…

【算法与数据结构】435、LeetCode无重叠区间

文章目录 一、题目二、解法三、完整代码 所有的LeetCode题解索引&#xff0c;可以看这篇文章——【算法和数据结构】LeetCode题解。 一、题目 二、解法 思路分析&#xff1a;思路和【算法与数据结构】452、LeetCode用最少数量的箭引爆气球类似&#xff0c;也是排序找重叠区间。…

利用Pandas进行高效网络数据获取

利用Pandas进行高效网络数据获取 背景&#xff1a; ​ 最近看到一篇关于使用Pandas模块进行爬虫的文章&#xff0c;觉得很有趣&#xff0c;这里为大家详细说明。 基础铺垫&#xff1a; ​ pd.read_html pandas 库中的一个函数&#xff0c;用于从 HTML 页面中读取表格数据并…

MacBook查看本机IP

嘚吧嘚 其实这也不是什么困难的问题&#xff0c;但是今年刚刚入坑Mac&#xff0c;外加用的频率不是很高&#xff0c;每次使用的时候都查&#xff0c;用完就忘&#xff0c;下次用的时候再查&#x1f92e;。真的把自己恶心坏了&#x1f648;。 所以写篇文章记录一下&#x1f92…

Java学习——设计模式——结构型模式1

文章目录 结构型模式代理模式适配器模式 结构型模式 结构型模式主要涉及如何组合各种对象以便获得更好、更灵活的结构。虽然面向对象的继承机制提供了最基本的子类扩展父类的功能&#xff0c;但结构型模式不仅仅简单地使用继承&#xff0c;而更多地通过组合与运行期的动态组合来…

uniapp多级动态表单规则

最近有个新的业务、主要涉及多层级的动态表单提交&#xff0c;其中又涉及很多类型&#xff0c;踩了很多坑之后&#xff0c;终于研发完毕。 传来的数据格式处理 传来的数据格式涉及比较多的内容&#xff0c;以下举例一个&#xff0c;涉及到规则的填写 规则写法有两种&#xff…

[足式机器人]Part4 南科大高等机器人控制课 CH12 Robotic Motion Control

本文仅供学习使用 本文参考&#xff1a; B站&#xff1a;CLEAR_LAB 笔者带更新-运动学 课程主讲教师&#xff1a; Prof. Wei Zhang 课程链接 &#xff1a; https://www.wzhanglab.site/teaching/mee-5114-advanced-control-for-robotics/ 南科大高等机器人控制课 Ch12 Robotic …

Android MVC 写法

前言 Model&#xff1a;负责数据逻辑 View&#xff1a;负责视图逻辑 Controller&#xff1a;负责业务逻辑 持有关系&#xff1a; 1、View 持有 Controller 2、Controller 持有 Model 3、Model 持有 View 辅助工具&#xff1a;ViewBinding 执行流程&#xff1a;View >…