百度翻译API使用教程（前端+后端）

1.资格获取

首先我们需要登录百度翻译开放平台，获取开发者资格：

访问

百度翻译开放平台

然后进行注册（如果有百度账号的话可以直接登录）

注册成功后点击“产品服务”：

跳转到通用文本API界面：

在页面底部点击“立即使用”即可选择服务进行使用

通用文本API有三种服务可供选择：

个人用户可以使用前两种，高级版的使用需要个人认证（实名认证）

2.简单使用

点击“管理控制台”，打开“开发者信息”界面：

即可看到你的APP ID和密钥信息，在调用接口的时候需要用到；

点击“我的服务”中的通用文本翻译，即可看到服务使用情况及明细

如果对于翻译的术语有特殊要求，可以点击“我的语料库”，并新建术语库：

这样我们设置的术语即可干预翻译结果；

3.编程实现

百度翻译开放平台

前往以上网址查看通用翻译API的开发文档

3.1 前端代码

开发环境：Vue.js + Uniapp

（uniapp快速上手：uni-app官网）

通过一个文本输入框接受输入内容，然后调用后端接口，进行翻译：

1. <template>
2. <view>
4. <uni-easyinput
5. type="textarea"
6. v-model="translate_source"
7. placeholder="请输入想要翻译的内容"
8. suffixIcon="search"
9. borderColor="grey"
10. @input="input">uni-easyinput>
12. <button type="primary" class="translate_button" @click="translate">开始翻译button>
14. <view style="margin-top: 50rpx;">
15. <uni-section title="翻译内容如下:" type="line" class="translate_line">
16. <view class="translate_answer">
17. <textarea disabled="true" :value="translated_content">textarea>
18. view>
19. uni-section>
20. view>
21. view>
22. template>
24. <script>
25. export default {
26. data() {
27. return {
28. translate_source:"",
29. translated_content:""
30. }
31. },
32. methods: {
33. translate()
34. {
35. var q = this.translate_source
36. var from = "en"
37. var to = "zh"
39. var url = "http://localhost:8081/translate"
40. if (q.length == 0)
41. {
42. uni.showModal({
43. title:"错误!",
44. content:"输入内容不能为空!",
45. complete() {
46. this.translate_source = ""
47. }
48. })
49. }
50. else{
51. let that = this
52. uni.request({
53. url:url,
54. method:"POST",
55. data:{
56. q:q,
57. from:from,
58. to:to
59. },
60. success(e) {
61. var result = e.data.trans_result[0].dst;
62. that.translated_content = result;
63. },
64. fail(){
65. uni.showModal({
66. title:"错误!",
67. content:"网络错误!",
68. complete() {
69. this.translate_source = ""
70. }
71. })
72. }
73. })
74. }
75. }
76. }
77. }
78. script>

需要传往后端的请求参数有：

3.2 后端代码

开发环境：springboot + Hutools

我使用的是正式版的idea，社区版的springBoot需要自己搭建，搭建教程可以自行搜索，需要使用正式版idea可以参考评论区的地址进行下载；

首先创建springBoot项目：

仓库管理以及JDK版本视自己情况而定，本示例中用的是Maven仓库，JDK17；

SpringBoot版本默认即可，可以勾选上Spring Web：

注意：3.1.0版本的springboot可能需要使用JDK17才行

使用Maven的话需要本地安装maven，到file-settings-Mavens中查看是否有本地maven，如果需要修改的话改一下maven的路径以及settings.xml配置文件的路径；对于maven的安装这里不再赘述，其他教程很多，如果遇到问题可以留言

其次如果遇到JDK版本的问题，可以打开file-project Structure，查看project和modules的JDK、SDK版本

要确保版本统一（因为如果安装过多个版本的JDK，可能初始化的时候会有问题）

配置完成后可以启动Application查看是否正常

然后在pom.xml文件中导入Hutools的依赖：

1. <dependency>
2. <groupId>cn.hutoolgroupId>
3. <artifactId>hutool-allartifactId>
4. <version>5.7.16version>
5. dependency>

（Hutools是一个Java工具类库，还是挺好用的）

之后就可以进行接口开发了，代码如下：

1. @RestController
2. public class TranslationController {
4. @PostMapping("/translate")
5. public Object translate(@RequestBody Map data)
6. {
7. //获取请求参数
8. String q = data.get("q");
9. String from = data.get("from");
10. String to = data.get("to");
11. //随机数
12. Random random = new Random(10);
13. String salt = Integer.toString(random.nextInt());
14. //MD5加密
15. //自定义的全局变量 appid和密钥
16. String appid = BaiduContent.APPID + q + salt + BaiduContent.SECRET;
17. String sign = SecureUtil.md5(appid);
19. //封装请求参数
20. MultiValueMap paramMap = new LinkedMultiValueMap<>();
21. paramMap.add("q",q);
22. paramMap.add("from",from);
23. paramMap.add("to",to);
24. paramMap.add("appid",BaiduContent.APPID);
25. paramMap.add("salt",salt);
26. paramMap.add("sign",sign);
27. String url = "http://api.fanyi.baidu.com/api/trans/vip/translate";
28. //封装请求头
29. HttpHeaders headers = new HttpHeaders();
30. headers.setContentType(MediaType.APPLICATION_FORM_URLENCODED);
32. HttpEntity> httpEntity = new HttpEntity<>(paramMap,headers);
34. //调用百度翻译API，发送请求，得到结果
35. RestTemplate restTemplate = new RestTemplate();
36. ResponseEntity