デコードネストされたJSON値（0.18）

Question

を考えると、次の種類：

type alias Wrapper = 
    { data : Data } 

type alias Data = 
    { name : String } 

そして、次のJSON：

{"data": {"name": "Keith"}} 

私は私がHTTPを有効にすることを可能にするデコーダを書くことができますどのようにWrapperエイリアスのインスタンスへの応答？

私は、実行可能なソリューションを見つけることなく、コアライブラリJson.Decode.PipelineとJson.Decode.Extraを使用していくつかのアプローチを試みました。これは、エンドユーザーの問題点巻き上げ

：

になり

dataDecoder = 
    succeed Data 
     |> andMap (field "name" Decode.string) 

wrapperDecoder = 
    succeed Wrapper 
     |> andMap (field "data" dataDecoder) 

：

BadPayload "Expecting an object with a field named name but instead got: {\"data\":{\"name\":\"foo\"}}" { status = { code = 200, message = "OK" }, headers = Dict.fromList [("cache-control","max-age=0, private, must-revalidate"),("content-type","application/json; charset=utf-8")], url = " http://localhost:5000//users/foo ", body = "{\"data\":{\"name\":\"foo\"}}" }

EDITここ

は私の最新の試みです。 I はで正しいデコーダをHttp.postに渡しましたが、Http.sendは実際にはHttp.postをラップする関数を呼び出していませんでした。 Doh。

Answer 1

あなたのデコーダはあなたの例の入力に対して正常に動作しますが、あなたが取得しているエラーメッセージは、エラーメッセージがnameというフィールドを探しているので、あなたは、あなたのHTTP呼び出しではなく、wrapperDecoderでdataDecoderを使用しようとしていると信じて私をリード。

succeedとandMapがあなたのデコーダを構築するために使用することができますが、あなたはmapとによって得ることができます。

dataDecoder : Decoder Data 
dataDecoder = 
    Decode.map Data (field "name" string) 

wrapperDecoder : Decoder Wrapper 
wrapperDecoder = 
    Decode.map Wrapper (field "data" dataDecoder) 

Answer 2

チャド・ギルバートが書いたように、あなたのデコーダが細かいです：https://ellie-app.com/kDX99XRbta1/0

へdoublecheck、タイプ注釈をデコーダに追加：

dataDecoder : Decoder Data 
dataDecoder = ... 

wrapperDecoder : Decoder Wrapper 
wrapperDecoder = ... 

あなたが本当にwrapperDecoder（Http.post apiUrl body wrapperDecoder）を使用している場合は、エラーのためのもう一つの可能​​性があります：

{"data": {"data": {"name": "foo"}}} 

あなたがこれをdoublecheckことができます：あなたのAPIエンドポイントは、異なる形状のようなものがデータを返すことは？ （Chromeのウェブインスペクタなど）