Как добавить пользовательские параметры заголовка к вызову API GET в clojurescript - PullRequest
Новая
       25

Как добавить пользовательские параметры заголовка к вызову API GET в clojurescript

0 голосов
/ 11 апреля 2019

Я создаю демонстрационное приложение в clojurescript с помощью KeeFrame, и для получения части информации для этого веб-сайта мне нужно вызвать внешний API, который требует настраиваемого параметра заголовка HTTP в запросах GET

Я использую re-frame.core для вызовов API, который использует ajax.core. Я также попытался заменить это cljs-http.client. Однако результат тот же. Мне уже удалось добавить пользовательские параметры заголовка в заголовок запроса, используя clj-http на сайте сервера. Но это не решение, которое я хочу реализовать для этого веб-сайта, потому что это означает, что мне сначала нужно перестроить API, который я вызываю. Так что я могу использовать его из моего clojurescript без параметра.

Этот код работает. Правильный запрос GET генерируется 

{:http-xhrio {
 :method          :get
 :uri             (str transuri "/acquirer/" 673072009 "/acquirerref/" acquirerRefNo)
 :headers         {"Accept" "application/json"}
 :response-format (http/json-response-format {:keywords? true})
 :on-failure      [:common/set-error]}}

С "Accept: application / json" в качестве заголовка запроса

Этот код не работает. Вместо запроса GET генерируется запрос OPTIONS 

{:http-xhrio {
 :method          :get
 :uri             (str transuri "/acquirer/" 673072009 "/acquirerref/" acquirerRefNo)
 :headers         {"Accept" "application/json" "Custom" "Value"}
 :response-format (http/json-response-format {:keywords? true})
 :on-failure      [:common/set-error]}}

А в заголовке запроса «Accept: application / json» не видно, но «Access-Control-Request-Headers: custom» равно

Я ожидал GET-запроса с «Accept: application / json» и «Custom: Value» в заголовке запроса.

Может кто-нибудь сказать мне, что я делаю неправильно или предоставить мне ссылку с информацией об этом?

Заранее спасибо

Ответы [ 2 ]

0 голосов
/ 11 апреля 2019

Браузер отправит «предварительный» запрос ОПЦИИ, чтобы убедиться, что ему разрешено отправлять «Пользовательский» заголовок запроса.Предполагается, что сервер должен подтвердить запрос «Access-Control-Allow-Headers».

См. https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

0 голосов
/ 11 апреля 2019

Я не использовал KeeFrame, но у меня есть рабочий пример, использующий новую re-frame lib, над которой я работаю.Он вызывает ajax-запрос с использованием этого перехватчика: 

(def ajax-intc
  "Interceptor for performing AJAX requests"
  (interceptor
    {:id    :ajax-intc
     :enter identity
     :leave (fn [ctx] ; #todo (with-result ctx ...)
              (let [ajax (:ajax ctx)]
                ;(t/spyx :ajax-intc-start ctx)
                ;(t/spyx :ajax-intc-start ajax)
                (when-not (nil? ajax)
                  (t/spy :awt-ajax-intc--ajax ajax)
                  (let [method            (t/grab :method ajax)
                        uri               (t/grab :uri ajax)
                        ajax-opts-present (set/intersection (set (keys ajax)) ajax-options-keys)
                        opts-map          (t/submap-by-keys ajax ajax-opts-present)]
                    ;(t/spy :ajax-intc-ready (t/vals->map method uri opts-map))
                    (condp = method
                      :get (do
                             (t/spy :awt-ajax-intc--opts-map opts-map)
                             (ajax/GET uri opts-map))
                      :put (ajax/PUT uri opts-map)
                      :post (ajax/POST uri opts-map)
                      (throw (ex-info "ajax-intc: unrecognized :method" ajax))))))
              ctx)}))

При вызове с этим событием: 

  (flame/dispatch-event [:ajax-demo :get "/fox.txt"
                         {:handler       ajax-handler
                          :error-handler ajax-error-handler
                          :headers       {"custom" "something"}
                          }])

в консоли разработчика Chrome видно, что заголовки проходят через: 

:awt-localstore-load-intc--loaded-value-1 {}
core.cljs:192 :awt-ajax-intc--ajax => {:method :get, :uri "/fox.txt", :handler #object[flintstones$core$ajax_handler], :error-handler #object[flintstones$core$ajax_error_handler], :headers {"custom" "something"}}
core.cljs:192 :awt-ajax-intc--opts-map => {:handler #object[flintstones$core$ajax_handler], :error-handler #object[flintstones$core$ajax_error_handler], :headers {"custom" "something"}}

Если вы хотите попробовать это, вы можете клонировать этот репозиторий: git@github.com: cloojure / cljs-enflame.git

и затем запустить: 

lein clean
lein figwheel

и посмотрите, как он работает в браузере.

...