Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rtomas/microsoft-oauth-for-web3auth
Microsft OAuth Server for Web3Auth. Get Your Public Address
https://github.com/rtomas/microsoft-oauth-for-web3auth
authentication ethereum oauth2 web3auth
Last synced: 3 days ago
JSON representation
Microsft OAuth Server for Web3Auth. Get Your Public Address
- Host: GitHub
- URL: https://github.com/rtomas/microsoft-oauth-for-web3auth
- Owner: rtomas
- Created: 2024-02-02T14:11:56.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-05T03:26:58.000Z (11 months ago)
- Last Synced: 2024-02-05T20:02:17.959Z (11 months ago)
- Topics: authentication, ethereum, oauth2, web3auth
- Language: TypeScript
- Homepage:
- Size: 12.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# microsoft-oauth-for-web3auth
This project integrate Web3Auth with Microsoft OAuth for authentication. Web3Auth is a decentralized authentication protocol that allows users to sign in to applications using their Ethereum wallets. In this demo, Microsoft OAuth is used to authenticate users, and Web3Auth is employed to provide Ethereum private key access and public address.
## Getting Started
Follow these steps to set up and run the project:
### 1. Clone the repository:
`git clone https://github.com/rtomas/microsoft-oauth-for-web3auth.git`
### 2. Install dependencies:
```
cd microsoft-oauth-for-web3auth
npm install
```
### 3. Configure the verifier in the [Web3Auth Dashboard](https://dashboard.web3auth.io)
Choose a name an use it for the ENV Configuration. Then select in Login Provider as "Custom Provider" and configure the other information as you can see in the image.
Upload the jwks.json to a server. In my example was uploaded to github.
### 4. Configure a new Application in Microsoft Entra.
You'll need the Application (client) ID and the Directory (tenant) ID.
Then you can add a redirect URI (in our example is http://localhost:5005/ms/callback)
Finally in "Certificates & secrets" -> Client Secret -> New client secret and copy the value to the .ENV
### 5. Generate a private key and your jwks.json.
Follow the instructions from this link: https://web3auth.io/docs/auth-provider-setup/byo-jwt-providers#how-to-convert-pem-to-jwks
### 6. Create a `.env` file in the project root and set the following variables:
```
AZURE_CLIENT_ID=## create one in https://entra.microsoft.com/##
AZURE_CLIENT_SECRET=## create one in https://entra.microsoft.com/##
AZURE_TENANT_ID=## create one in https://entra.microsoft.com/##
AZURE_CODE_CHALLENGE=##create pair with CODE_VERIFIER in https://tonyxu-io.github.io/pkce-generator/##
AZURE_CODE_VERIFIER=##create pair with CODE_CHALLENGE in https://tonyxu-io.github.io/pkce-generator/##
PRIVATE_KEY_FILE_NAME=privateKey.pem
JWKS_FILE_NAME=jwks.json
```
### 7. Run the application:
`npm run dev`
Open your browser and navigate to http://localhost:5005/ms/login to initiate the Microsoft OAuth flow.
## How it works?
When integrating Web3Auth with Microsoft Login the flow looks something like this:
# Reference
+ [Custom JWT providers in Web3auth](https://web3auth.io/docs/auth-provider-setup/byo-jwt-providers)
+ [Microsoft OAUTH 2.0 flow](https://learn.microsoft.com/en-us/entra/identity-platform/v2-oauth2-auth-code-flow#redeem-a-code-for-an-access-token)