一 前言

       wex5作为前端利器,开发好的项目如何正确、快速、高效、稳定、安全的部署到服务器上,作为初学开发人员,有必要选择一种操作简单,便于运维的方案。今天我以教学视频网站为例,选择宝塔服务器面板,一键安装linux+ngix+mysql+php服务器环境,从建站到部署wex5项目,完成整个操作过程。

     


宝塔面板 部署WordPress 宝塔面板 部署 mern_宝塔面板 部署WordPress

   宝塔面板效果如下,简单,实用,直观。

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_02

二  linux系统安装

      我选择CentOS,7.3 64位。实测低版本会导致宝塔安装失败。

     

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_03

三 宝塔面板安装与环境部署

    1  进行linux视窗,输入root密码和帐号

      

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_04

  2  宝塔安装,参考官网

     

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_05

     

宝塔面板 部署WordPress 宝塔面板 部署 mern_宝塔面板 部署WordPress_06

       在linux视窗,输入下面这一行命令,系统开始安装,耗时大约5-10分钟,网速好时2分钟就能完成安装。.

       yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

      

宝塔面板 部署WordPress 宝塔面板 部署 mern_建站_07

 

      宝塔面板安装成功如下:

      

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_08

    3 登陆面板

    如红线提示,浏览器进入http://122.144.199.106.8888   输入帐号和密码(帐号和密码在面板设置里可以重新自定义)。

   

宝塔面板 部署WordPress 宝塔面板 部署 mern_宝塔面板 部署WordPress_09

   4  一键安装LNMP服务器环境,具体版本可以自选。

    

宝塔面板 部署WordPress 宝塔面板 部署 mern_建站_10

  

宝塔面板 部署WordPress 宝塔面板 部署 mern_宝塔面板 部署WordPress_11

   5 安装tomcat 7.wex5项目依赖于tomcat,实测最高版本支持tomcat7。tomcat8 和tomcat9会出现sevrlet不支持或java无法编译。

   

宝塔面板 部署WordPress 宝塔面板 部署 mern_宝塔面板 部署WordPress_12

  

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_13

 

需要一提的是,宝塔面板会自动安装jdk.如下图所示,安装tomcat7之前,java环境不存在。

宝塔面板 部署WordPress 宝塔面板 部署 mern_建站_14

tomcat 7安装完成后,测试如下图,java也同时安装成功,版本为1.7。也就是说,不需要另外安装jdk环境,否则双java环境,服务器会死掉的。

 

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_15

四  建站与部署

     1  一键建站,在网站管理项,选择 添加站点,弹出建站对话框。

       

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_16

建站提示如下:    
     每行填写一个域名,默认为80端口
     泛解析添加方法 *.domain.com
     如另加端口格式为 www.domain.com:88

 表示必须有效域名才可以正常建站,ip地址加端口的建站方法不可行。

宝塔面板 部署WordPress 宝塔面板 部署 mern_建站_17

进入网站设置,打开网站,测试是否建站成功。

 

宝塔面板 部署WordPress 宝塔面板 部署 mern_宝塔面板 部署WordPress_18

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_19

2 上传wex5项目

    在电脑上安装ftp客户端,如FileZilla,输入建站时的创建的ftp地址,密码,端口

    

宝塔面板 部署WordPress 宝塔面板 部署 mern_建站_20

   ftp连接成功后,会出现本地站点目录和远程站点目录。

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_21

删除建站目录下所有文件,上传前端www目录下的文件到建站目录下,本例中建站目录为wex5 (具体wex5前端文件参考我其它博客)

宝塔面板 部署WordPress 宝塔面板 部署 mern_服务器_22

上传baas文件到当前建站目录wex5下

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_23

上传mysql-connector-java-5.1.36-bin文件到服务器下,并拷贝到服务器tomcat的lib包下

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_24

宝塔面板 部署WordPress 宝塔面板 部署 mern_宝塔面板 部署WordPress_25

 3 网站设置

    index.w页设置。在网站设置项里添加index.w页,并保存.

    

宝塔面板 部署WordPress 宝塔面板 部署 mern_tomcat_26