本地化應用
使用 AI Agent 構建
本地化字串應用

本地化字串應用模板
翻譯管理和多語言支持

一個在Back4app上準備好生產的本地化字串應用，包含語言、翻譯和鍵。包括ER圖、數據字典、JSON模式、API遊樂場，以及快速部署的AI代理提示。

使用 AI Agent 構建選擇您的技術

關鍵要點

此模板提供一個後端來管理翻譯和多語言鍵，讓您的團隊可以專注於提供本地化內容。

  1. 全面的本地化架構 — 以結構化、可查詢的格式建模語言、翻譯和鍵。
  2. 實時更新 — 使用 Back4app 的實時功能立即同步翻譯變更。
  3. 多語言支持 — 輕鬆管理多種語言的翻譯。
  4. 集中翻譯管理 — 從單一後端組織和控制所有翻譯字串。
  5. 跨平台本地化後端 — 通過統一的REST和GraphQL API為移動和網絡客戶端提供翻譯和鍵值服務。

什麼是本地化字串應用模板？

Back4app是一種後端即服務（BaaS），用於快速產品交付。本地化字串應用模板是一個預構建的架構，用於管理語言、翻譯和鍵。連接您偏好的前端（React、Flutter、Next.js等），加速交付。

最佳適用於：

本地化管理應用多語言內容平台翻譯和國際化工具以移動設備為優先的本地化應用程式MVP 發佈選擇 BaaS 作為本地化產品的團隊

概覽

本地化管理產品需要結構化的語言、翻譯和關鍵數據。

此模板定義了語言、翻譯和鍵值，具有即時功能和所有權規則，使團隊能夠快速實施本地化。

核心本地化字串功能

此中心的每個技術卡片都使用相同的本地化字符串後端架構，包括語言、翻譯和密鑰。

語言管理

語言類別儲存代碼和名稱。

翻譯創建和管理

翻譯類別連結鍵、值和語言。

密鑰管理

密鑰類別存儲標識符和描述。

為什麼要用 Back4app 建立您的本地化字串應用後端？

Back4app 提供語言、翻譯和關鍵原語，讓您的團隊可以專注於本地化和內容傳遞，而不是基礎設施。

  • •語言和翻譯管理: 具有代碼和名稱欄位的語言類別和用於內容管理的翻譯類別支持本地化。
  • •集中化的關鍵控制: 管理帶有描述的翻譯鍵，並允許輕鬆更新。
  • •實時 + API 靈活性: 使用 Live Queries 進行翻譯更新，同時保持 REST 和 GraphQL 可供每個客戶端使用。

在所有平台上使用一個後端合約快速構建和迭代本地化功能。

核心優勢

一個本地化管理後端，幫助您快速迭代而不犧牲結構。

快速本地化啟動

從完整的語言、翻譯和密鑰架構開始，而不是從零設計後端。

實時翻譯更新

利用實時更新以增強內容傳遞。

清晰的密鑰管理流程

管理翻譯密鑰，提供描述和輕鬆更新。

可擴展的權限模型

使用 ACL/CLP 以便只有授權用戶可以編輯翻譯和密鑰。

翻譯和密鑰數據

存儲和聚合翻譯和密鑰以便顯示和交互，無需重置架構。

AI 引導工作流程

使用一個結構化提示快速生成後端框架和集成指導。

準備好推出您的本地化管理應用程式了嗎？

讓 Back4app AI 代理為您搭建本地化後端，並從一個提示生成語言、翻譯和鍵。

使用 AI 代理構建試用 API 操作台

免費開始 — 每月 50 次 AI 代理提示，無需信用卡

技術堆疊

此本地化字符串後端模板中包含的一切。

前端
13+ 種技術
後端
Back4app
資料庫
MongoDB
身份驗證
內建身份驗證 + 會話
API
REST 和 GraphQL
實時
Live Queries

ER 圖表

本地化字串後端架構的實體關係模型。

查看圖表來源
Mermaid
erDiagram
    User ||--o{ TranslationKey : "createdBy"
    TranslationKey ||--o{ TranslationString : "translationKey"
    Language ||--o{ TranslationString : "language"

    User {
        String objectId PK
        String username
        String email
        String password
        Date createdAt
        Date updatedAt
    }

    TranslationKey {
        String objectId PK
        String key
        String description
        Date createdAt
        Date updatedAt
    }

    TranslationString {
        String objectId PK
        Pointer translationKey FK
        Pointer language FK
        String content
        Date createdAt
        Date updatedAt
    }

    Language {
        String objectId PK
        String code
        String name
        Date createdAt
        Date updatedAt
    }

整合流程

認證、語言、翻譯和鍵的典型運行時流程。

查看圖源
Mermaid
sequenceDiagram
  participant User
  participant App as Localization String App
  participant Back4app as Back4app Cloud

  User->>App: Login
  App->>Back4app: POST /login
  Back4app-->>App: Session token

  User->>App: Create translation key
  App->>Back4app: POST /classes/TranslationKey
  Back4app-->>App: TranslationKey objectId

  User->>App: Add translation string
  App->>Back4app: POST /classes/TranslationString
  Back4app-->>App: TranslationString objectId

  User->>App: List translations
  App->>Back4app: GET /classes/TranslationString
  Back4app-->>App: Translation strings

數據字典

本地化字符串架構中每個類的完整字段級別參考。

字段類型描述必需
objectIdStringAuto-generated unique identifier自動
usernameStringUser login name
emailStringUser email address
passwordStringHashed password (write-only)
createdAtDateAuto-generated creation timestamp自動
updatedAtDateAuto-generated last-update timestamp自動

6 字段在 User

安全性和權限

ACL 和 CLP 策略如何保護語言、翻譯和鍵。

語言管理控制

只有授權用戶才能更新或刪除語言；其他人無法修改語言內容。

翻譯完整性

只有授權用戶才能創建或刪除翻譯。使用 Cloud Code 進行驗證。

範圍讀取訪問

限制翻譯讀取權限給相關方（例如，用戶在其選擇的語言中查看翻譯）。

架構（JSON）

原始 JSON 架構定義，準備複製到 Back4app 或用作實施參考。

JSON
{
  "classes": [
    {
      "className": "User",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "username": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": true
        },
        "password": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "TranslationKey",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "key": {
          "type": "String",
          "required": true
        },
        "description": {
          "type": "String",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "TranslationString",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "translationKey": {
          "type": "Pointer",
          "required": true,
          "targetClass": "TranslationKey"
        },
        "language": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Language"
        },
        "content": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Language",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "code": {
          "type": "String",
          "required": true
        },
        "name": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

使用 AI 代理構建

使用 Back4app AI 代理從此模板生成一個真正的本地化字符串應用，包括前端、後端、身份驗證、語言、翻譯和關鍵流程。

Back4app AI 代理
準備構建
在 Back4app 上創建一個具有此精確架構和行為的本地化字符串應用後端。

架構：
1. 語言：代碼（字符串，必需），名稱（字符串，必需）；objectId，createdAt，updatedAt（系統）。
2. 翻譯：鍵（指向鍵的指針，必需），值（字符串，必需），語言（指向語言的指針，必需）；objectId，createdAt，updatedAt（系統）。
3. 鍵：標識符（字符串，必需），描述（字符串）；objectId，createdAt，updatedAt（系統）。

安全性：
- 只有授權用戶可以更新/刪除語言和翻譯。使用雲代碼進行驗證。

身份驗證：
- 註冊、登錄、登出。

行為：
- 列出語言，創建翻譯，管理鍵，更新值。

交付：
- Back4app 應用，包含架構、ACLs、CLPs；語言、翻譯和鍵管理的前端。

按下面的按鈕以打開預先填寫此模板提示的代理。

這是沒有技術後綴的基本提示。您可以在之後調整生成的前端堆棧。

幾分鐘內部署每月50個免費提示不需要信用卡

API 操作台

嘗試針對本地化字符串架構的 REST 和 GraphQL 端點。回應使用模擬數據，無需 Back4app 帳戶。

正在加載遊樂場…

使用與此模板相同的架構。

選擇您的技術

展開每張卡片以查看整合步驟、狀態模式、數據模型範例和離線註釋。

Flutter 本地化字串後端

React 本地化字串後端

React 原生 本地化字串後端

Next.js 本地化字串後端

JavaScript 本地化字串後端

Android 本地化字串後端

iOS 本地化字串後端

Vue 本地化字串後端

Angular 本地化字串後端

GraphQL 本地化字串後端

REST API 本地化字串後端

PHP 本地化字串後端

.NET 本地化字串後端

每種技術都能獲得的內容

每個堆疊使用相同的本地化字串後端架構和 API 合約。

統一的本地化數據管理

輕鬆在一個地方管理語言、翻譯和鍵。

REST/GraphQL API 用於 本地化

使用靈活的API無縫集成到您的前端。

實時翻譯更新

立即在所有平台更新本地化的翻譯。

安全分享本地化

使用強大的訪問控制保護您的翻譯數據。

本地化項目的擴展性

輕鬆自定義及擴展後端以滿足您的需求。

協作翻譯工具

使團隊能夠高效地一起工作於本地化的本地化。

本地化字符串框架比較

比較所有支持的技術的設置速度、SDK樣式和AI支持。

框架設置時間本地化字符串的好處SDK 類型AI 支持
Flutter
少於5分鐘針對移動和Web的本地化字符串的單一代碼庫。Typed SDK完整
React
~3–7分鐘針對本地化字符串的快速網頁儀表板。Typed SDK完整
React 原生
快速（5分鐘）設置針對本地化字符串的跨平台移動應用程序。Typed SDK完整
Next.js
~5分鐘針對本地化字符串的伺服器渲染Web應用程序。Typed SDK完整
JavaScript
~3分鐘針對本地化字符串的輕量級Web集成。Typed SDK完整
Android
少於5分鐘針對本地化字符串的原生Android應用程序。Typed SDK完整
iOS
~3–7分鐘針對本地化字符串的原生iOS應用程序。Typed SDK完整
Vue
快速（5分鐘）設置React式Web UI用於本地化字符串。Typed SDK完整
Angular
~5分鐘針對本地化字符串的企業Web應用程序。Typed SDK完整
GraphQL
快速（2分鐘）設置靈活的GraphQL API用於本地化字符串。GraphQL API完整
REST API
~2分鐘REST API整合用於本地化字符串。REST API完整
PHP
少於5分鐘伺服器端PHP後端用於本地化字符串。REST API完整
.NET
快速（5分鐘）設置.NET後端用於本地化字符串。Typed SDK完整

設置時間反映從項目啟動到使用此模板架構進行首次翻譯查詢的預期持續時間。

常見問題

關於使用此模板構建本地化字符串後端的常見問題。

什麼是本地化字符串後端？
本地化字符串模板包括什麼？
為什麼要使用 Back4app 作為本地化管理應用程式？
如何使用 Flutter 運行語言和翻譯的查詢？
如何使用 Next.js Server Actions 創建鍵？
React Native 能夠離線緩存語言和翻譯嗎？
如何防止重複翻譯？
在 Android 上顯示語言和翻譯的最佳方式是什麼？
翻譯流程是如何從頭到尾運作的？

受到全球開發者的信賴

加入使用 Back4app 模板更快交付本地化產品的團隊

G2 Users Love Us Badge

準備好構建您的本地化字符串應用程序了嗎？

在幾分鐘內開始您的本地化管理項目。無需信用卡。

選擇技術