tmariaz

tmariaz

My API which authenticates via auth0 and returns the access_token. During the callback, the access_token throws invalid_token error. Not sure what is going on.

Here are my codes.

router.ex

scope "/auth", PxrfWeb do
    pipe_through [:browser]

    get "/:provider", AuthController, :request
    get "/:provider/callback", AuthController, :callback
  end

config.exs

config :pxrf, Pxrf.Auth.Guardian,
  issuer: "https://myissuer.xx.auth0.com/",
  secret_key: "xxxxxxxx"

auth_controller.ex

...
def callback(%{assigns: %{ueberauth_auth: auth}} = conn, %{"state" => state} = _params) do
    IO.inspect(auth)

   token = auth.extra.raw_info.token.access_token
    
    case Pxrf.Auth.Guardian.decode_and_verify(token) do
      {:ok, claims} ->
        user = Accounts.get_user_by_username(claims["sub"])
        
      {:error, _reason} ->
        nil
    end
end
...

When I run the following

iex> Guardian.decode_and_verify("eyJasds-----access-token-")
{:error, :invalid_token}

Been breaking my head for the past couple of days and can’t figure it out what is wrong. Looks like all my configuration and setup in the auth0 application seems to be correct. But still no luck.

Showing Posts 1 to 10

tmariaz

tmariaz OP

Tried 2 methods

Method 1

  1. Login via frontend to auth0
  2. Read the token and pass it to api
  3. Backend API is to validate the token

Method 2

  1. Send the request from api to auth0
  2. Callback should validate the return struct
  3. There the token shows invalid_token when decoding it.

Not sure which method is correct?

codeanpeace

codeanpeace

Are you using this Auth0 Ueberauth strategy?
https://github.com/achedeuzot/ueberauth_auth0

If so, take a look at the callback functions in auth_controller.ex from the ueberauth example repo:

  def callback(%{assigns: %{ueberauth_failure: _fails}} = conn, _params) do
    conn
    |> put_flash(:error, "Failed to authenticate.")
    |> redirect(to: "/")
  end


  def callback(%{assigns: %{ueberauth_auth: auth}} = conn, _params) do
    case UserFromAuth.find_or_create(auth) do
      {:ok, user} ->
        conn
        |> put_flash(:info, "Successfully authenticated.")
        |> put_session(:current_user, user)
        |> configure_session(renew: true)
        |> redirect(to: "/")


      {:error, reason} ->
        conn
        |> put_flash(:error, reason)
        |> redirect(to: "/")
    end
  end
tmariaz

tmariaz OP

Yes I am using ueberauth_auth0 Strategy.

config.exs

config :ueberauth, Ueberauth,
  providers: [
    auth0: {Ueberauth.Strategy.Auth0, []}
  ]
config :ueberauth, Ueberauth.Strategy.Paypal.OAuth,
  domain: "my-domain.xx.auth0.com",
  client_id: "my+client+id",
  client_secret: "my+secret+key",

I wanted to use the Method 1 I’ve mentioned above whereby a user login with their auth0 credentials and which in return sends back the access_token. So I wanted to pass that token to my protected api. When I do that I get invalid_token error.

I have the follow pipeline and I think the error is thrown from there.

defmodule Pxrf.Auth.Pipeline do
  use Guardian.Plug.Pipeline,
    otp_app: :pxrf,
    module: Pxrf.Auth.Guardian,
    error_handler: Pxrf.Auth.GuardianErrorHandler

  
  plug Guardian.Plug.VerifySession, claims: %{"typ" => "access"}
  plug Guardian.Plug.VerifyHeader, scheme: "Bearer"
  plug Guardian.Plug.EnsureAuthenticated
  plug Guardian.Plug.LoadResource, allow_blank: true
end

Still no luck decoding and verifying the token with the following

Pxrf.Auth.Guardian.decode_and_verify(access_token)
{:error, :invalid_token}

Also tried Method 2 and with the access_token still can’t decode and verify. Am I missing something?

Btw “secret_key” and “client_secret” of Guardian and auth0 strategy is same.

codeanpeace

codeanpeace

If you peek inside the plug Guardian.Plug.VerifyHeader, you can see that it already handles decoding and verifying the header on line 92.

https://github.com/ueberauth/guardian/blob/v2.3.1/lib/guardian/plug/verify_header.ex#L92

So the invalid token error is likely from attempting to decode and verify a token that’s already been decoded and verified. If you take another look at the example in my previous post, it shows how the two callback function heads check for authentication success or failure in the conn.

tmariaz

tmariaz OP

Is that means when I pass the token it is already validated and the current_resource is set into the connection? But I’m sending a valid token which I retrieved from auth0 login. If it is validated inside VerifyHeader then it is still throwing invalid_token error. What am I doing wrong?

Let’s say if I comment out the VerifyHeader and it throws unauthenticated error.

defmodule Pxrf.Auth.Pipeline do
  use Guardian.Plug.Pipeline,
    otp_app: :pxrf,
    module: Pxrf.Auth.Guardian,
    error_handler: Pxrf.Auth.GuardianErrorHandler

  plug Guardian.Plug.VerifySession
  # plug Guardian.Plug.VerifyHeader, scheme: "Bearer", claims: %{"typ" => "access"}
  plug Guardian.Plug.EnsureAuthenticated
  plug Guardian.Plug.LoadResource, allow_blank: true
