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

stjefim
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
New
water
I’m aware of 2 such projects, are there others? git: GitHub - team-alembic/realworld: A fullstack Phoenix LiveView application with back...
New
peck
Hi everyone. My team and I have been working on a fairly modest app based around video streaming and chat, but we’ve landed a customer t...
New
bradley
I really like the adapter patterns that ecto, nebulex, waffle, etc. use and would love find something similar for a key management servic...
New
unaware8150
Hello folks! So at work, we are seeing some situations where we have to define some “fixed” strings that are used across the codebase in...
New
leoschweizer
Hi, we run different LLM models across a cluster, with each node loading a configurable subset. Model-specific queues let nodes consume ...
New
csmr
Hi all, I’m new here and would like to hear peoples views on my Elixir/Phoenix based game-engine! :smiley: Mutonex gamedesign was finish...
New

Other Trending Topics Top

mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
New
KristerV
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
webofbits
With AI doing more of the implementation work, I’ve been wondering how much coding I should deliberately keep doing myself. My main conc...
#ai
New
budgie
I love Elixir. It’s one of 2 programming languages I’ve ever fallen in love with. But I don’t use it anymore. Serverless was the promis...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews