【微信小程序】项目开发-----百度翻译API接口开发微信翻译小程序

最新推荐文章于 2024-08-11 22:45:00 发布

Jock.Liu

最新推荐文章于 2024-08-11 22:45:00 发布

阅读量7.1k

点赞数 10

分类专栏：项目开发文章标签：百度翻译API接口开发微信翻译小程序百度翻译接口实现

本文链接：https://blog.csdn.net/JockLiu/article/details/93376100

版权

本文档介绍了如何在微信小程序环境中，利用百度翻译API接口进行项目开发。涉及开发环境设置、JavaScript语言的使用，以及包括app.js、app.json、api.js等在内的配置文件详细步骤。同时，涵盖了翻译主页和历史查看主页的实现，提供了完整的源码下载链接。

摘要由CSDN通过智能技术生成

开发环境：

微信开发者工具 V1.02.1902010版本以上

开发语言：

JavaSript语言，HTML语言

API接口：

百度翻译开发平台开放接口

界面预览：

开发：

基础配置：

1.app.js

App({
  onLaunch: function () {
    // 展示本地存储能力
    this.globalData.curLang = wx.getStorageSync('curLang') || this.globalData.langList[0]
  },
  globalData: {
    curLang: {},
    langList: [
      {
        'chs': '英文',
        "lang": 'en',
        "index": 0
      },
      {
        'chs': '中文',
        'lang': 'zh',
        "index": 1
      },
      {
        'chs': '日语',
        'lang': 'jp',
        "index": 2
      },
      {
        'chs': '韩语',
        'lang': 'kor',
        "index": 3
      },
      {
        'chs': '法语',
        'lang': 'fra',
        "index": 4
      },
      {
        'chs': '德语',
        'lang': 'de',
        "index": 5
      },
      {
        'chs': '俄语',
        'lang': 'ru',
        "index": 6
      },
      {
        'chs': '泰语',
        'lang': 'th',
        "index": 7
      },
      {
        'chs': '西班牙语',
        'lang': 'spa',
        "index": 8
      },
      {
        'chs': '阿拉伯语',
        'lang': 'ara',
        "index": 9
      },
      {
        'chs': '意大利语',
        'lang': 'it',
        "index": 10
      },
      {
        'chs': '葡萄牙语',
        'lang': 'pt',
        "index": 11
      }
    ]
  }
})

2.app.json

{
  "pages": [
    "pages/index/index",
    "pages/change/change",
    "pages/history/history"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#000080",
    "navigationBarTitleText": "Hi 翻译",
    "navigationBarTextStyle": "white",
    "backgroundColor": "#4b3c96"
  },
  "tabBar": {   
    "borderStyle": "white",
    "position": "bottom",
    "color": "#bfbfbf",
    "selectedColor": "#1c1b21",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "文本翻译",
        "iconPath": "imgs/icon-1.png",
        "selectedIconPath": "imgs/sel-icon-1.png"
      },
      {
        "pagePath": "pages/history/history",
        "text": "历史记录",
        "iconPath": "imgs/icon-2.png",
        "selecte