ウェブとアプリの言語状態を同期する

目次

• 概要
• 設定方法
  • WOVN.io ウィジェットの言語を設定してアプリの選択を反映する
  • アプリの言語を設定して WOVN.io ウィジェットの選択を反映する

概要

ウェブとアプリ間でエンドユーザが選択した言語状態を共有します。

インフォメーション
本ページの用語について
ウェブ：Webview を指します。WOVN.io ウィジェットを用いて翻訳します。
アプリ：Native アプリを指します。WOVN.app SDK を用いて翻訳します。

設定方法

WOVN.io ウィジェットの言語を設定してアプリの選択を反映する

onCreate の中にWebViewのJavaScriptとDomStorageを有効にして、WebViewClientのonPageFinishedにchangeLangのコードを付きます

protected void onCreate(Bundle savedInstanceState) {

webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setDomStorageEnabled(true);

webView.loadUrl(LOAD_URL);

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        webView.loadUrl("javascript:WOVN.io.changeLang('" + Wovn.getCurrentLangCode() + "');");
    }
});
}

アプリの言語を設定して WOVN.io ウィジェットの選択を反映する

changeLang JavascriptInterface を WebView に追加します。

      webView.addJavascriptInterface(new Object() {
            @JavascriptInterface
            public void changeLang(String langCode) {
                setSelectedLangCode(langCode);
            }
        }, "AndroidInterface");
    }

ユーザーは、Wovn.changeLang(langCode) への呼び出しとともにアプリの言語を更新するため、setSelectedLangCode(langCode) を任意の方法に置き換える必要があります。