翻译接口

我的demo中使用了2种翻译接口一个是国外的（有时候比较慢），一个是百度的（配置会稍微麻烦点）

国外的翻译接口

https://tech.yandex.com/translate/
进入页面后，注册下

点击第3步的获取api key

接口文档规范

具体的可以参考下面这个链接
https://tech.yandex.com/translate/doc/dg/reference/translate-docpage/

接口使用

https://translate.yandex.net/api/v1.5/tr.json/translate?key=apikey&lang=en&text=text

接口属性

apikey：将apikey换成你获取到的apikey 。
lang：en为要转换为的语言，它是自动检测原文的。如果你这里输入中文，它就会翻译为英文，当然你也可以拼接字符串，将其替换成你想要的语言。
支持的语言在下面链接中
https://tech.yandex.com/translate/doc/dg/concepts/api-overview-docpage/
text：你要翻译的文本。你可以将其替换。

响应状态码

百度的翻译接口

http://api.fanyi.baidu.com/api/trans/product/index
点击立即使用，你必须先注册成为百度翻译开发者。

注册好以后登录
http://api.fanyi.baidu.com/api/trans/product/desktop?req=developer
也就是控制台,这里有app id，和秘钥，后面要用

接口使用

"http://api.fanyi.baidu.com/api/trans/vip/translate?q=" + text+ "&from=auto&to=" + lang+ "&appid="+appId +"&salt=" + sa + "&sign=" + sign

接口文档规范

百度接口比较麻烦的就是需要签名，对具体的值进行md5加密
我这里使用的是vue-cli

这里有2种方式使用md5

1.

npm install --save js-md5

main.js中导入

import md5 from 'js-md5'
Vue.prototype.$md5 = md5

在其他vue中使用

this.$md5("");

2.

npm install --save js-md5

import md5 from 'js-md5'

md5("");

百度翻译接口具体的案例

          //text 为你要翻译的文本 
          //lang 为你要翻译成的语言 
          var sa = (new Date).getTime();
          var appId = appId ; //替换为你的appId，这里必须是字符串,不然会报54001错误
          var key = key ;//替换为你的key
          var str1 = appId + text + sa + key;
          var sign = this.$md5(str1);
   this.$jsonp("http://api.fanyi.baidu.com/api/trans/vip/translate?q="+text+ "&from=auto&to=" + lang+ "&appid="+appId +"&salt=" + sa + "&sign=" + sign).then((a) => {
           console.log(a.trans_result[0].dst);//输出译文
          });
//这里涉及到了跨域，要么配置跨域，要么直接jsonp请求

如果报错了，或者定制自己的api，可以看下