質問内容

[質問概要] JavaScript（クライアント）とJava（サーバ）の間ででWebSocketしてsendした時、OnMessageで文字化ける

動作環境

OS：Windows7 64bit
IDE:pleiades-e4.5
JDK:1.8
Tomcat:Tomcat8
javax.websocket-api:1.1

対象ソース

GitHub
https://github.com/hidetarou2013/websocket_send_test

git clone URL

git clone git@github.com:hidetarou2013/websocket_send_test.git

eclipse4.5+Tomcat8環境で実行時の対象アプリケーションのURL

http://localhost:8080/websocket_send_test/index11.jsp

ソース抜粋

■送信処理部：クライアント側のjsファイル

UTF8 BOMなしで保存

$(function() {
    var ws = new WebSocket('ws://localhost:8080/websocket_send_test/decode');

    ws.onopen = function(e) {
        $('#send').on('click', function() {
            //ws.send('12:HogeHoge');// 問題なし
            ws.send('12:ほげ');      // 文字化けてしまう。
        });

        $('#close').on('click', function() {
            ws.close();
        });
    };
});

■受信部：サーバ側のDecoderクラスのdecodeメソッド

	@Override
	public Hoge decode(String s) throws DecodeException {
		// TODO 自動生成されたメソッド・スタブ
        System.out.println("decode");

        String[] tokens = s.split(":");

        Hoge hoge = new Hoge();
        hoge.id = Integer.parseInt(tokens[0]);
        hoge.name = tokens[1];

        return hoge;
	}

■@ServerEndpoint(value="/decode", decoders=HogeDecoder.class)なクラスの「@OnMessage」メソッド部分

    @OnMessage
    public void message(Hoge hoge) {
        System.out.println(hoge);
    }

■結果：コンソールログ

init
willDecode
decode
Hoge [id=12, name = ã»ã’]

■期待している結果は

init
willDecode
decode
Hoge [id=12, name = ほげ]

どうしても文字化けしてしまう。。

hoge.name = new String(tokens[1].getBytes("UTF8"),"UTF8");

としても、結果は改善せず。

よろしくお願いします。

行動規範の内容に同意します

回答1件

自己レスです。

これは、単純なミスでした。
そもそもHTMLレベル、JSPレベルでエンコード指定を行っていなかったためでした。
実装すれば、しっかりと渡されることが判明しました。

https://github.com/hidetarou2013/websocket_send_test/commit/96a5fa639b78f685b2bc2749512107f3409efad4

最初の表記をしっかり定義してあげれば、文字化けは起こらなくなりました。
お騒がせしました。

html
1<?xml version="1.0" encoding="utf-8" ?>
2<%@ page contentType="text/html; charset=UTF-8" %>
3<!DOCTYPE html>
4<html lang="ja">
5  <head>
6    <meta charset="utf-8" />