Как использовать XMLHttpRequest в GWT? - PullRequest
0 голосов
/ 28 августа 2018

XMLHttpRequest является альтернативой для HTTP-вызовов со стороны клиента GWT и позволяет контролировать все аспекты запросов / ответов. Но как это использовать? адрес Javadoc: http://www.gwtproject.org/javadoc/latest/com/google/gwt/xhr/client/class-use/XMLHttpRequest.html

1 Ответ

0 голосов
/ 29 августа 2018

Вы не упомянули, какую версию GWT вы используете, поэтому я предполагаю самую последнюю. Это означает, что 2.8.2 или новее.

Элементаль2 - это путь

Как уже упоминалось в комментариях выше, Elemental2 - правильный путь. Я объясню это немного.

Если вы думаете о реализации, ориентированной на будущее (зная о GWT3 / J2CL новом подходе), пожалуйста, не используйте устаревшие GWT. Это значит, пожалуйста, используйте elemental2.dom.XMLHttpRequest вместо com.google.gwt.xhr.client.XMLHttpRequest (тот, который вы упомянули). Пожалуйста, не используйте gwt-user зависимость, если это возможно, так как она будет устарела (если это еще не сделано).

Elemental2 - это проект с открытым исходным кодом, доступный здесь: https://github.com/google/elemental2. Это своего рода базовая библиотека для "нового GWT". Для облегчения миграции существующих проектов GWT2.x на GWT3.x часть «старого» * ​​1018 * в настоящее время переносится на новый подход с использованием техники JsInterop и упоминается Elemental2. Так что определенно Elemental2 - это путь.

Elemental2 и JsInterop в целом

Спецификация еще не настолько богата, если говорить о новом подходе JsInterop, но на данный момент вы найдете, по крайней мере, некоторое введение: http://www.gwtproject.org/doc/latest/DevGuideCodingBasicsJsInterop.html

Примеры

Пожалуйста, найдите пример для XMLHttpRequest в этой статье: http://www.g -widgets.com / 2016/09/09 / GWT-HTTP-запросы-альтернативы /

Если вы ищите примеры, хороший способ - поискать это на сайте Github следующим образом: https://github.com/search?q=elemental2.dom.XMLHttpRequest&type=Code.

(Чтобы использовать поиск Github, вам необходимо войти в систему, в противном случае вы увидите «Вау! Вы вызвали злоупотребление, бла-бла ...»)

Один из результатов приведет вас к очень интересному проекту (у вас есть предварительный просмотр будущего GWT сейчас): https://github.com/gwtproject/gwt-http. Это Перспективный порт старого модуля com.google.gwt.http.HTTP GWT. Это поможет перенести проекты GWT2.x в GWT3.x.

Когда вы посмотрите на тестовый пакет, вы найдете несколько примеров: https://github.com/gwtproject/gwt-http/tree/master/src/test/java/org/gwtproject/http/client. Итак, наконец-то ответ на ваш вопрос : «Как это использовать?» : -)

Дополнительные примеры источник для XMLHttpRequest (с использованием Elemental2) из Gist: https://gist.github.com/search?utf8=%E2%9C%93&q=elemental2.dom.XMLHttpRequest. Это, вероятно, даже лучше для начала, так как они короткие и четкие.

Что такое Elemental2?

Elemental2 предоставляет вам проверенный тип доступа к API нативного браузера. Так что, если вы знакомы с API браузера, вы сможете реализовать свои вещи, даже на основе какого-то собственного примера JavaScript. Пожалуйста, подумайте о новом GWT, как о безопасном типе JavaScript (кроме того, он очень производительный и хорошо оптимизированный). С JsInterop вы создаете привязки, так что это похоже на привязки для TypeScript. Так что на самом деле у вас есть возможность напрямую работать с API браузера, без каких-либо специфических особенностей GWT.

Библиотеки? Больше примеров ...?

Работа с XMLHttpRequest - немного низкий уровень.

У вас также есть возможность использовать библиотеку. Один из результатов поиска Github приведет вас к этому репозиторию: https://github.com/ibaca/autorest-streaming-example, который является примером для интересной библиотеки REST: https://github.com/intendia-oss/autorest. Современный и реактивный, работает с Observables, RxJava и так далее. Эта библиотека использует JsInterop, а также перенесена на Elemental2, что делает ее GWT3 / J2CL готовой, см. Изменение: https://github.com/intendia-oss/autorest/commit/58516802cd42134544e6e3787207b5431fae94b5.

