翻译接口的使用,百度翻译接口和yandex翻译接口的详细说明

2018-4-1 10:51:20 2,524 views

翻译接口

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

国外的翻译接口

https://tech.yandex.com/translate/
进入页面后,注册下
api
点击第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:你要翻译的文本。你可以将其替换。

响应状态码

code

百度的翻译接口

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

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

接口使用

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

接口文档规范

api

百度接口比较麻烦的就是需要签名,对具体的值进行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

 

例如要在APP.VUE上使用,则在app.vue中引入
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,可以看下

0

No Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。