Kapeusz

Kapeusz

Hello, in my app I have been using Guardian for some time. However, I wanted to replace the current sign in with email and password to google auth. I have a problem setting this up. Right now, my code looks like:
First I added to config
Of course, all the config variables are filled in with, I think, correct information.

  config :my_app, MyAppWeb.Auth.Guardian,
    issuer: "my_app",
    secret_key: System.get_env("SESSION_SECRET_KEY")

  config :ueberauth, Ueberauth.Strategy.Google.OAuth,
    client_id: System.get_env("CLIENT_ID"),
    client_secret: System.get_env("CLIENT_SECRET"),
    redirect_uri: System.get_env("REDIRECT")

router.ex

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

    get "/phoenix", PageController, :index

    get "/", SessionController, :new

    get "/:provider", SessionController, :request
    get "/:provider/callback", SessionController, :callback
    delete "/logout", SessionController, :delete
  end

session_controller.ex

defmodule MyAppWeb.SessionController do
  use MyAppWeb, :controller
  plug Ueberauth

  alias Ueberauth.Strategy.Helpers

  alias MyApp.Repo.Users
  alias MyApp.Repo.Schemas.User
  alias MyAppWeb.Auth.Guardian

  def new(conn, _params) do
    case Guardian.Plug.current_resource(conn) do
      nil ->
        conn
        |> put_root_layout({MyAppWeb.LayoutView, "login.html"})
        |> render("new.html")

      %User{} ->
        redirect(conn, to: Routes.dashboard_path(conn, :index))
    end
  end

  def request(conn, _params) do
    render(conn, "request.html", callback_url: Helpers.callback_url(conn))
  end

  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 Users.get_by_email(auth.info.email) do
      {:ok, %User{} = user} ->
        conn
        |> Guardian.Plug.put_current_resource(user)
        |> Guardian.Plug.sign_in(user, %{}, ttl: {2, :minute})
        |> redirect(to: Routes.dashboard_path(conn, :index))

      {:error, _} ->
        conn
        |> put_flash(:error, "Could not proceed, try again.")
        |> redirect(to: Routes.page_path(conn, :index))
    end
  end

  def delete(conn, _) do
    conn
    |> Guardian.Plug.sign_out()
    |> put_flash(:info, "You have been logged out!")
    |> redirect(to: "/")
  end
end

new.html.eex

<div class="flex flex-col justify-center items-center h-screen">
  <img src="/images/logo.svg" alt="MyApp" class="inline-block align-middle mb-4" />
  <div class="bg-gray-100 rounded-lg p-8 w-full max-w-md">
    <a class="button" href="<%= Routes.session_path(@conn, :request, "google") %>">
    <i class="fa fa-google"></i>
      Sign in with Google
    </a>
  </div>
</div>

request.html.eex

<h1>Log in with email / password</h1>

<p>
  Enter the information to simulate the authentication.
</p>

<%= form_tag @callback_url, method: "post" do %>
  <fieldset>
    <legend>Authentication Information</legend>

    <label for="email">Email</label>
    <input type="email" name="email" id="email" required value="<%= @conn.params["email"] %>" />

    <label for="password">Password</label>
    <input type="password" name="password" id="password" required />

    <label for="password_confirmation">Confirm Password</label>
    <input type="password" name="password_confirmation" id="password_confirmation" required />
  </fieldset>

  <input class="button" type="submit" value="Login" />
<% end %>

I’m not sure what I’m missing. At this moment, when I click on Sign in with Google I’m redirected to request.html.eex template.

I’d appreciate any suggestion/idea/help on how to make it work.

Thank you!

##update

I was wondering so long and just noticted that I have to add:
/auth/ part to the route.

Showing Posts 1 to 2

APB9785

APB9785

Creator of ECSx
def request(conn, _params) do
  render(conn, "request.html", callback_url: Helpers.callback_url(conn))
end

Here the request is sending to request.html.heex instead of your google OAuth app. Looks like a mock which only simulates making an OAuth request. For the real thing, you’ll want to let Ueberauth handle that request instead. There is a default request/2 function which will be used if you remove yours - that should get you going.

You only need to define request/2 manually if you have custom logic (such as saving state to the session). And in that case, it should call Ueberauth.run_request/4 instead of render/3

Kapeusz

Kapeusz OP

Thank you for the answer and the advice! I removed it and it still works!

— All posts loaded —

Where Next? Top

Trending in Questions Top

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
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
matt-savvy
Anyone here using Honeybadger? My Honeybadger account is being overwhelmed with noise from some bots. Seeing a lot of Bandit.HTTPError...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
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