第三章 openblock-gui实现用户登录2(负责国际化的openblock-l10n)

前言

在上一章我们留下了一个报错"Missing message: “gui.menuBar.loginButton” for locale: “zh-cn”, using default message as fallback."对吧，本章我们将解决它。本章我们将修改负责国际化的openblock-l10n。

代码编写

首先我们来到openblock的官方代码仓库https://github.com/openblockcc，往下我们会看到一个openblock-l10n 的东西，我们将它克隆到与openblock-gui相同的路径就行。
克隆openblock-l10n

git clone https://github.com/openblockcc/openblock-l10n

克隆完我们在openblock-l10n\editor\interface目录下找到zh-cn.json，这个文件负责中文，如果想修改其他内容也是一样的。打开它并在里面添加上

"gui.menuBar.loginButton": 登录

每次修改完都要重新编译openblock-l10n，来到openblock-l10n的路径下打开cmd,依次执行

npm run build
npm link --force

这里解释下为什么上节课我们加了id没有起作用，因为openblock-gui默认使用官方的openblock-l10而在官方上的确实没有我们新增的id，所以不报错才怪呢。因此接下来我们要让openblock-gui使用我们本地的openblock-l10n,切换到openblock-gui的路径下，执行

npm link openblock-l10n

这样就让openblock-gui使用我们本地的l10n了，ok那么让我们重启openblock-gui

npm run start-open

来看看效果吧

怎么样这时候我们的按钮是不是不再显示defaultMessage里的内容了，而是显示"登录"，为什么呢？因为我们在openblock-l10n内加上了id等于"登录",然后它就会拿着id到openblock-l10n去找，找到内容就展示内容，否则就展示defaultMessage，并且此时可以看到浏览器也不报错了。好的本章内容就到这了，我们下章再见。

上一章
第二章 openblock-gui实现用户登录1(切换登录与未登录状态)
下一章
第四章 openblock-gui实现用户登录3(登录弹窗制作)