Mac上传前台代码到服务器的步骤

Mac上传前台代码到服务器的步骤

公司内网服务器账号：
192.168.1.109 账号 密码 端口

一、需要的工具及环境

1.FileZilla 工具，用于连接服务器并管理服务器上的文件（增加、删除）

FileZilla.png

2.Mac终端解压工具，在终端输入以下命令安装解压工具：
yum install -y unzip zip;

3.安装Java环境：

1.进入官网下载jdk8 : https://www.oracle.com/java/technologies/javase-jdk8-downloads.html
需要登录oracle账号

Java环境.png
2.打开终端开始配置：

    cd ~/
    open .bash_profile
    在打开的文件末尾加上下面这句，并保存
    export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_251.jdk/Contents/Home
    其中路径为本地java安装的真实路径
    终端输入：java -version ,正确显示java版本号算安装成功~

4.安装Tomcat:(参考：https://www.jianshu.com/p/87121d912d10)

1.下载Tomcat: 打开 Tomcat官网，选择 Tomcat9 下载 https://tomcat.apache.org/download-90.cgi
        Core: zip (pgp, sha512)

下载Tomcat.png

2.本地安装Tomcat：

1.在本机用户的根目录下 创建 java/Tomcat 文件夹，将解压后的 Tomcat9复制到此文件夹中，具体路径： /Users/biyu6/java/Tomcat/apache-tomcat-9.0.34
2.打开终端，开始配置并启动 Tomcat
        cd /Users/biyu6/java/Tomcat/apache-tomcat-9.0.34
        第一次需要对Tomcat进行授权，命令为： chmod -R u+x ./bin
        cd /Users/biyu6/java/Tomcat/apache-tomcat-9.0.34/bin
        在 bin 目录下 使用  ls -la *.sh 命令查看授权情况 -rwxr 标识已经有了执行权限
        启动 Tomcat ：
            先确定是在 bin 目录下
            然后输入： ./startup.sh  命令启动Tomcat(其中”./"代表当前目录下)
        关闭 Tomcat ：
            ./shutdown.sh 命令用于关闭 Tomcat
        重启 Tomcat：
            先走关闭命令、在执行启动命令
        验证：
            在浏览器中访问”localhost:8080”,看到了Tomcat界面，则说明Tomcat已经成功启动了，否则是关闭状态

3.服务器安装Tomcat:

    1.使用 FileZilla 工具，连接服务器
    2.连接成功后，在远程站点进入 /home 路径下，将下载的 apache-tomcat-9.0.34.zip 拖到 home文件夹下
    3.终端连接服务器解压文件：
        sudo -i
        ssh root@192.168.1.109
        输入服务器密码
        cd /home 进入服务器的home文件夹
        ls 查看该文件夹的目录
        unzip apache-tomcat-9.0.34.zip 解压文件
    4.启动服务器Tomcat与本地启动Tomcat命令一致

4.终端连接并启动服务器Tomcat命令：

    ssh root@192.168.1.109
    输入服务器密码
    cd /home/apache-tomcat-9.0.34
    chmod -R u+x ./bin //第一次需要对Tomcat进行授权
    cd /home/apache-tomcat-9.0.34/bin
    ./startup.sh //关闭tomcat命令为： ./shutdown.sh
    重启 Tomcat，需要先关闭（./shutdown.sh），然后再启动（./startup.sh）

5.修改Tomcat中访问路径的端口

    本地：/Users/biyu6/java/Tomcat/apache-tomcat-9.0.34/conf/server.xml 
    服务器：/home/apache-tomcat-9.0.34/conf/server.xml
    打开 server.xml文件，修改以下代码中的访问端口号（默认为8080端口）
         <Connector port="8080" protocol="HTTP/1.1"
                           connectionTimeout="20000"
                           redirectPort="8443" />

二、上传前端代码到服务器

1.Tomcat中放置前台代码的路径为： /home/apache-tomcat-9.0.34/webapps

2.默认启动的路径放在 webapps/ROOT下，将编译后的dist内的文件（static文件夹、index.html) 上传到服务器ROOT目录下,然后在浏览器中输入： 192.168.1.109 即可打开index.html页面

3.如果有多个APP，可以将编译后的dist文件改名为该APP的名字（例如：gzyt（内含static文件夹、index.html）)，然后将 gzyt 文件夹上传到 webapps目录下，以后可在浏览器中用 192.168.1.109/gzyt 来访问 gzyt 下的 index.html 页面