如何处理javascript国际化

Question

yii 框架中是否有任何机制可以翻译 javascript 源文件中的消息。

例如：

yiic message config-message.php

我可以为所有 Yii::t() 生成翻译 .php 文件。

是否可以使用相同的机制生成 .js 文件。目前，我将翻译文件返回的表包含在我的 javascript json 数据中。

Answer 1

这是我的做法。

我的应用程序的上下文很少：

• 可用语言因部分而异，并且可以通过 $availableLanguages 变量获得。
• 我创建了非常小的消息文件，以便能够公开其中一些文件而不会出现任何安全问题。然后，我创建了一个名为 $langFiles 的变量，我可以在控制器中更改该变量。

use yii\helpers\Json;
use yii\helpers\FileHelper;

$files = FileHelper::findFiles(\Yii::getAlias('@app/messages/'));
$translations = [];

// Loop into all the available languages
foreach($availableLanguages as $lang) {
    $translations[$lang] = [];

    // Get all the available message files
    foreach ($langFiles as $file) {

        // Import the php file if it exists
        $filePath = \Yii::getAlias("@app/messages/{$lang}/{$file}.php");
        $key = "app/{$file}";

        $translations[$lang][$key] = file_exists($filePath) ? include($filePath) : [];

        // Replace '.' by '_' to use the get method
        foreach($translations[$lang][$key] as $msg => $value) {
            unset($translations[$lang][$key][$msg]);

            $msg = str_replace('.', '_', $msg);
            $translations[$lang][$key][$msg] = $value;
        }
    }
}
?>

<script>
var translations = <?= Json::encode($translations) ?>;
var lang = document.getElementsByTagName('html')[0].getAttribute('lang');

function t(category, message) {
    // Get method thats works exactly like lodash
    const get = (value, path, defaultValue) => {
        return String(path).split('.').reduce((acc, v) => {
            try {
                acc = acc[v];

                if(typeof acc === 'undefined') {
                    throw "Undefined";
                }
            } catch (e) {
                return defaultValue;
            }
            return acc;
        }, value)
    }

    // Replace '.' by '_' to use the get method.
    var key = message.replace('.', '_');

    // If the translation is not found, return the original message
    console.log(lang+'.'+category+'.'+key, message);
    return get(translations, lang+'.'+category+'.'+key, message);
}
</script>

现在，我可以使用与 Yii2 中相同的语法将翻译直接翻译到我的脚本中。示例：

t('app/quotes', 'Hello World.船长讲话！')

Answer 2

没有具体的方法来处理这个问题。

例如，您可以使用 'message-id' => 生成带有数组的文件'translation'并包含正确的翻译，然后执行诸如alert($messages['itemDeleted'])之类的操作。

另一种方法是创建 javascript 视图并在其上使用 Yii::t() 函数。

Answer 3

我刚刚偶然发现了这个问题，并且使用控制器动态生成 js 代码并不是一个选择，因为您会因为在每个请求上启动额外的 PHP 进程而浪费资源。这在高流量网站上可能会出现问题。
所以我采用了不同的方法：
在 .js 消息中，消息存储在变量中，例如，

var MyJsClass = {
    lang:
    {
        foo: 'Foo',
        bar: 'Bar',
    },
    doSomething: function()
    {
        console.log(this.lang.foo);
    },  
};

如果当前语言与应用程序的源语言不同，则在视图中添加翻译：

<?php
$cs = Yii::app()->clientScript;
$cs->registerScriptFile($this->module->assetsUrl.'/js/myjsclass.js');
if (Yii::app()->sourceLanguage != Yii::app()->language) {
    $cs->registerScript('MyScriptID', '
        MyJsClass.lang.foo = \''.Yii::t('TranslationCategory', 'Translated Foo').'\';
        MyJsClass.lang.bar = \''.Yii::t('TranslationCategory', 'Translated Bar').'\';
    ');
}
?>

Answer 4

这确实是一个问题。多语言网站始终是个问题。 YII解决了php代码的问题。但js代码问题仍然存在。

我没有非常优雅的解决方案，但它有效。创建控制器/组件并使用 t() 动态生成具有本地化功能的 js 代码。

/js/get/?file=some-js-file
inlayout：

当然，每个JS都需要重写。如果使用小段代码（cs()->RegisterScript），我也使用 t()。

Answer 5

我创建了一个应该处理此问题的扩展：

http://www.yiiframework.com/extension/jstrans /

Answer 6

另一种解决方案是让 Yii 在 DOM 中包含翻译后的消息，稍后您的 JS 代码将访问该消息，因此：

1. 您不需要重复 JS 代码。
2. 翻译集中在 PHP/Yii 框架中。