Cara membina aplikasi berbilang bahasa menggunakan Go dan React

Pembangunan Internet telah menjadikan komunikasi dan kerjasama global lebih erat, jadi sokongan berbilang bahasa menjadi semakin penting apabila membangunkan aplikasi. Dalam artikel ini, kami akan memperkenalkan cara membina aplikasi berbilang bahasa menggunakan bahasa Go dan React.

1. Mengapakah sokongan berbilang bahasa penting?

Sokongan berbilang bahasa ialah ciri penting aplikasi moden, terutamanya untuk aplikasi perniagaan, dan merupakan salah satu faktor utama untuk menarik pengguna. Apl tanpa sokongan berbilang bahasa tidak akan dapat memenuhi keperluan pengguna global dan boleh mengakibatkan churn.

2. Idea asas menggunakan bahasa Go dan React untuk membina aplikasi berbilang bahasa

Bahasa Go telah menjadi bahasa yang digunakan oleh semakin ramai pembangun kerana kecekapan, kesederhanaan dan fungsi konkurensi yang kuat. React ialah rangka kerja JavaScript berdasarkan pengaturcaraan komponen yang boleh membantu pembangun membina program Web dengan lebih cekap.

Untuk membina aplikasi berbilang bahasa, kami perlu membenamkan perpustakaan sokongan berbilang bahasa dalam kod hujung belakang bahasa Go dan dalam kod bahagian hadapan React, kami perlu menggunakan komponen antarabangsa React untuk mencapai sokongan silang bahasa.

3. Bahagian belakang bahasa Go untuk melaksanakan sokongan berbilang bahasa

Dalam bahasa Go, kami boleh menggunakan perpustakaan pihak ketiga untuk melaksanakan sokongan berbilang bahasa dengan cepat. Pilihan yang baik ialah i18n-go. Perpustakaan menyokong penggunaan format seperti csv, JSON dan yaml untuk menyimpan teks berbilang bahasa, dan menyediakan API yang mudah digunakan dan prestasi pantas.

Berikut ialah contoh menggunakan perpustakaan i18n-go:

package main

import (
    "github.com/nicksnyder/go-i18n/v2/i18n"
    "golang.org/x/text/language"
)

func main() {
    translator := i18n.NewLocalizer(i18n.NewBundle(language.English), "zh-CN")
    fmt.Println(translator.MustLocalize(&i18n.LocalizeConfig{
        DefaultMessage: &i18n.Message{
            ID:    "example.message",
            Other: "This is an example message.",
        },
    }))
}

Dalam contoh ini, kami menggunakan fungsi NewLocalizer untuk mencipta penukar. Fungsi ini menerima maklumat tempat dan objek Himpunan yang mengandungi maklumat teks berbilang bahasa dan mengembalikan objek Penyetempat. Objek Penyetempat ini boleh digunakan untuk menukar maklumat teks untuk disesuaikan dengan tempat yang berbeza.

4. React front-end untuk mencapai sokongan berbilang bahasa

Dalam React, anda boleh menggunakan perpustakaan pengantarabangsaan pihak ketiga react-intl untuk mencapai sokongan berbilang bahasa. Perpustakaan menyediakan beberapa komponen untuk memformat tarikh, masa, dsb., dan juga menyediakan komponen 9176131e88278c9abc69a18795f27be9

Berikut ialah contoh menggunakan perpustakaan react-intl:

import React from "react";
import { defineMessages, FormattedMessage } from "react-intl";

const messages = defineMessages({
  hello: {
    id: "hello",
    defaultMessage: "Hello World!"
  },
  goodMorning: {
    id: "good.morning",
    defaultMessage: "Good Morning, {name}!"
  }
});

const Hello = () => {
  return (
    <>
      <h1>
        <FormattedMessage {...messages.hello} />
      </h1>
      <p>
        <FormattedMessage {...messages.goodMorning} values={{ name: "Tom" }} />
      </p>
    </>
  );
};

Dalam contoh ini, kami mentakrifkan dua mesej teks berbilang bahasa: hello dan goodMorning, yang digunakan untuk memaparkan kandungan yang berbeza . Dalam komponen tersebut, kami menggunakan komponen FormattedMessage untuk memformat dan memaparkan dua teks berbilang bahasa ini.

5. Ringkasan

Dalam artikel ini, kami memperkenalkan cara membina aplikasi berbilang bahasa menggunakan bahasa Go dan React. Dalam bahasa Go, kami menggunakan perpustakaan i18n-go untuk melaksanakan sokongan berbilang bahasa, dan perpustakaan react-intl dalam React untuk memaparkan teks berbilang bahasa. Dengan sokongan kedua-dua perpustakaan ini, kami boleh membina aplikasi dengan cepat dengan sokongan berbilang bahasa untuk memenuhi keperluan pengguna global.

Atas ialah kandungan terperinci Cara membina aplikasi berbilang bahasa menggunakan Go dan React. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!