前言

你好，我是方同學(YourBatman)

若你還不太清楚Java EE是什么，可先移步這里：什么是Java EE?

緊接著上一篇講完Servlet、JSP、EL表達式后，本文嘗試把WebSocket和JSTL再疏通疏通。

[[424135]]

所屬專欄

BATutopia-Java EE

相關下載

• 工程源代碼：https://github.com/yourbatman/BATutopia-java-ee
• 【女媧Knife-Initializr工程】訪問地址：http://152.136.106.14:8761
• Java開發軟件包(Mac)：https://wangpan.yourbatman.cn/s/rEH0 提取碼：javakit
• 程序員專用網盤上線啦，開放注冊送1G超小容量，幫你實踐做減法：https://wangpan.yourbatman.cn

版本約定

Java EE：6、7、8

Jakarta EE：8、9、9.1

正文

WebSocket

WebSocket是一種在單個TCP連接上進行全雙工通信的協議。隨著HTML5的誕生，WebSocket通信協議于2011年被IETF定為標準RFC 6455，并由RFC7936補充規范。WebSocket API也被W3C定為標準。

WebSocket協議本質上是一個基于TCP的協議，它由通信協議和編程API組成，WebSocket能夠在瀏覽器和服務器之間建立雙向連接，以基于事件的方式，賦予瀏覽器實時通信能力。

WebSocket使得客戶端和服務器之間的數據交換變得更加簡單，允許服務端主動向客戶端推送數據。在WebSocket API中，瀏覽器和服務器只需要完成一次握手，兩者之間就直接可以創建持久性的連接，并進行雙向數據傳輸。工作流程如下圖：

Java API for WebSocket是Java的Web套接字，在2013年6月份伴隨著Java EE 7推出(1.0版本)，Java EE 8升級到1.1版本。

注意：WebSocket的Client可以是瀏覽器，也可是WebSocket的終端(如Java應用、Go應用)。

<!-- javax命名空間版本（Tomcat 9.x及以下版本支持） --> 
<dependency> 
    <groupId>javax.websocket</groupId> 
    <artifactId>javax.websocket-api</artifactId> 
    <version>1.1</version> 
    <scope>provided</scope> 
</dependency> 
 
<!-- jakarta命名空間版本（Tomcat 10.x及以上版本支持） --> 
<dependency> 
    <groupId>jakarta.websocket</groupId> 
    <artifactId>jakarta.websocket-api</artifactId> 
    <version>2.0.0</version> 
    <!-- <version>1.1.2</version> 此版本命名空間同javax --> 
    <scope>provided</scope> 
</dependency> 
 
除此之外，一般情況下我們直接使用Web容器提供的Jar即可，如Tomcat 
<dependency> 
    <groupId>org.apache.tomcat.embed</groupId> 
    <artifactId>tomcat-embed-websocket</artifactId> 
    <version>Tomcat版本號</version> 
</dependency> 
<dependency> 
    <groupId>org.apache.tomcat</groupId> 
    <artifactId>tomcat-websocket</artifactId> 
    <version>Tomcat版本號</version> 
</dependency> 

版本歷程

servlet-3.1版本開始支持。WebSocket 1.1 版與 1.0 版完全向后兼容，只在javax.websocket.Session中添加了兩個方法：

<T> void addMessageHandler(Class<T> clazz, MessageHandler.Partial<T> handler) throws IllegalStateException; 
<T> void addMessageHandler(Class<T> clazz, MessageHandler.Whole<T> handler) throws IllegalStateException; 

生存現狀

作為Http協議的“補充”，很好的彌補了其不足，在Web領域實時推送，也被稱作Realtime技術。這種技術大大提升交互體驗，擁有廣泛的應用場景：在線聊天(如web版微信)、在線客服系統、評論系統等等。

總的來講，WebSocket作為新貴，生存現狀挺好，前景一片光明。

實現(框架)

WebSocket其實是構建在Http協議之上的，所以對于Java語言來講它依舊由Web容器來提供實現。

概念區分：Web容器不一定是Servlet容器，而Servlet容器一定是Web容器

除此之外也有獨立實現：

• client端實現：org.eclipse.jetty.websocket:javax-websocket-client-impl
• server端實現：org.eclipse.jetty.websocket:javax-websocket-server-impl對于Client來講，一般都是瀏覽器。

代碼示例

前面有提到，WebSocket的Client端既可以是瀏覽器(現代的瀏覽器100%都支持此協議，若需要考慮瀏覽器兼容問題(比如國外現在依舊有使用老版IE瀏覽器的)，可以使用socketio框架哈)，也可以是Java應用。本示例就加點“難度”，用Java應用作為WebSocket的客戶端。當然嘍，服務端肯定也是Java應用呀。

創建demo項目，結構如下：

其中client為jar，server為war。

書寫Server端代碼，提供一個服務端點：

