Allow your users to login with their Ethereum wallet
Allow your users to link their Ethereum wallet to their account to skip entering their login credentials.
Installation
You can install the package via composer:
composer require m1guelpf/laravel-web3-login
Usage
This package takes care of everything you need on the backend. While there are many different ways of asking the user to sign a message with their wallet, we'll be using web3modal and ethers to maximize the support for wallet providers.
To get started, you need to have the user register a new credential. You can do so by presenting them with a modal when they login, or by adding the option to their settings page.
import axios from "axios";
import { ethers } from "ethers";
import Web3Modal from "web3modal";
const web3Modal = new Web3Modal({
cacheProvider: true,
providerOptions: {}, // add additional providers here, like WalletConnect, Coinbase Wallet, etc.
});
const onClick = async () => {
const message = await axios.get("/_web3/signature").then((res) => res.data);
const provider = await web3Modal.connect();
provider.on("accountsChanged", () => web3Modal.clearCachedProvider());
const web3 = new ethers.providers.Web3Provider(provider);
axios.post("/_web3/link", {
address: await web3.getSigner().getAddress(),
signature: await web3.getSigner().signMessage(message),
});
};
Then, on the login page, you can provide an option to log in with their wallet.
import axios from "axios";
import { ethers } from "ethers";
import Web3Modal from "web3modal";
const web3Modal = new Web3Modal({
cacheProvider: true,
providerOptions: {}, // add additional providers here, like WalletConnect, Coinbase Wallet, etc.
});
const onClick = async () => {
const message = await axios.get("/_web3/signature").then((res) => res.data);
const provider = await web3Modal.connect();
provider.on("accountsChanged", () => web3Modal.clearCachedProvider());
const web3 = new ethers.providers.Web3Provider(provider);
axios.post("/_web3/login", {
address: await web3.getSigner().getAddress(),
signature: await web3.getSigner().signMessage(message),
});
};
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
License
The MIT License (MIT). Please see License File for more information.
11 Dec 26, 2022
0 Feb 22, 2022
6 Apr 30, 2022
2 Sep 21, 2022
30 Aug 8, 2022
135 Dec 22, 2022
4 Aug 31, 2022
3 Jun 1, 2022
1 Oct 14, 2021
14 Apr 14, 2022
2 Oct 7, 2022
0 Jul 21, 2022
71 Oct 18, 2022
23 Oct 19, 2022
8 Dec 1, 2022
1 Nov 3, 2021
1 Jan 10, 2022
6 Sep 22, 2022
11 Oct 4, 2022