We recently saw the great article of Locastic on this tricky subject of implementing translations in API and specifically in API Platform
API Platform, API Platform everywhere!
We recently saw the great article of Locastic on this tricky subject of implementing translations in API and specifically in API Platform
For one of our project, we also find a pretty neat solution to implement intl in our beloved API Platform!
First of all, we have locale parameters and locale Entity to manage locales stuff and language reference.
We add some parameters:
You can also use Locale Entity and add new locales in database. The Locale Entity has priority over parameters. If there is no Locale in database, it will use parameters config.
Our Locale Entity š
A little LocaleRepository to handle the switch between config and parameters:
Note: We use autowiring to pass parameters parametersDefaultLocale and parametersAvailableLocales to the constructor.
Now we need to translate our EntitiesĀ !
We choose to use Doctrine Translatable Extension to manage our Translatable Entities.
Pretty simple! We only followed the Doctrine Translatable Extension doc to give our translatable behavior to our Entities. Here is an example of a translatable entity:
Pretty easy, isnāt it? š
But how can this work? Where is the magic trick? How can I know which locale is use or how can I add new languages and translations?
Here is the magic trick, we have a LocaleListener!
When you call the API (GET, POST, PUT, PATCH), you want to retrieve data (or post data) for a specific locale. You can do this by passing the locale in the header of your request:
X-LOCALE: fr
If your locale is null or not supported, it will use the default locale.
ā¤ļø I love this solution because it is simple and use standard library such as Doctrine Translatable which is mainly use in Symfony application.
Add to that, it is stateless and stay REST compliant (when we GET/POST/PUTā¦ we stay in the Entity context).
If you want multi-language editable field, just create it with your favorite frontend framework and change the header X-LOCALE to the correct language on the POST/PUT request.
For example, we retrieve available locales through the API locale endpoint to display flags š«š· and edit button āļø. When you click on edit button, it will go to the edit form with the correct language data thanks to the correct X-LOCALE header in the GET request. And when you submit the form, it calls a PUT on the entity with the correct X-LOCALE header set to the selected languageĀ !
Example of frontendĀ UI
Note: with the approach we have the same entity id for all languages. The company id=42 will always be the company 42 in different languages. Only Translatable Annotated field will change. So be sure it is ok with your use case. I donāt think there is a unique and perfect solution for the intl problem.
Thanks for reading and feel free to ask anything in comment! š
From Medium:
Medium
Demo Repository:
Nightbr
/
api-intl
Symfony4 flex with API platform with Doctrine Translatable: https://medium.com/@titouanbenoit/internationalization-with-api-platform-the-other-way-5ce9c446737f
api-intl
Top comments (2)
Thanks for the article. I think setting the locale in the headers is problematic, though, because the same REST request returns different results. Among other things, this makes caching impossible. I guess if users are always in the same language it's fine, but often it's helpful to have the option to switch languages, especially if you're looking at automated translations and want to go back to the original.
thank you very much