Für diejenigen unter Ihnen, die Laravel-basierte Websites besitzen, ist die Bereitstellung präziser und natürlicher Übersetzungsinhalte sehr wichtig, um Ihre Website zu übersetzen und eine gute Benutzererfahrung zu bieten.
Glücklicherweise stehen mehrere automatische Übersetzungsdienste zur Verfügung, um Entwicklern bei der Bewältigung dieser Herausforderung zu helfen, darunter Google Cloud AI API Translation und Google Translate. Beide Dienste bieten Übersetzungsfunktionen mithilfe von Maschinentechnologie.
In diesem Artikel untersuchen wir die Hauptunterschiede zwischen der Implementierung von Google Cloud AI Translation und Google Translate für Laravel -Anwendungen und empfehlen die besten Übersetzungsdienste für Ihre Laravel -Website.
Was sind Google Cloud AI API-Übersetzung & Google Translate?
Bevor wir in die Diskussion einsteigen, werden wir die jeweiligen Bedeutungen der Übersetzungen von Google Cloud AI API und Google Translate besprechen.
Google Cloud AI API-Übersetzung
Google Cloud AI API Translation ist ein fortschrittlicher automatischer Übersetzungsdienst , der von Google Cloud Platform bereitgestellt wird. Dieser Dienst nutzt die neuesten Technologien der künstlichen Intelligenz (KI) und des maschinellen Lernens, um präzise und natürliche Übersetzungen von Text, Sprache und Dokumenten zu liefern.
Die Google Cloud AI API-Übersetzung verwendet neuronale Übersetzungsmodelle auf Basis von Deep Learning, wodurch sprachliche Nuancen und Kontexte besser erfasst werden können und idiomatischere Übersetzungen entstehen, die dem tatsächlichen Sprachgebrauch entsprechen. Darüber hinaus ist die Nutzung der Google Cloud AI-Übersetzung für bis zu 500.000 Zeichen kostenlos, während für die nächsten 75.000 Zeichen Kosten in Höhe von 20 US-Dollar pro Million Zeichen anfallen.
Google Übersetzer
Google Translate ist ein seit langem bestehender und weithin bekannter automatischer Textübersetzungsdienst. Es verwendet einen traditionelleren statistischen Übersetzungsansatz, der Übersetzungen auf der Grundlage von Mustern und Wahrscheinlichkeiten generiert, die aus großen Trainingsdatensätzen gelernt wurden.
Obwohl es in Bezug auf Genauigkeit und den Umgang mit sprachlichen Nuancen nicht so fortschrittlich ist wie die Google Cloud AI API Translation, bleibt Google Translate aufgrund seiner Benutzerfreundlichkeit und der kostenlosen Verfügbarkeit für nicht-kommerzielle Nutzung eine beliebte Wahl.
Implementieren Sie die Google Cloud AI API-Übersetzung auf Laravel
Mehrere Übersetzungsdienste, darunter Linguise, nutzen KI-Übersetzung -Cloud-Technologie, um Websites zu übersetzen.
Der Sprachübersetzungsdienst verwendet die Cloud-KI-API als eine seiner Übersetzungstechnologien. Im Folgenden finden Sie die Implementierungsschritte auf der Laravel Website. Wir gehen hier davon aus, dass Sie bereits eine fertige Laravel Projekt-Website haben.
Linguise -Konto erstellen
Um Linguise zu nutzen, müssen Sie ein Konto registrieren . Sie können dies kostenlos tun oder ein Monats- oder Jahresabonnement abschließen. Sie müssen lediglich Informationen wie Ihre E-Mail-Adresse, Ihren Benutzernamen und Ihr Passwort angeben.
Laravel Website-Info hinzufügen
Fügen Sie danach Informationen über die Website hinzu, die Sie verwenden werden, geben Sie Ihre Linguise -Kontoinformationen und die Web-URL ein, wählen Sie die Laravel -Plattform aus und fügen Sie die Standardsprache und die Sprache hinzu, die Sie zur Website hinzufügen möchten.
Laden Sie dann das PHP-Skript über die folgende Schaltfläche herunter und speichern Sie es auf Ihrem lokalen Computer.
Hochladen und Konfigurieren des PHP-Skripts
Nach dem Herunterladen des Skripts entpacken Sie es und laden es in den Stammordner hoch, in dem Laravel installiert ist. Stellen Sie sicher, dass es sich im Stammverzeichnis Ihrer Laravel -Installation befindet (normalerweise dort, wo sich Ihre CMS-Dateien befinden). Stellen Sie sicher, dass der Ordner “linguise” heißt (der Standardname beim Entpacken des Ordners).
Dann muss der Linguise API-Schlüssel in die Datei …/linguise/Configuration.php kopiert werden, die Sie auf Ihren Server hochgeladen haben. Bearbeiten Sie die Datei und fügen Sie Ihren API-Schlüssel zwischen die Anführungszeichen ein, wobei Sie den Text REPLACE_BY_YOUR_TOKEN ersetzen.
Skript für den Sprachumschalter einfügen
Fügen Sie als Nächstes das Sprachumschalt-Skript ein, das Sie vom Linguise -Dashboard erhalten haben.
Eingefügt in die Datei front.blade.php im Verzeichnis resources/views/layouts/. Hier ist eine Vorschau des eingefügten Skripts.
.htaccess konfigurieren
Zuletzt müssen sprachbasierte URLs in der .htaccess-Datei konfiguriert werden. Wenn Ihre Datei “RewriteBase /” enthält, kopieren Sie einfach den folgenden Code und fügen Sie ihn nach dieser Zeile ein.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
Erledigt. An diesem Punkt haben Sie die Cloud AI API Translation erfolgreich auf dem Linguise -Dienst implementiert. Jetzt können Sie die Laravel -Website überprüfen. Ein Standard-Sprachumschalter wird angezeigt, und Sie können den Sprachumschalter für Laravel über das Dashboard anpassen.
Google Translate auf Laravel implementieren
Jetzt werden wir versuchen, Google Translate in Laravelzu implementieren. Wir gehen davon aus, dass Sie erfolgreich ein Laravel -Projekt erstellt haben und nur Google Translate hinzufügen müssen.
Die folgenden Installationsschritte finden Sie auch auf der offiziellen Laravel Website.
Google Translator-Paket installieren
Um das Google Translator Package zu installieren, öffnen Sie die Projekteingabeaufforderung und geben Sie den folgenden Befehl ein. Dieses Paket ermöglicht es Ihnen, die Funktionen von google-translator-language zu nutzen.
composer require stichoza/google-translate-php
Einrichtung des Google Translator Pakets
Wir müssen das “Google Translator Package” innerhalb der Anwendung einrichten. Öffnen Sie die Datei app.php im Ordner /config, suchen Sie den Abschnitt “aliases” und fügen Sie die folgende Codezeile hinzu.
/*
|--------------------------------------------------------------------------
| Class Aliases
|--------------------------------------------------------------------------
|
| This array of class aliases will be registered when this application
| is started. However, feel free to register as many as you wish as
| the aliases are "lazy" loaded so they don't hinder performance.
|
*/
'aliases' => Facade::defaultAliases()->merge([
// 'Example' => App\Facades\Example::class,
'GoogleTranslate' => Stichoza\GoogleTranslate\GoogleTranslate::class,
])->toArray(),
Einrichtung des Sprachcontrollers
Sie müssen eine Sprachcontroller-Datei wie die folgende erstellen
php artisan make:controller LangController
Es wird die Datei LangController.php im Ordner /app/Http/Controllers erstellt.
<?php
namespace App\Http\Controllers;
use Illuminate\Contracts\View\View;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\App;
class LangController extends Controller
{
public function index(): View
{
return view('lang');
}
public function change(Request $request)
{
App::setLocale($request->lang);
session()->put('locale', $request->lang);
return redirect()->back();
}
}
Blade-Template-Datei erstellen
Navigieren Sie zum Ordner /resources/views und erstellen Sie eine Datei namens lang.blade.php. Öffnen Sie die Datei und fügen Sie den folgenden Code ein.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laravel 10 Create Multi Language Website Tutorial</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> <script type="litespeed/javascript" data-src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="application/ld+json" class="gnpub-schema-markup-output">{"@context":"https:\/\/schema.org\/","@type":"NewsArticle","@id":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/#newsarticle","url":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/","image":{"@type":"ImageObject","url":"https:\/\/www.linguise.com\/wp-content\/uploads\/2024\/05\/Implement-Google-Cloud-AI-API-translation-vs-Google-Translate-for-Laravel-150x150.png","width":150,"height":150},"headline":"Implement Google Cloud AI API translation vs Google Translate for Laravel","mainEntityOfPage":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/","datePublished":"2024-05-31T07:32:47+00:00","dateModified":"2024-08-26T19:19:15+00:00","description":"For those of you who own Laravel-based websites, providing accurate and natural translation content is very important to translate your website and offer a good","articleSection":"Guide","articleBody":"For those of you who own Laravel-based websites, providing accurate and natural translation content is very important to translate your website and offer a good user experience.\nFortunately, several automatic translation services are available to help developers overcome this challenge, including Google Cloud AI API Translation and Google Translate. Both services offer translation capabilities using machine technology.\nIn this article, we will explore the main differences between implementing Google Cloud AI Translation and Google Translate for Laravel applications and recommend the best translation services for your Laravel website. \t\t\n\t\t\tWhat are Google Cloud AI API translation & Google Translate?\n\t\t\n\t\tBefore entering into the discussion, we will discuss the respective meanings of Google Cloud AI API and Google Translate translations.\t\t\n\t\t\tGoogle Cloud AI API translation\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tGoogle Cloud AI API Translation is an advanced automatic translation service provided by Google Cloud Platform. This service leverages the latest artificial intelligence (AI) and machine learning technologies to deliver accurate and natural translations of text, voice, and documents.Google Cloud AI API Translation uses neural translation models based on deep learning, which allows it to capture language nuances and context better, providing more idiomatic translations that align with actual language usage. Additionally, using Google Cloud AI Translation for up to 500,000 characters is free of charge, while the next 75,000 characters will incur a cost of $20 per million characters.\u00a0\t\t\n\t\t\tGoogle Translate\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tMeanwhile, Google Translate is a long-standing and widely known automatic text translation service. It uses a more traditional statistical translation approach, which generates translations based on patterns and probabilities learned from large training datasets.Although it is not as advanced as Google Cloud AI API Translation in terms of accuracy and handling language nuances, Google Translate remains a popular choice due to its ease of use and free availability for non-commercial use.\t\t\n\t\t\tImplement Google Cloud AI API translation on Laravel\n\t\t\n\t\tSeveral translation services, including Linguise, use AI Translation cloud technology to translate websites.The language translation service uses cloud AI API as one of its translation technologies. The following are the implementation steps on the Laravel website. We assume here that you already have a ready Laravel project website.\t\t\n\t\t\tCreate Linguise account\n\t\t\n\t\tTo use Linguise, you must register an account first. You can do this for free or subscribe for one month or a year. You only need to provide information such as your email, username, and password.\t\t\n\t\t\tAdd Laravel website info\n\t\t\n\t\tAfter that, add information about the website you will use, enter your Linguise account info and web URL, select the Laravel platform, and add the default language and the language you want to add to the website.\u00a0\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tThen download the PHP script via the following button and save it on your local computer.\t\t\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tDOWNLOAD PHP-JS TRANSLATION SCRIPT\n\t\t\t\t\t\n\t\t\tUpload and configure the PHP script\n\t\t\n\t\tAfter downloading the script, unzip it and upload it to the root folder where Laravel is installed. Ensure it is located at the root of your Laravel installation (typically where your CMS files are). Ensure the folder is named \"linguise\" (the default name when the folder is unzipped).\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tThen, the Linguise API key must be copied into the \u2026\/linguise\/Configuration.php file you uploaded to your server. Edit the file and paste your API key between the quotes, replacing the text REPLACE_BY_YOUR_TOKEN.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\tInsert script of language switcher\t\t\n\t\tNext, insert the language switch script that you got from the Linguise dashboard.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tInserted into the front.blade.php file in the resources\/views\/layouts\/ directory. Here is a preview of the inserted script.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\tConfigure .htaccess\n\t\t\n\t\tLastly, language-based URLs need to be configured in the .htaccess file. If your file includes \"RewriteBase \/,\" simply copy and paste the following code after that line.\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n RewriteEngine On\n RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|\/)(.*)$ linguise\/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]\n\n\t\t\t\t\n\t\t\t\n\t\tDone. At this point, you have successfully implemented cloud AI API Translation on the Linguise service. Now, you can check the Laravel website. A default language switcher will appear, and you can customize the Language switcher for Laravel via the dashboard.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\tImplement Google Translate on Laravel\t\t\n\t\tNow we will try to implement Google Translate in Laravel. Here we assume that you have successfully created a Laravel project and just need to add Google Translate.You can also find the following installation steps on the official Laravel website.\t\t\n\t\t\tInstall Google Translator Package\n\t\t\n\t\tTo install the Google Translator Package, open the project prompt and input the following command. This package will enable you to utilize the working functions of the google-translator-language.\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tcomposer require stichoza\/google-translate-php\n\t\t\t\t\n\t\t\t\n\t\t\tSetting of Google Translator Package\n\t\t\n\t\tWe must set up the \"google translator package\" within the the application. Open the app.php file in the \/config folder, find the \"aliases\" section, and add the following line of code.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\/*\n|--------------------------------------------------------------------------\n| Class Aliases\n|--------------------------------------------------------------------------\n|\n| This array of class aliases will be registered when this application\n| is started. However, feel free to register as many as you wish as\n| the aliases are \"lazy\" loaded so they don't hinder performance.\n|\n*\/\n'aliases' => Facade::defaultAliases()->merge([\n \/\/ 'Example' => AppFacadesExample::class,\n 'GoogleTranslate' => StichozaGoogleTranslateGoogleTranslate::class,\n])->toArray(),\n\n\t\t\t\t\n\t\t\t\n\t\t\tSetup Language Controller\n\t\t\n\t\tYou need to create a language controller file like the following\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tphp artisan make:controller LangController\n\t\t\t\t\n\t\t\t\n\t\tIt will create LangController.php file inside \/app\/Http\/Controllers folder.","keywords":"","name":"Implement Google Cloud AI API translation vs Google Translate for Laravel","thumbnailUrl":"https:\/\/www.linguise.com\/wp-content\/uploads\/2024\/05\/Implement-Google-Cloud-AI-API-translation-vs-Google-Translate-for-Laravel-150x150.png","wordCount":809,"timeRequired":"PT3M35S","mainEntity":{"@type":"WebPage","@id":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/"},"author":{"@type":"Person","name":"Tristan","url":"https:\/\/www.linguise.com\/author\/tristan\/","sameAs":[],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/50d7238660b192d8d54ebf6367be5e97bb41c24dbd190daae062d931efd351ae?s=96&d=mm&r=g","height":96,"width":96}},"editor":{"@type":"Person","name":"Tristan","url":"https:\/\/www.linguise.com\/author\/tristan\/","sameAs":[],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/50d7238660b192d8d54ebf6367be5e97bb41c24dbd190daae062d931efd351ae?s=96&d=mm&r=g","height":96,"width":96}}}</script> </head>
<body>
<div class="container mt-5">
<div class="row">
<div class="col-md-12">
<div class="card w-75 m-auto">
<div class="card-header text-center bg-primary text-white">
<h4 style="font-size: 17px;">Laravel 10 Create Multi Language Website Tutorial</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-4">
<strong>Select Language: </strong>
</div>
<div class="col-md-4">
<select class="form-select changeLang">
<option value="en" {{ session()->get('locale') == 'en' ? 'selected' : '' }}>
English
</option>
<option value="fr" {{ session()->get('locale') == 'fr' ? 'selected' : '' }}>
French
</option>
<option value="ar" {{ session()->get('locale') == 'ar' ? 'selected' : '' }}>
Arabic
</option>
<option value="hi" {{ session()->get('locale') == 'hi' ? 'selected' : '' }}>
Hindi
</option>
</select>
</div>
</div>
<div style="margin-top: 20px;">
<p>{{ GoogleTranslate::trans('Welcome to Online Web Tutor', app()->getLocale()) }}</p>
<p>{{ GoogleTranslate::trans('It is a passionate and innovative Web Development Community dedicated to empowering aspiring web developers with the latest tools and techniques. Our platform offers a comprehensive range of web development courses, including PHP and its frameworks, Node.js, MySQL, Javascript and WordPress.', app()->getLocale()) }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="litespeed/javascript">var url="{{ route('changeLang') }}";$(".changeLang").change(function(){window.location.href=url+"?lang="+$(this).val()})</script> <script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script><script data-no-optimize="1">window.litespeed_ui_events=window.litespeed_ui_events||["mouseover","click","keydown","wheel","touchmove","touchstart","pointerup","pointerdown"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);function d(){o.src.startsWith("blob:")&&URL.revokeObjectURL(o.src),e()}var o=document.createElement("script");o.addEventListener("load",d),o.addEventListener("error",d),t.getAttributeNames().forEach(e=>{"type"!=e&&o.setAttribute("data-src"==e?"src":e,t.getAttribute(e))}),o.type="text/javascript",!o.src&&t.textContent&&(o.src=litespeed_inline2src(t.textContent)),t.after(o),t.remove()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1"))}return d}</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||(sessionStorage.getItem("litespeed_reloaded")?console.log("LiteSpeed: skipping guest vary reload (already reloaded this session)"):fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),sessionStorage.setItem("litespeed_reloaded","1"),window.location.reload(!0))}));</script><script data-optimized="1" type="litespeed/javascript" data-src="https://www.linguise.com/wp-content/litespeed/js/1745bed7fcdc6be1f2c39bfacf53a5fd.js?ver=1529d"></script></body>
</html>
Einstellung der Sprach-Middleware
Öffnen Sie das Projekt-Terminal und führen Sie diesen Befehl aus,
php artisan make:middleware LanguageManager
Es wird eine Datei LanguageManager.php im Ordner /app/Http/Middleware erstellt und dies eingefügt.
<?php
namespace App\Http\Middleware;
use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;
use Illuminate\Support\Facades\App;
class LanguageManager
{
/**
* Handle an incoming request.
*
* @param \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response) $next
*/
public function handle(Request $request, Closure $next): Response
{
if (session()->has('locale')) {
App::setLocale(session()->get('locale'));
}
return $next($request);
}
}
Sprach-Middleware über Kernel.php registrieren
Öffnen Sie die Datei Kernel.php im Verzeichnis /app/Http. Suchen Sie das Array $middlewareGroups und navigieren Sie zum Abschnitt web.
/**
* The application's route middleware groups.
*
* @var array<string, array<int, class-string|string>>
*/
protected $middlewareGroups = [
'web' => [
//...
\App\Http\Middleware\LanguageManager::class,
],
'api' => [
//...
],
];
Route hinzufügen
Öffnen Sie web.php aus dem Ordner /routes und fügen Sie diese Routen hinzu.
//...
use App\Http\Controllers\LangController;
//...
Route::get('lang/home', [LangController::class, 'index']);
Route::get('lang/change', [LangController::class, 'change'])->name('changeLang');
Website testen
Führen Sie diesen Befehl im Projektterminal aus, um den Entwicklungsserver zu starten.
php artisan serve
Hier ist eine Anzeige der Laravel -Website von der Website onlinewebtutorblog.com , die erstellt wurde. Wie Sie in der folgenden Anzeige sehen können, gibt es ein Google Translate-Dropdown.
So sieht es dann aus, wenn die Laravel -Website ins Arabische übersetzt wird.
Was ist der Unterschied zwischen der Implementierung von Google Cloud AI Translation & Google Translate in Laravel?
Nachdem wir die einzelnen Implementierungen der Google Cloud AI- und Google Translate-Übersetzung in Laravelverstanden haben, werden wir ihre Unterschiede diskutieren.
Installations- und Konfigurationsprozess
- Google Cloud AI API-Übersetzung: Der Installations- und Konfigurationsprozess ist komplexer, da Sie ein Projekt auf der Google Cloud Platform (GCP) erstellen, die Cloud Translation API aktivieren, ein Dienstkonto erstellen, API-Schlüssel generieren und den API-Client in Ihrer Laravel -Anwendung konfigurieren müssen. Dies umfasst mehrere Schritte und erfordert ein gültiges GCP-Konto.
- Google Translate: Installation und Konfiguration sind viel einfacher. Sie müssen lediglich ein Drittanbieter-Paket oder eine Bibliothek über Composer installieren, wie z. B. stichoza/google-translate-php. Danach können Sie den Google Translate API-Schlüssel in der Laravel -Konfigurationsdatei konfigurieren.
Übersetzungsgenauigkeit
- Google Cloud AI API Übersetzung: Dank ihrer Deep-Learning-Fähigkeiten kann diese Dienstleistung komplexe Sprachkontexte und Nuancen besser erfassen. Dies ermöglicht eine genauere Übersetzung von idiomatischen Ausdrücken, bildhaften Phrasen und Wortspielen, die nur schwer wörtlich zu übersetzen sind.
- Google Translate: hat oft Mühe, feinere Sprachkontexte und Nuancen zu erfassen, wodurch die Ergebnisse steif oder weniger natürlich klingen. Aufgrund des statistischen Ansatzes ist die Übersetzung von idiomatischen Ausdrücken oder bildhaften Phrasen oft weniger genau.
Antwortgeschwindigkeit
- Google Cloud AI API-Übersetzung: Reagiert in der Regel schneller auf Übersetzungsanfragen, da sie optimierte neuronale maschinelle Übersetzung Modelle verwendet, die auf der robusten Cloud-Infrastruktur von Google gehostet werden. Dies sorgt für schnellere Antwortzeiten, insbesondere bei längeren Texten oder großen Übersetzungsvolumen.
- Google Translate: Die Reaktionszeit auf Übersetzungsanfragen kann etwas langsamer sein, insbesondere bei längeren Dokumenten oder Texten. Der Grund dafür ist, dass es eine traditionellere Mischung aus statistischen und neuronalen Übersetzungsansätzen verwendet, die möglicherweise nicht so effizient ist wie die neuronalen Modelle, die von der Google Cloud AI API-Übersetzung verwendet werden.
Anpassungs- und Steuerungsmöglichkeiten
- Google Cloud AI API Translation: Bietet mehr Optionen zur Anpassung und Steuerung des Übersetzungsprozesses, wie das Festlegen von Übersetzungspräferenzen, das Hochladen benutzerdefinierter Glossare und den Zugriff auf die Live-Editor-Übersetzung Oberfläche, um Übersetzungsergebnisse manuell zu bearbeiten. Dies ermöglicht es Benutzern, die Übersetzungsgenauigkeit nach ihren Bedürfnissen zu verbessern.
- Google Translate: Bietet eingeschränktere Anpassungs- und Steuerungsoptionen. Nutzer müssen sich auf automatische Übersetzungsergebnisse verlassen, ohne die Möglichkeit, die Ergebnisse großartig zu bearbeiten oder direkt anzupassen.
Erweiterte Funktionen
- Google Cloud AI API-Übersetzung: Die Google Cloud AI-Übersetzungstechnologie bietet mehrere erweiterte Funktionen wie Glossar, Modellauswahl und AutoML-Modelle. Darüber hinaus verfügt sie im Kontext der Cloud-KI-Übersetzung mit Linguise über erweiterte Funktionen wie Übersetzungsausschlüsse für bestimmte Wörter wie Fachbegriffe, Markennamen usw., basierend auf Zeilen, Seiten oder URLs.
- Google Translate: Google Translate, das in Laravel installiert ist, kann keine Audiodokumente oder Ähnliches übersetzen. Es kann nur Text auf der Website in eine andere Sprache übersetzen, ohne die Möglichkeit, die Übersetzungsergebnisse zu bearbeiten.
Faktoren, die Sie bei der Auswahl eines Übersetzungsdienstes für Ihre Laravel -Website berücksichtigen sollten
Hier sind einige Überlegungen bei der Auswahl des besten Übersetzungsdienstes für Ihre Laravel -Website.
- Hohe Übersetzungsgenauigkeit – Einer der wichtigsten Faktoren ist die Genauigkeit der erzeugten Übersetzung. Wenn Ihre Website hochpräzise Übersetzungen erfordert, insbesondere für komplexe Inhalte und nuancierte Sprache, könnte Google Cloud AI API Translation eine bessere Wahl sein als Google Translate.
- Einfache Integration und Konfiguration — Erwägen Sie die Installation und Konfiguration des Übersetzungsdienstes mit Ihrer Laravel -Anwendung. Google Translate ist in der Regel einfacher zu integrieren, da es als PHP-Paket oder Bibliothek verfügbar ist. Google Cloud AI API Translation hingegen erfordert eine komplexere Konfiguration auf der Google Cloud Platform.
- Funktionen und Anpassungsoptionen – Wenn Sie zusätzliche Funktionen wie ein Glossar oder die Übersetzung spezieller Terminologie, Editor-Übersetzung -Ergebnisse oder andere Anpassungsoptionen benötigen, bietet Google Cloud AI API Translation mehr Auswahlmöglichkeiten als Google Translate.
- Geschwindigkeit und Reaktionszeit – Für Anwendungen mit großen Übersetzungsvolumen oder schnellen Antwortzeiten reagiert Google Cloud AI API Translation in der Regel schneller auf Übersetzungsanfragen als Google Translate.
- Kosten und Budget – Google Translate ist für nicht-kommerzielle Nutzung kostenlos verfügbar, während Google Cloud AI API Translation ein nutzungsbasiertes Bezahlmodell verwendet. Berücksichtigen Sie Ihr Budget und Ihr geschätztes Übersetzungsvolumen, um den kosteneffizientesten Dienst zu wählen.
- Support und Dokumentation – Berücksichtigen Sie auch den technischen Support und die Dokumentation, die für jeden Dienst verfügbar sind. Google Cloud AI API Translation bietet möglicherweise umfassendere Dokumentation und Unterstützung von Google.
Linguise, der beste Cloud-KI-Übersetzungsdienst für Laravel -Websites
Bis zu diesem Punkt kennen Sie bereits die Überlegungen zur Auswahl eines Übersetzungsdienstes für Laravel; fast alle der oben genannten Faktoren sind im Übersetzungsdienst Linguise vorhanden.
Linguise ist ein Website-Übersetzungsdienst , der Cloud-KI-Übersetzungstechnologie verwendet, um Inhaltsübersetzungen zu erstellen. Dieser Dienst kann die beste Lösung für die Übersetzung einer Laravel-basierten Website sein. Warum ist das so? Weil Linguise die oben genannten Überlegungen berücksichtigt.
- Linguise verfügt über perfekte Übersetzungsqualität. Obwohl diese Genauigkeit je nach Sprachpaar variiert, Linguise weist eine Genauigkeitsrate von fast 97% auf, ähnlich wie bei menschlicher Übersetzung.
- Linguise ist auch mit mehr als 40 CMS und Web-Buildern integriert, sowie integriert mit PHP-basierten Websites wie Laravel.
- Obwohl die Übersetzung automatisch erfolgt, verfügt Linguise über einen Live-Editor, mit dem die Übersetzungsergebnisse bearbeitet werden können. Auf diese Weise kann die Übersetzung an die geschäftlichen Anforderungen angepasst werden.
- Die Ladezeit für mehrsprachige Seiten ist nur 5 % länger als die der Seiten in der Originalsprache.
- Unser Service ist in drei Paketen von 15 $ bis 45 $ pro Monat erhältlich. Obwohl es kostenpflichtig ist, bieten wir auch eine kostenlose Testphase von 30 Tagen mit einem Limit von 600.000 Wörtern an, die übersetzt werden können.
- Schließlich unterstützt Linguise alle Formen der Kundenbetreuung, einschließlich Leitfäden, Dokumentation, Produktneuigkeiten, YouTube-Video-Tutorials und 24/7-Support-Chat.
Aus den oben genannten Punkten kann Linguise eine Cloud-KI-Übersetzungstechnologielösung für Laravelsein.
Fazit
In diesem Artikel haben wir die Hauptunterschiede zwischen der Implementierung der Google Cloud AI API Translation und Google Translate für Laravel -Webanwendungen untersucht.
Google Cloud AI API Translation zeichnet sich durch Genauigkeit und die Notwendigkeit hochpräziser Übersetzungen aus. Dieser Dienst erfordert jedoch eine komplexere Konfiguration und ist teurer als Google Translate. Andererseits bietet Google Translate eine einfache Integration, hat aber Einschränkungen bei der Genauigkeit und den Anpassungsoptionen.
Linguise erweist sich als alternativer cloudbasierter KI-Übersetzungsdienst, der mit Laravel -Websites kompatibel ist. Mit Genauigkeitsgraden, die nahezu menschlichen Übersetzungen entsprechen, Optionen für den Übersetzungseditor, schnellen Ladezeiten und umfassendem Kundensupport wird Linguise zu einer hervorragenden Übersetzungslösung für Ihre Laravel -Website.
Wenn Sie Linguise ausprobieren möchten, können Sie ein kostenloses Konto erstellen und eine 30-tägige Testphase mit einem Limit von 600.000 übersetzten Wörtern genießen. Besuchen Sie linguise.com für weitere Informationen!