/** 
 * 在此處添加備注信息 
 * 
 * @author YourBatman. <a href=mailto:yourbatman@aliyun.com>Send email to me</a> 
 * @site https://yourbatman.cn 
 * @date 2021/9/12 15:29 
 * @since 0.0.1 
 */ 
@ServerEndpoint("/websocket/chat") 
public class WsServer { 
 
    // 當前連接上來的連接們（每一個連接都是一個WsServerDemo實例，包含一個Session會話） 
    private static Set<WsServer> webSocketSet = new CopyOnWriteArraySet<>(); 
    // 會話 
    private Session session; 
 
    /** 
     * 建連成功的回調 
     */ 
    @OnOpen 
    public void onOpen(Session session) { 
        this.session = session; 
        webSocketSet.add(this); // 保存當前連接 
        System.out.println("Server有新連接加入！當前在線人數為" + webSocketSet.size()); 
    } 
 
    /** 
     * 連接關閉調用的方法 
     */ 
    @OnClose 
    public void onClose() { 
        webSocketSet.remove(this); 
        System.out.println("Server有一連接關閉！當前在線人數為" + webSocketSet.size()); 
    } 
 
    /** 
     * 收到客戶端消息后調用的方法 
     */ 
    @OnMessage 
    public void onMessage(String message) throws IOException { 
        System.out.println("Server來自客戶端的消息:" + message); 
        sendMessage("會話[" + session.getId() + "]的消息已經收到，內容為：" + message); 
        // // =======群發消息========= 
        // for (WsServerDemo item : webSocketSet) { 
        //     try { 
        //         item.sendMessage(message); 
        //     } catch (IOException e) { 
        //         continue; 
        //     } 
        // } 
    } 
 
    /** 
     * 發生錯誤時調用 
     */ 
    @OnError 
    public void onError(Throwable error) { 
        System.out.println("Server發生錯誤：" + error.getMessage()); 
    } 
 
    /** 
     * 發送消息 
     */ 
    public void sendMessage(String message) throws IOException { 
        this.session.getBasicRemote().sendText(message); 
    } 
 
} 

我這里簡便起見，使用web容器直接實現。有興趣/想深究websocket的同學，可使用org.eclipse.jetty.websocket:javax-websocket-server-impl通過API方式去啟動Server，本文只演示用該方式啟動client哈，二者兼顧嘛。

使用編程方式書寫client端代碼：

/** 
 * 在此處添加備注信息 
 * 
 * @author YourBatman. <a href=mailto:yourbatman@aliyun.com>Send email to me</a> 
 * @site https://yourbatman.cn 
 * @date 2021/9/12 15:31 
 * @since 0.0.1 
 */ 
@ClientEndpoint 
public class WsClient { 
 
    // 會話（與服務端建立的會話） 
    private Session session; 
 
    /** 
     * 建連成功的回調 
     */ 
    @OnOpen 
    public void onOpen(Session session) throws IOException { 
        this.session = session; 
        System.out.println("Client連接到服務端成功，會話ID：" + session.getId()); 
        sendMessage("這是一條來自Client端，會話["+session.getId()+"]的消息"); 
    } 
 
    @OnMessage 
    public void onMessage(String message) { 
        System.out.println("Client端收到消息: " + message); 
    } 
 
    @OnClose 
    public void onClose() { 
        System.out.println("Client會話" + session.getId() + "已斷開"); 
    } 
 
    /** 
     * 發送消息 
     */ 
    public void sendMessage(String message) throws IOException { 
        this.session.getBasicRemote().sendText(message); 
    } 
} 

用main方法啟動Client端，去連接Server端并發送消息：

public class ClientApp { 
 
    private static URI uri = URI.create("ws://localhost:8080/websocket/chat"); 
    private static Session session; 
 
    public static void main(String[] args) throws DeploymentException, IOException, InterruptedException { 
        WebSocketContainer container = ContainerProvider.getWebSocketContainer(); 
 
        // 順序執行5次會話，端口后再建立新會話 
        for (int i = 0; i < 5; i++) { 
            session = container.connectToServer(WsClient.class, uri); 
            session.close(); 
            TimeUnit.SECONDS.sleep(2); 
        } 
    } 
} 

client端控制臺日志：

Client連接到服務端成功，會話ID：1 
Client端收到消息: 會話[0]的消息已經收到，內容為：這是一條來自Client端，會話[1]的消息 
Client會話1已斷開 
Client連接到服務端成功，會話ID：2 
Client端收到消息: 會話[1]的消息已經收到，內容為：這是一條來自Client端，會話[2]的消息 
Client會話2已斷開 
Client連接到服務端成功，會話ID：3 
Client端收到消息: 會話[2]的消息已經收到，內容為：這是一條來自Client端，會話[3]的消息 
Client會話3已... 

server端控制臺日志：

Server有新連接加入！當前在線人數為1 
Server來自客戶端的消息:這是一條來自Client端，會話[1]的消息 
Server有一連接關閉！當前在線人數為0 
Server有新連接加入！當前在線人數為1 
Server來自客戶端的消息:這是一條來自Client端，會話[2]的消息 
Server有一連接關閉！當前在線人數為0 
Server有新連接加入！當前在線人數為1 
Server來自客戶端的消息:這是一條來自Client端，會話[3]的消息 
Server有一連接關閉！當前在線人數為0 

