在Linux（ubuntu 14.04）上部署WeX5跨平台App（HTML5）

1. 前言

  這篇文章講述的是把畢業設計的用

WeX5

開發的項目部署到阿裡雲的

Linux（ubuntu14.04）

上，本來可以部署在

WeX5

自帶的伺服器上，但是

WeX5

的伺服器我以前部署的項目突然不能通路了，正好阿裡雲有學生優惠（慶幸還是個學生），9.9買了一個月的阿裡雲伺服器。然後又花了5元買了個域名。

1.1 雲伺服器配置如下：

1.2 下圖是WeX5 架構的大緻簡介：

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資源

檔案目錄如下圖：

  2.2.2

Baas 資源

目錄如下圖:

• 2.3 上面的資源準備好了之後

  ，就可以在伺服器上搭建部署環境了。

3. 内容

3.1 搭建

jdk環境

  有好幾種方式來下載下傳

jdk

,我選擇的是直接從 官網 上下載下傳 ，選擇自己的版本進行下載下傳。

下載下傳到本地後，如果是

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

     

   • 在末尾加上如下：

   • 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

     檢視是否安裝成功。

     

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.

   

10. 在目前的

    bin

    目錄下安裝

    tomcat服務

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

11. 使用指令

    service tomcat start /stop

    來啟動或者關閉服務

    

12. 這樣

    tomcat

    就安裝完畢了

3.3 搭建

MySql 環境

1. MySql

   可以用簡單點的指令來執行以下指令

   apt-get install mysql-server mysql-client

   安裝

   MySql

   ，安裝過程中請設定

   MySql

   root

   的密碼。一定要設定
2. 安裝完成後使用

   netstat -nat

   指令檢視

   MySql

   是否啟動，如果有

   3306

   端口的程式證明

   MySql

   已啟動，如下圖所示：

   

3. mysql -u root -p

   然後輸入密碼，但出現下面界面時，說明你已進入

   MySql

   : 如下圖檔所示：

   

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 位址即可。 

覺得好的點個贊哦！