简单粗暴五分钟完成微信小程序国际化

最新推荐文章于 2025-08-06 04:54:23 发布

rongyili88

最新推荐文章于 2025-08-06 04:54:23 发布

阅读量1.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信多语言支持

本文链接：https://blog.youkuaiyun.com/baidu_31405631/article/details/95164354

本文介绍了一种简单粗暴的方法，通过在微信小程序的App全局数据`globalData`中存储多语言资源，结合`wx.getSystemInfo`获取手机语言，实现在每个页面`onShow`时自动调整为相应语言，确保了无论手机语言如何切换，页面语言都能随之变化。

前言

做的微信小程序忽然让准备下中英两种文字的国际化，目前官方未提供实现方法，自己简单粗暴来了一套，鉴于QA刁钻的测试手法，需要自然是无论怎么切换只要手机语言变了，页面自然也要变语言。

思路

超级简单粗暴，首先把语言的资源文件放在App的globalData中，然后在页面onShow的时候使用wx.getSystemInfo方法拿到手机的语言，然后将对应语言资源放在data中即可

实现

一 app.js 的globalData中加入多语言资源

 globalData: {
    userInfo: null,
    langList : {
      'zh': {
        'language': '简体中文',
        'login': '登录',
        'logout': '登出',
        'pay': '支付',
        'changeLanguage': '切换语言',
        'search': '搜索',
        'address': '地址',
        'contacts': '联 系 人',
        'phone': '联系电话',
        'motto': '您好'
      },

      'en': {
        'language': 'English',
        'login': 'Login',
        'logout': 'Logout',
        'pay': 'Pay',
        'changeLanguage': 'ChangeLanguage',
        'search': 'Search',
        'address': 'Address',
        'contacts': 'Contacts',
        'phone': 'Phone',