說明：本文特意使用Java應用作為Client端是想讓你更深刻的理解WebSocket的用法，實際場景中，其實大都是B/S模式，通過JavaScript作為客戶端建立連接(相對簡單)。

工程源代碼：https://github.com/yourbatman/BATutopia-java-ee

JSTL

Java server pages standarded tag library，即JSP標準標簽庫。主要提供給Java Web開發人員一個標準通用的標簽庫，開發人員可以利用這些標簽取代 JSP頁面上的Java代碼，從而提高程序的可讀性，降低程序的維護難度。

JSTL強依賴于JSP的存在而存在。

JSTL和EL表達式的目的是一樣的：取代JSP頁面上寫Java代碼。它比EL更為強大些，可以完成一些結構化邏輯任務，如：迭代、條件判斷、XML文檔操作、國際化、SQL等，下面簡要介紹其主要標簽。

• 核心標簽：也是著名C標簽。在JSP文件開頭引入c標簽<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>，支持的常用函數有：

1. <c:out>：用于在頁面輸出 
 - <c:out value="expression" default="expression" escapeXml="boolean"/> 
2. <c:if>：邏輯判斷 
 - <c:if test="expression" var="name" scope="scope">   
       body content   
   </c:if> 
3. <c:choose>：邏輯判斷。when和otherwise的父標簽 
4. <c:when>： <c:otherwise>： 
 - <c:choose>   
     <c:when test="expression">   
         body content   
     </c:when>   
  ... 
     <c:otherwise>   
      body content   
  </c:otherwise>   
   </c:choose> 
  
5. <c:foreach>： 
 - <c:forEach var="name" items="expression" varStatus="name" begin="expression" end="expression" step="expression">   
       body content   
   </c:forEach> 
 
6. <c:url>：使用可選的查詢參數創造一個URL地址 
7. <c:set>：設置數據 
8. <c:remove>：刪除數據 

• 格式化標簽：可對數字、日期時間等格式化。<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>，主要函數：

1. <fmt:formatNumber>：格式化數字 
2. <fmt:parseNumber>：解析字符串到數字、貨幣、百分比 
3. <fmt:formatDate>： 
4. <fmt:parseData>： 

• JSTL函數：一般用于輔助標簽控制行為。<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>，主要函數：

1. fn:contains：判斷字符串是否包含另外一個字符串  
 - <c:if test="${fn:contains(name, searchString)}"> 
2. fn:indexOf：子字符串在母字符串中出現的位置  
 - ${fn:indexOf(name, '-')} 
3. fn:toLowerCase：轉為小寫 
 - ${fn.toLowerCase(product.name)} 

• SQL標簽，<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %>。主要函數：

1. <sql:setDataSource>、<sql:query>、<sql:update> 

• XML標簽，<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %>。主要函數：

1. <x:parse>、<x:if>、<x:forEach> 

除此之外，還提供了擴展點：自定義標簽。

<!-- javax命名空間版本（Tomcat 9.x及以下版本支持） --> 
<dependency> 
    <groupId>javax.servlet.jsp.jstl</groupId> 
    <artifactId>jstl-api</artifactId> 
    <version>1.2</version> 
</dependency> 
 
<!-- jakarta命名空間版本（Tomcat 10.x及以上版本支持） --> 
<dependency> 
    <groupId>jakarta.servlet.jsp.jstl</groupId> 
    <artifactId>jakarta.servlet.jsp.jstl-api</artifactId> 
    <version>2.0.0</version> 
    <!-- <version>1.2.7</version> 此版本命名空間同javax --> 
</dependency> 

說明：之前可能需要有jstl.jar和standard.jar兩個Jar，但從1.2版本后這一個GAV即可。當然嘍，99.99%情況下該jar無需你導入，由web容器負責

版本歷程

JSTL也依賴于JSP而存在，所以和JSP版本有強關系。

JSTL 1.2版本可斷定是最后一個版本，因為JSP已走到盡頭，所以它也會隨之消亡。

生存現狀

同JSP。

實現(框架)

與Servlet相同的Web容器，由Web容器提供解析能力。如tomcat的標簽庫實現：http://tomcat.apache.org/taglibs

代碼示例

實在沒有應用場景了，略。

工程源代碼：https://github.com/yourbatman/BATutopia-java-ee

總結

WebSocket作為長連接的輕量級解決方案，會是B/S的新寵，一舉替掉之前的長輪訓等方案。滾滾長江東逝水，這或許就印證著技術在進步，時代在發展。

作為老一輩程序員的我，對EL表達式、JSTL這類技術依舊有記憶存留，但新時代的程序員可能沒有必要再接觸。本文就當做自留地，封存這段學習的記憶吧。

本文轉載自微信公眾號「BAT的烏托邦」