前端国际化如何对中文——>英文自动化翻译小demo

非专业的国际化语言。

需求是把zh.js文件中的对象的值转换为en.js(也就是实现中英文翻译

结果:

话不多说,上技巧!

  • 首先找个免费翻译的API接口,我找的百度翻译的API接口。百度翻译开放平台
  • 百度翻译技术文档,根据来定义一些字段,从我的经历来看,需要sign签名,这个签名是每次发一次请求都不一样,appid这个参数是你注册百度翻译开发者账号之后才有的,date时间,需要根据技术文档对随机数rand字段进行拼接发请求。q参数表示对就是你要翻译的字段,from=zh to en,表示的从中文翻译成英文。目前百度翻译仅支持28国语言的翻译。
  • 从官网下载md5文件,在项目中引入后调用MD5方法对随机数进行加密处理。

接下来的工作就是代码的编写:

1、导入zh.js文件,获取文件内容

import exchange from '../insIn8/zh'

2、向百度翻译API发请求,翻译值

 3、解决本地和百度翻译API存在的跨域问题(仅适用于开发环境下)

 4、百度翻译API接口

待更新:准备写个代码自动化替换vue文件中的汉字。减少人力操作。

待更新:下来选择28国语言实现中文文件的自动化翻译。

$t(test1)
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sustyle

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值