i18next를 사용하기 위해 내 HTML을 구성하는 방법은 무엇입니까?

Question

나는 클라이언트 측에서 nodejs, express 및 HTML을 가진 어플리케이션을 가지고있다. i18next를 사용하여 프로젝트를 내부화하고 싶습니다. nodejs 쪽에서, 괜찮아요, i18next가 필요하고 시작했습니다.

var i18n = require('i18next'), 
app = express(); 
i18n.registerAppHelper(app); 
i18n.init({lng: "en-US"}, function(t){ 
var trad = i18n.t("trad.key1"); 
console.log("trad = " + trad); 
}); 

콘솔 로그에서 translation.json을 trad.key1 변수로 변환했습니다. 맞습니다.

질문 : i18next를 클라이언트 측 HTML 페이지에서 사용하려면 어떻게해야합니까? jQuery를 사용하여 몇 가지 예를 발견했지만 사용하지 않았습니다.

도움 주셔서 감사합니다.

Answer 1

완료되었습니다.

HTML 파일에서 아래처럼 i18next.js와 init i18n을 참조해야했습니다. init i18n에서 알 수 있듯이 올바른 translation.json을 지정했습니다.

<script type="text/javascript" src="i18next/i18next.js"></script> 
<script> 
    window.onload = function() { 
     i18n.init({ 
      lng: "en-US", 
      resGetPath:"locales/__lng__/translation.json" 
     },function(t) { 
      var translate = i18n.t("var.key1"); 
     });  
    }; 
</script> 

그게 전부입니다.