天天看点

在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)

1. 前言

  这篇文章讲述的是把毕业设计的用

WeX5

开发的项目部署到阿里云的

Linux(ubuntu14.04)

上,本来可以部署在

WeX5

自带的服务器上,但是

WeX5

的服务器我以前部署的项目突然不能访问了,正好阿里云有学生优惠(庆幸还是个学生),9.9买了一个月的阿里云服务器。然后又花了5元买了个域名。

1.1 云服务器配置如下:

在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)

1.2 下图是WeX5 框架的大致简介:

在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)

1.3 服务器配置

  1. OS Name: Linux ,OS Version: 4.4.0-63-generic
  2. Apache Tomcat/7.0.77
  3. mysql Ver 14.14 Distrib 5.5.54, for debian-linux-gnu (i686) using readline 6.3
  4. java version "1.8.0_121"

2. 项目准备

  • 2.1 因为项目的服务器是

    Tomcat

    ,数据库是

    MySql

    ,后端开发语言是

    java

    ,所以我在

    Linux

    服务器上需要搭建上面三个环境用来部署我的App。
  • 2.2 App 资源文件及其打包文件的准备。

    所需资源准备 。根据上面链接,准备好

    1、UI资源

    2、Baas 资源

  2.2.1

UI资源

文件目录如下图:
在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)
  2.2.2

Baas 资源

目录如下图:
在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)
  • 2.3 上面的资源准备好了之后

    ,就可以在服务器上搭建部署环境了。

3. 内容

3.1 搭建

jdk环境

  有好几种方式来下载

jdk

,我选择的是直接从 官网 上下载 ,选择自己的版本进行下载。

在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)

下载到本地后,如果是

Mac OS

系统的,可以用

scp 命令

进行文件的远程上传。

  1. 首先我们在服务器的

    USR

    文件夹下创建一个新文件夹

    java

  2. 然后在

    terminal

    输入命令如下:

    scp -r /download/jdk-8u60-linux-x64.gz root@hostname /usr/java

    ;
  3. 然后到

    cd

    服务器上的目录下,输入:

    tar zxvf jdk-7u60-linux-x64.tar.gz -C /usr/java/

  4. 输入:

    mv jdk1.8.0_60 java8

    ,将文件名改为

    java8

    方便环境变量的配置。
  5. 配置环境变量
    • vi ~/.bashrc

      在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)
    • 在末尾加上如下:
    • export JAVA_HOME=/usr/java/java8

      export JRE_HOME=${JAVA_HOME}/jre

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

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

    • 保存后退出vi刷新变量使配置立即生效

      source ~/.bashrc

    • 输入

      java -version

      查看是否安装成功。
      在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)
  6. jdk

    安装成功。

3.2 搭建

Tomcat 环境

  1. Apache Tomcat

    官网上下载tomcat 的

    .taz

    后缀的安装包,然后和上面一样,

    scp

    到服务器,这里就不一一赘述。
  2. 这次我们在服务器上新建一个

    data/server

    来存放

    tomcat

  3. 使用命令解压

    tar zxvf apache-tomcat-7.0.70.tar.gz -C /data/server/

  4. 重命名文件夹

    mv apache-tomcat-7.0.70 tomcat7

  5. 更改用户

    cd /data/server/tomcat7

    chown -R root .

    chgrp -R root

  6. vi /etc/profile

    ,在最后加上

    CATALINA_HOME=/data/server/tomcat7

    export CATALINA_HOME

  7. 保存后退出vi 刷新变量使配置立即生效

    source /etc/profile

  8. 进入

    tomcat

    bin

    目录

    cd $CATALINA_HOME/bin

  9. 修改

    vi catalina.sh

    找到这行

    # OS specific support. $var _must_ be set to either true or false.

    在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)
  10. 在当前的

    bin

    目录下安装

    tomcat服务

    cp catalina.sh /etc/init.d/tomcat

  11. 使用命令

    service tomcat start /stop

    来启动或者关闭服务
    在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)
  12. 这样

    tomcat

    就安装完毕了

3.3 搭建

MySql 环境

  1. MySql

    可以用简单点的命令来执行以下命令

    apt-get install mysql-server mysql-client

    安装

    MySql

    ,安装过程中请设置

    MySql

    root

    的密码。一定要设置
  2. 安装完成后使用

    netstat -nat

    命令查看

    MySql

    是否启动,如果有

    3306

    端口的程序证明

    MySql

    已启动,如下图所示:
    在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)
  3. mysql -u root -p

    然后输入密码,但出现下面界面时,说明你已进入

    MySql

    : 如下图片所示:
    在Linux(ubuntu 14.04)上部署WeX5跨平台App(HTML5)

4. 结尾

最后最坑的就是在

tomcat7/conf/

里面的

context.xml

中配置数据源 :

<Resource name ="x5" auth="Container" type="javax.sql.DataSource" driverClassName="com.mysql.jdbc.Driver" url="jdbc:mysql://hostname/x5" username="root" password="*****" maxActive="10" maxIdle="5"/>

然后就可以打包访问了,打包地址选择服务器的ip 地址即可。 

觉得好的点个赞哦!

继续阅读