react项目(windows本地)打包部署到服务器(阿里云ubuntu)

react项目(windows本地)打包部署到服务器(阿里云ubuntu),第1张

添加"homepage" :" http://xxxcom/ " #解决部署到服务器后刷新页面出错的问题

加basename属性(c1为子目录名)

添加homepage行(后面加上子目录c1!)

新建c1子目录,把build文件夹里的内容上传到子目录文件夹中

重点:root和location

小鸟云企业级高可用云服务器、云虚拟主机、网站服务器租用托管服务提供商,一站式云计算解决方案,弹性灵活、按需付费,轻松助力企业及个人云端部署!

我们要部署 Java Web 项目,那就至少得将项目上传到云服务器。其实过程很简单,基本上也就是下面三个步骤:

① 打包上传:将项目打包成 war 文件,然后利用传到远程服务器(在Eclipse中直接将项目导出为war文件)。

② 将 war 文件移动到 Tomcat 目录下的 webapps 下。

③ 重启 Tomcat,访问我们的项目。

在这个过程中,我们需要注意。因为一般而已,作为一个 Web 项目,我们肯定是有数据库的使用的。那么数据库部分怎么办呢?其实,只需要将我们已有的数据库转储为 sql 文件,然后将 sql 文件上传到云服务器上执行即可。以 mysql 为例,如下操作:

① 转储为 sql 脚本,并上传:先在本地将我们项目使用的数据库转为 sql 文件,上传到云服务器上 (可以利用 Navicat 将数据库转储为sql文件)。

② 执行 sql:然后进入 mysql 中执行该 sql 文件。(若服务器装有Navicat,可直接用Navicat执行sql文件,执行前需要选中存放表的数据库,应该与代码中数据库连接语句包含的数据库名保持一致)

1如果是静态网页随便放个服务器启动起来就好,如ngix、tomcat、iis等

2如果是java平台开发的动态网页,当Tomcat启动就可以了

3如果是net开发就得部署到iis

部署的教程网上有很多可以参考

如有问题可以咨询作者

1、首先需要在linux服务器上配置java环境,如安装jdk+tomcat

2、配置完成jdk+tomcat环境后,需要把你的java项目复制到tomcat的webapps下

3、复制到tomcat的webapps后,重启tomcat,然后访问http://ip:8080/项目名,浏览验证java项目

4、安装jdk+tomcat环境如下:

1)下载JDK(下面分别是32位系统和64位系统下的版本)

http://downloadoraclecom/otn-pub/java/jdk/7u9-b05/jdk-7u9-linux-i586targzAuthParam=1350717577_c0836b48d7dc4cd4598cdd4f0d49e6f6            #32位

http://downloadoraclecom/otn-pub/java/jdk/7u9-b05/jdk-7u9-linux-x64rpmAuthParam=1350717726_9b669eca29c07ddaaf6d8dc41e7a2684     #64位

# getconf LONG_BIT   #  查看系统多少位

2) 安装JDK70版本

先卸载服务器自带的jdk软件包

# java -version     #查看服务器是否安装过jdk

java version "160_17"

OpenJDK Runtime Environment (IcedTea6 174) (rhel-121b17el6-i386)

OpenJDK Client VM (build 140-b16, mixed mode)

# rpm -qa |grep gcj   #查看服务器安装的jdk软件包信息

libgcj-444-13el6i686

java-150-gcj-1500-291el6i686

#  yum -y remove java-150-gcj-1500-291el6i686    #卸载软件包

安装jdk70  

解压配置安装

# mkdir -p /usr/lib/jvm

# tar zxvf jdk-7u9-linux-i586targz  -C /usr/lib/jvm

# mv /usr/lib/jvm/jdk170_09    /usr/lib/jvm/java7

添加jdk70到系统环境变量

# cp /etc/profile /etc/profilebak    #备份

# vi /etc/profile     #编辑,在最后添加下面的内容 

export JAVA_HOME=/usr/lib/jvm/java7

export JRE_HOME=${JAVA_HOME}/jre  

export CLASSPATH=:${JAVA_HOME}/lib:${JRE_HOME}/lib  

export PATH=${JAVA_HOME}/bin:$PATH 

# source /etc/profile  #使配置文件立即生效

由于系统中可能会有默认的其他版本JDK,所以,为了将我们安装的JDK设置为默认JDK版本,还要进行如下工作。

update-alternatives --install /usr/bin/java java /usr/lib/jvm/java7/bin/java 300  

update-alternatives --install /usr/bin/javac javac /usr/lib/jvm/java7/bin/javac 300  

update-alternatives --install /usr/bin/jar jar /usr/lib/jvm/java7/bin/jar 300   