end

Error:

{
    "error": "unauthenticated"
}

I checked with jwt.io for the validity of the token and it is valid though. Still breaking my head. Sorry for being noob.

codeanpeace

codeanpeace

The token is already validated when it reaches the callback function in auth_controller.ex so you shouldn’t be calling decode_and_verify again in the controller.

The presence of the ueberauth_failure key within conn.assigns indicates that it unsuccessfully ran through the Guardian pipeline whereas the presence of ueberauth_auth indicates that it successfully ran through the Guardian pipeline, including verifying the sesson and header, ensuring authentication, and loading resource.

If you want to access claims["sub"], I suggest you IO.inspect(conn) and it should already be there.

https://github.com/achedeuzot/ueberauth_auth0/blob/de1964785a3d8dc47fba2eb850345f0028b46651/lib/ueberauth/strategy/auth0.ex#L1-L13
https://github.com/achedeuzot/ueberauth_auth0/blob/de1964785a3d8dc47fba2eb850345f0028b46651/lib/ueberauth/strategy/auth0.ex#L193-L198
So since you’re using this ueberauth_auth0 strategy, you should be able to do something like conn.private.auth0_user["sub"].

If you comment out the VerifyHeader plug, it would make sense that a subsequent plug in the pipeline e.g. EnsureAuthenticated might fail with an unauthenticated error.

tmariaz

tmariaz OP

Hey,
First of all thanks for the help. I found the problem with the Guardian algo. The current version of the algo is HS512 by default. However my token isn’t. I had to add the following algo to the config file. It partially work with VerifyHeader in the pipeline.

config.exs

config :pxrf, Pxrf.Auth.Guardian,
  allowed_algos: ["HS256"], #Added this ALGO line 
  issuer: "https://myissuer.xx.auth0.com/",
  secret_key: "xxxxxxxx"

However now I get another new problem.

pipeline.ex

Doesn’t work with claims param

plug Guardian.Plug.VerifyHeader, scheme: "Bearer", claims: %{"typ" => "access"}

Works without the claims param

plug Guardian.Plug.VerifyHeader, scheme: "Bearer"

Is it safer to do this?

But why with claims params I still get invalid_token error?

codeanpeace

codeanpeace

If it doesn’t work when specifying the claims param but works without, that suggests the "typ" key in the decoded :claims map is not actually set to "access". Have you checked via IO.inspect to see if it’s something else? Could you share what the decoded JWT and/or conn looks like?

For example, if the decoded claims response looks like this example from the Use Access Token | Auth0 docs, then "typ" might be something like "JWT".

{
      "alg": "RS256",
      "typ": "JWT"
    }
    .
    {
      "iss": "https://example.auth0.com/",
      "aud": "https://api.example.com/calendar/v1/",
      "sub": "usr_123",
      "scope": "read write",
      "iat": 1458785796,
      "exp": 1458872196
    }
tmariaz

tmariaz OP

Yea… I get "typ":"JWT" so can I change the claim to JWT instead of access?

Decoded JWT

{
  "alg": "HS256",
  "typ": "JWT"
}
{
  "iss": "https://myissuer.xx.auth0.com/",
  "sub": "my_user_id",
  "iat": 1678777790,
  "exp": 1678864190
}
codeanpeace

codeanpeace

Yup, what you pass into claims option gets checked against the decoded token.

* `claims` - The literal claims to check to ensure that a token is valid
           ...
           claims_to_check <- Keyword.get(opts, :claims, %{}),
           ...
           {:ok, claims} <- Guardian.decode_and_verify(module, token, claims_to_check, opts) do

https://github.com/ueberauth/guardian/blob/master/lib/guardian/plug/verify_header.ex

source: guardian/lib/guardian/plug/verify_header.ex at master · ueberauth/guardian · GitHub

Try this:
plug Guardian.Plug.VerifyHeader, scheme: "Bearer", claims: %{"typ" => "JWT"}

Where Next? Top

Trending in Questions Top

stjefim
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
New
Blokh
Hey guys, I’ve got a huge CSV ( around 10 GB ) that needs to be processed hourly Do you guys have any suggestions what is the best prac...
New
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
Onor.io
I have what I’ve heard referred to as a “lookup table” in my database. This is a way of assigning codes to common values. One common lo...
New
jaybe78
Hello, I’m developing a online persistent chat system (what’s app) like using elixir/dynamodb/aws for a mobile app(flutter). The diffic...
New
Trolleger
What approach to take when sending live updates to “random” users Hi! I have a question, I have a little chat app, and when I create a DM...
New
widianto
I think I’ve found a small improvement I could contribute to &lt;%= web_namespace %&gt;.CoreComponents (installer/templates/phx_web/compo...
New

Other Trending Topics Top

garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
mcass19
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
wintermeyer
There are three potential reasons for members of this forum to have a look at https://vutuv.de You are tired or annoyed of LinkedIn. Yo...
New
webofbits
Aludel - LLM Evaluation Workbench Aludel is an embeddable Phoenix LiveView dashboard for evaluating and comparing LLM prompts across mult...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews