Ueberauth social media login on server usage on client

Hey,

Please calrify this:

So you are using phoenix in api mode?

What client are you using react vue angular ember?

Or are you using phoenix with views ?

The client is vue but would also be an ios and android
I am using phoenix with json views

I think you will have to redirect the user your desired page after the login.

Also are you using absinthe?

no i don’t
but the problem is the redirect, I am sending a json response, with the logged in user
but it shows up in the browser as a page of json from a link that points to the server from facebook or google and looks like this:

http://localhost:4000/auth/google/callback?code=4/idsaasGUxia0zA-zJpyJuR3Rl4FI9p6QV7cIH155gEJ4SXFbQmCpGi0dTcwYOuhzBfR0R80zlGB78KQSH9pV3nwc&scope=email+profile+https://www.googleapis.com/auth/userinfo.email+https://www.googleapis.com/auth/userinfo.profile&authuser=0&session_state=94ec4fa79800647bedfe1ab561ef53f771ef6831..3638&prompt=none

Can you share some code on where you think is the problem, maybe where you create a the login and also the mix.exs file to see what packages you are using?

maybe i was not clear, the problem is to how to get back to the client page at the end instead of landing on the page of the server.
I don’t know how to tackle the issue

  def callback(%{assigns: %{ueberauth_auth: auth}} = conn, _params) do
    user = basic_info(auth)

    with(
      resource = %User{} <-
        get_or_create_user(user),
      {:ok, token, _} <-
        Guardian.encode_and_sign(
          resource,
          %{},
          key: :user,
          permissions: %{user: GPermissions.max()}
        )
    ) do
      resource = Accounts.add_categories_from_settings(resource)

      unread_uninteracted_invitations_counts =
        Notifications.return_unread_uninteracted_invitations_counts(resource)

      conn
      |> put_status(200)
      |> put_view(AuthView)
      |> render(
        "logged_in.json",
        message: "Logged in!",
        token: token,
        user: resource,
        notis: unread_uninteracted_invitations_counts
      )
    else
      _ ->
        conn
        |> put_status(401)
        |> put_view(ErrorView)
        |> render("401.json", message: "Failed to authenticate.", errors: nil)
    end
  end

it is working as expected all, just that is it possible and if yes how to end up back on the client page

deps:

`      {:postgrex, "~> 0.14"},
      {:ecto, "~> 3.0.9"},
      {:comeonin, "~> 5.1"},
      {:argon2_elixir, "~> 2.0"},
      {:ueberauth, "~> 0.5"},
      {:ueberauth_identity, "~> 0.2"},
      {:guardian, "~> 1.2"},
      {:guardian_db, "~> 2.0"},
      {:arc, "~> 0.11"},
      {:arc_ecto, "~> 0.11"},
      {:trans, "~> 2.0"},
      {:hashids, "~> 2.0"},
      {:csv, "~> 2.0"},
      {:ex_aws, "~> 2.0", override: true},
      {:ex_aws_s3, "~> 2.0"},
      {:ex_aws_sns, "~> 2.0"},
      {:ex_aws_ses, "~> 2.0"},
      {:poison, ">= 1.2.0"},
      {:jason, "~> 1.1"},
      {:hackney, "~> 1.9"},
      {:sweet_xml, "~> 0.6"},
      {:word_smith, "~> 0.1.0"},
      {:timex, "~> 3.4"},
      {:ex_phone_number, "~> 0.1"},
      {:quantum, "~> 2.3"},
      {:gettext, "~> 0.14"},
      {:elixir_uuid, "~> 1.2"},
      {:ecto_autoslug_field, "~> 1.0"},
      {:ueberauth_google, "~> 0.8"},
      {:ueberauth_facebook, "~> 0.8"},
      {:bypass, "~> 1.0", only: :test}`

Let;s try this

Instead of render replace with redirect(to: “/”)

conn
      |> put_status(200)
      |> put_view(AuthView)
      |> redirect(to: "/")

This should redirect on succesfull auth to the / home page.

well that is something, but we are not really ahead with that because we are still in the realm of the server, this would take us to the homepage of the server, not the client, and no user anymore obviously

Can vue read the json from your backend in a component?

Do you see them connected?

Also i assume that your vue is on :8080 and your server on 4000 ports?

they are on separate hosts, not connected
for this: Can vue read the json from your backend in a component?
i am not sure, i am not working on the vue project, but I am sending the exact same response in the usual login flow and there are no problem there at all, the issue here seems to be that because the facebook login opens in the same window as the app it doesnt get back to the app/client