update-alternatives --install /usr/bin/javah javah /usr/lib/jvm/java7/bin/javah 300   

update-alternatives --install /usr/bin/javap javap /usr/lib/jvm/java7/bin/javap 300  

执行下面命令,设置默认版本,此命令执行后,系统会列出当前存在的各种JDK版本,会提示你选择

# update-alternatives --config java

测试

# java -version       # 测试是否成功 

下载并启动tomcat

# cd /data  进入你放置的目录

# wget http://mirrorscnniccn/apache/tomcat/tomcat-7/v7056/bin/apache-tomcat-7056targz

# tar -zxv -f apache-tomcat-7056targz

# mv apache-tomcat-7056 /usr/local/tomcat7 

# chmod 755 -R /usr/local/tomcat7/

# /usr/local/tomcat7/bin/startupsh

一、前言

前面我们已经尝过了在云服务器上部署代码的甜头了,现在主菜就要上场了,那就是将我们的 JavaWeb 项目部署到云服务器上。兴奋吧?淡定淡定~

二、项目部署

我们对于 Java Web 项目在本地机器(无论是 Windows 还是 Linux)上的部署已经了然于心了,那么对于在云服务器上部署 Java Web 项目又是如何操作的呢? 其实很简单,还是离不开 Web 项目部署的那三点:

① 基础的 JDK 环境

② 一个 Web 服务器。如 Tomcat、JBoss

③ 一款数据库。如:mysql

对于云服务器上 Java Web 项目的部署,和平时在 Windows、Linux 下部署是一样的。最多也就是只能使用纯命令模式来操作而已,其实过程都一样。

21 环境准备

既然是 Java Web 项目的部署,首先自然需要配置好相关的环境罗。也就是:先在云主机上搭建好 Java 开发环境,如 OpenJDK 的安装、Tomcat 的安装、Mysql 数据库的安装。

22 项目部署

我们要部署 Java Web 项目,那就至少得将项目上传到云服务器。其实过程很简单,基本上也就是下面三个步骤:

① 打包上传:将项目打包成 war 文件,然后利用传到远程服务器(在Eclipse中直接将项目导出为war文件)。

② 将 war 文件移动到 Tomcat 目录下的 webapps 下。

③ 重启 Tomcat,访问我们的项目。

在这个过程中,我们需要注意。因为一般而已,作为一个 Web 项目,我们肯定是有数据库的使用的。那么数据库部分怎么办呢?其实,只需要将我们已有的数据库转储为 sql 文件,然后将 sql 文件上传到云服务器上执行即可。以 mysql 为例,如下操作:

① 转储为 sql 脚本,并上传:先在本地将我们项目使用的数据库转为 sql 文件,上传到云服务器上 (可以利用 Navicat 将数据库转储为sql文件)。

② 执行 sql:然后进入 mysql 中执行该 sql 文件。(若服务器装有Navicat,可直接用Navicat执行sql文件,执行前需要选中存放表的数据库,应该与代码中数据库连接语句包含的数据库名保持一致)

找到Project Structer

重新构建项目

找到重新构建的项目,也就是我们的war包地址

根据路径找到war包,截图如下:

右键CRT选项卡打开SFTP服务:

找到war包的本地地址

本地:

Linux:

输入Put namewar

开始上传war包:

启动tomcat--- /usr/tomcat/apache-tomcat-7061/bin/startupsh

部署完毕

分布式存储,很关键的点在于数据的可靠性,即保证数据的完整,不丢失,不损坏。只有在可靠性实现的前提下,才有了追求一致性、高可用、高性能的基础。而对于在存储领域,一般对于保证数据可靠性的方法主要有两类,一类是冗余法,一类是校验法。好在这些问题已经有相关中间件给我们解决了。Minio就是这样的一个中间件,同类型的还有FastDfs等。但是FastDfs部署较为复杂,所以我采用的Minio。

MinIO 是一个基于Apache License v20开源协议的对象存储服务。它兼容亚马逊S3云存储服务接口,非常适合于存储大容量非结构化的数据,例如、视频、日志文件、备份数据和容器/虚拟机镜像等,而一个对象文件可以是任意大小,从几kb到最大5T不等。

MinIO是一个非常轻量的服务,可以很简单的和其他应用的结合,类似 NodeJS, Redis 或者 MySQL。

第一步配置 vueconfigjs

第二步修改路由,改为 hash模式

第三步文件打包,执行以下,目录中会出现一个dist文件夹,将文件拖到服务器的 root 文件夹中

第四步可以通过域名进行访问 http://wwwlinlinrun/my-project/indexhtml#/home

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » react项目(windows本地)打包部署到服务器(阿里云ubuntu)

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情