Практика використання сторонніх ресурсів на прикладі Google Translate

20

Від автора: в даному уроці хотів би показати Вам, як можна використовувати різні сторонні ресурси для вирішення поставлених завдань на прикладі сервісу від компанії Google Translate.

Отже, на прикладі сервісу від компанії Google Translate ми з Вами попрактикуємось в відправки запитів на віддалений сервіс. Подивимося, як можна дізнатися які дані необхідно відправити, щоб отримати правильний результат. У даному уроці ми з Вами створимо свій простенький перекладач на основі сервісу від Google.

Практика використання сторонніх ресурсів на прикладі Google TranslateПрактика використання сторонніх ресурсів на прикладі Google Translate

Але знову ж таки повторюся – мета уроку не у створенні сценарію перекладача! Я хотів би навчити Вас взаємодіяти зі сторонніми ресурсами. Для сьогоднішнього уроку я підготував наступну сторінку:

Практика використання сторонніх ресурсів на прикладі Google Translate

За своїм кодом вона дуже проста. Файл index.php містить чистий html-код:

Перекладач

Мова джерело:
Мова
Мова перекладу:
Мова

Перевести

І нарешті, файл стилів style.css, який визначає оформлення сторінки. Його код я наводити не буду. Ви його зможете подивитися в исходниках до уроку. Так само Ви, напевно, помітили, що я вже підключив бібліотеку jQuery, яка нам надалі знадобитися. І порожній файл script.js, в якому ми будемо зберігати сценарії на мові JavaScript.

Огляд сервісу

Отже, давайте подивимося на сервіс від Google Translate. Для цього перейдемо на сторінку http://translate.google.ru/.

Практика використання сторонніх ресурсів на прикладі Google Translate

Це online перекладач, за допомогою якого можна перекласти як окремі слова, так і словосполучення, речення і тексти. Давайте спробуємо, що то перевести. Дивіться ,як тільки ми вводимо слово, відразу ж дані відправляються на сервер, за допомогою методу AJAX. І якщо ми відкриємо консоль плагіна Firebug для браузера Mozilla Firefox, то ми зможемо відслідкувати відправлення запиту:

Практика використання сторонніх ресурсів на прикладі Google Translate

Тобто ми бачимо, що запит відправляється на сервер за адресою translate.google.ru/translate_a/ з певним набором даних.

Файл конфігурації

Першим ділом створимо файл конфігурації, в якому будемо зберігати деякі налаштування. Вміст файлу config.php:

«Арабський»,
«da»=>»Датський»,
«en»=>»Англійська»,
«fr»=>»Французький»,
«it»=>»Італійський»,
«bg»=>»Болгарський»,
«de»=>»Німецький»,
«es»=>»Іспанський»,
«hi»=>»Хінді»,
«ja»=>»Японський»,
«no»=>»Норвезька»,
«ro»=>»Румунська»,
«zh-cn»=>»Китайський»,
«cs»=>»Чеський»,
«el»=>»Грецький»,
«fi»=>»Фінська»,
«hr»=>»Хорватська»,
«ko»=>»Корейський»,
«pl»=>»Польський»,
«ru»=>»Російський»,
«zh-tw»=>»Китайський»,
«nl»=>»Голландський»,
«pt»=>»Португальська»,
«sv»=>»Шведський»,
«uk»=>»Український»
);
?>

Як Ви бачите, спочатку визначаємо константу URL, в якій буде зберігатися адреса для запиту. І створимо масив $lang, в якому будуть збережені мови перекладу та їх коди. На сервер відправляється саме код мови. Тепер давайте на головній сторінці виведемо в випадаючому списку мов для перекладу (звичайно, не забуваємо підключити файл конфігурації у файлі index.php). Мова фрази для перекладу:

Мова джерело:
$val) Практика використання сторонніх ресурсів на прикладі Google Translate >