Благодаря поисковому запросу Github, который я вам предоставил, теперь вы можете найти еще больше примеров кода для XMLHttpRequest. Поэтому, пожалуйста, просто посмотрите и найдите лучший вариант для ваших нужд.

Альтернативным подходом было бы использование фреймворка, например, Errai из RedHat: http://erraiframework.org/. Это поможет вам справиться со многими проблемами на другом уровне абстракции.

Думаю, теперь у вас есть ссылки на учебу.

С другой стороны, это 2018, так почему бы не Fetch API?

Когда думаешь о современном веб-приложении, я бы предпочел Fetch API вместо XMLHttpRequest. Все современные браузеры теперь реализуют функцию fetch() изначально. Разве это не лучший способ решить вашу проблему?fetch() - это механизм, основанный на Promise, который позволяет выполнять сетевые запросы, аналогичные XMLHttpRequest. Обещания и Fetch обрабатываются Elemental2. Затем вы можете использовать его из своего Java-кода более или менее таким же образом, как в примерах Mozilla.

Подробнее о Fetch API здесь:

Более того, в этом нет ничего нового. Если в старых браузерах polyfill будет эмулировать отсутствующую функцию: https://github.com/github/fetch.

Если говорить о примерах, я не вижу так много на Github: https://github.com/search?utf8=%E2%9C%93&q=elemental2.dom.DomGlobal+fetch&type=Code, но хоть что-то.

Fetch API представляется наиболее актуальным решением проблемы.

Пожалуйста, найдите очень простой пример fetch () с использованием Elemental2.

Раздел импорта:

import static elemental2.dom.DomGlobal.fetch;
import static elemental2.dom.DomGlobal.console;
import elemental2.dom.Response;

Тогда используйте в своем коде:

    fetch("https://randomuser.me/api/?gender=female&results=1")
            .then(Response::json)
            .then(data -> {
                console.log(Global.JSON.stringify(data));
                return null;
            }).
            catch_(error -> {
                console.log(error);
                return null;
            });

В результате вы должны увидеть что-то вроде этого:

{"results":[{"gender":"female","name":{"title":"mrs","first":"caroline","last":"coleman"},"location":{"street":"3703 new road","city":"swansea","state":"leicestershire","postcode":"ZH67 0YS","coordinates":{"latitude":"14.7870","longitude":"-107.8990"},"timezone":{"offset":"-6:00","description":"Central Time (US & Canada), Mexico City"}},"email":"caroline.coleman@example.com","login":{"uuid":"25357d90-cce4-4fe6-a3db-8ab77c0272ba","username":"smallpeacock582","password":"citizen","salt":"VX3s05Ah","md5":"84649cce1db8c6f2cbe33098221aa570","sha1":"005abf7d2ca0ff5b1a0bfd6dcee6d4860ef6e75d","sha256":"caadff0a16e27b0d9893aea483aedc7cf7c4707096c33a58acf44336bb2b54be"},"dob":{"date":"1978-03-14T15:47:16Z","age":40},"registered":{"date":"2013-08-10T19:09:41Z","age":5},"phone":"015396 74385","cell":"0726-723-103","id":{"name":"NINO","value":"JA 32 24 22 P"},"picture":{"large":"https://randomuser.me/api/portraits/women/45.jpg","medium":"https://randomuser.me/api/portraits/med/women/45.jpg","thumbnail":"https://randomuser.me/api/portraits/thumb/women/45.jpg"},"nat":"GB"}],"info":{"seed":"98f4f4a344470fbd","results":1,"page":1,"version":"1.2"}}

Вы можете дополнительно преобразовать результат в объект Java, используя технику, называемую JsInterop DTO. Если вы заинтересованы, пожалуйста, найдите некоторую информацию здесь: https://stackoverflow.com/a/50565283/5394086.

Не рекомендуется подход

Если вы, к сожалению, предпочитаете использовать старый GWT, поэтому <= 2.7, то я думаю, что вы можете искать некоторые примеры на Github, используя похожий поисковый запрос, но для этого устаревшего com.google.gwt.xhr.client.XMLHttpRequest. В этом случае я бы также предложил вам не делать вещи такого низкого уровня, а использовать библиотеку типа <a href="https://github.com/reinert/requestor" rel="nofollow noreferrer">https://github.com/reinert/requestor (которая, к сожалению, прекращена и разработка остановлена ​​на GWT 2.7, но для этой версии GWT это, вероятно, лучший выбор). Но опять же, пожалуйста, не идите этим путем и используйте GWT> = 2.8.2 с подходом Elemental2 / JsInterop.

...