# \[Archive\] How i can get the Http Provider url or link?

**URL:** <https://builder.metamask.io/t/archive-how-i-can-get-the-http-provider-url-or-link/1689>\
**Category:** Embedded Wallets (Web3Auth)\
**Created:** [November 21, 2023, 9:15pm UTC](https://builder.metamask.io/t/archive-how-i-can-get-the-http-provider-url-or-link/1689 "2023-11-21T21:15:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![orlandomv19](https://avatars.discourse-cdn.com/v4/letter/o/77aa72/32.png) [@orlandomv19](https://builder.metamask.io/u/orlandomv19)\
**Post date:** [November 21, 2023, 9:15pm UTC](https://builder.metamask.io/t/archive-how-i-can-get-the-http-provider-url-or-link/1689/1 "2023-11-21T21:15:21Z")

</div>

> **🏛 Archived Content from Web3Auth Community**
> 
> This topic was originally posted by **orlandomv19** on 11/22/2023.  
> This content has been migrated from our previous community forum to preserve valuable discussions.

* * *

I need to get a http provider link or url so i can send to a payload, but the we3authprovider I created don’t bring that information.  
That was my code.

import { useEffect, useState } from ‘react’;  
import { WALLET\_ADAPTERS, CHAIN\_NAMESPACES} from “@web3auth/base”;  
import { Web3AuthNoModal } from “@web3auth/no-modal”;  
import { OpenloginAdapter } from “@web3auth/openlogin-adapter”;  
import { EthereumPrivateKeyProvider } from “@web3auth/ethereum-provider”;  
import { initializeApp } from “firebase/app”;  
import RPC from “…/components/RFC/web3RPC”  
import { GoogleAuthProvider, getAuth, signInWithPopup} from “firebase/auth”;

const paal\_logo = ‘/Paal\_New\_Logo.jpg’;

const clientId = “BBtP5tjFc-gHhPHxvugc4p7ENBi1ZthPUwV5ETHDBCVnl6\_V-JyIVLfBgc\_R3-L10tXyyVDE6Dz4-QjnBv6oX54”

var payload;  
var payloadProvider;

const firebaseConfig = {  
apiKey: “AIzaSyD1Fh6ztMi7CrKa7A-p8A85-oZc0NcZpO0”,  
authDomain: “[crispai.firebaseapp.com](http://crispai.firebaseapp.com)”,  
projectId: “crispai”,  
storageBucket: “[crispai.appspot.com](http://crispai.appspot.com)”,  
messagingSenderId: “1003522928061”,  
appId: “1:1003522928061:web:1c1c2850d1f0ad6557f6d4”,  
measurementId: “G-ZF0FE5FB45”  
};

const Web3AuthComponent = () =\> {  
const [web3auth, setWeb3auth] = useState(null);  
const [loggedIn,setLoggedIn] = useState(false);  
const [provider, setProvider] = useState(null);  
const [storedLoginRes, setStoredLoginRes] = useState(null);

useEffect(() =\> {  
const init = async () =\> {  
try {

```
    const ChainConfig = {
        chainNamespace: CHAIN_NAMESPACES.EIP155,
        chainId: "0x1",
        rpcTarget: "https://rpc.ankr.com/eth",
        displayName: "Ethereum Mainnet",
        blockExplorer: "https://etherscan.io",
        ticker: "ETH",
        tickerName: "Ethereum",
    };
const web3authInstance = new Web3AuthNoModal({
clientId,
web3AuthNetwork: “sapphire_devnet”,
chainConfig: ChainConfig,
});
//const analytics = getAnalytics(app);
const privateKeyProvider = new EthereumPrivateKeyProvider({ config: { chainConfig: ChainConfig } });
const openloginAdapter = new OpenloginAdapter({
adapterSettings: {
uxMode: “popup”,
whiteLabel: {
appName: “Paal”,
appUrl: “https://web3auth.io”,
logoLight: paal_logo,
logoDark: paal_logo,
defaultLanguage: “en”,
mode: “light”,
theme: {
primary: “#00D1B2”,
},
useLogoLoader: true,
},
loginConfig: {
jwt: {
verifier: “paal_project”, // name of the verifier created on Web3Auth Dashboard
typeOfLogin: “jwt”,
clientId,
},
},
},
privateKeyProvider,
});
web3authInstance.configureAdapter(openloginAdapter);
setWeb3auth(web3authInstance);
console.log(web3authInstance);
await web3authInstance.init();
setProvider(web3authInstance.provider);

```

};  
init();  
login();  
logout();  
}, []);

const getLoginRes = async (loginRes) =\>{  
payload = {  
uid: loginRes.user.uid  
}  
console.log(payload);

```
return payload

```

}

const getProvider = async (provider) =\>{  
payloadProvider = {  
provider:provider  
}  
return provider;  
}

const signInWithGoogle = async () =\> {  
const app = initializeApp(firebaseConfig);  
const auth = getAuth(app);  
const googleProvider = new GoogleAuthProvider();  
const res = await signInWithPopup(auth, googleProvider);  
return res;  
};

const logout = async () =\> {  
if (!web3auth) {  
return;  
}  
await web3auth.logout();  
setLoggedIn(false);  
setProvider(null);  
}

const login = async () =\> {  
try {  
if (!web3auth) {  
return;  
}  
const loginRes = await signInWithGoogle();  
getLoginRes(loginRes);  
console.log(“login details”, loginRes);  
const idToken = await loginRes.user.getIdToken(true);  
console.log(“idToken”, idToken);

```
  const web3authProvider = await web3auth.connectTo(
    WALLET_ADAPTERS.OPENLOGIN,
    {
      loginProvider: "jwt",
      extraLoginOptions: {
        id_token: idToken,
        verifierIdField: "sub",
      },
    }
  );

```

};

const getInfo = async () =\> {  
if (!web3auth) {  
return;  
}  
const user = await web3auth.getUserInfo();  
console.log(“user”, user);  
};

const getAccounts = async () =\> {  
if (!web3auth?.provider) {  
return;  
}  
const rpc = new RPC(provider);

```
const info = await rpc.getPrivateKey();
console.log('private_key',info);
const address = await rpc.getAccounts();
console.log("address",address);

```

};

console.log(“provider”,provider);  
console.log(“payload”,payload);  
console.log(“payProvider”,payloadProvider);

return (

  
{/\* Your JSX content here \*/}  

  
);  
};

export default Web3AuthComponent;

if someone can help me

---

<div class="post-metadata">

**Author:** ![vjgee](https://avatars.discourse-cdn.com/v4/letter/v/b5e925/32.png) [@vjgee](https://builder.metamask.io/u/vjgee)\
**Post date:** [November 22, 2023, 2:43am UTC](https://builder.metamask.io/t/archive-how-i-can-get-the-http-provider-url-or-link/1689/2 "2023-11-22T02:43:29Z")

</div>

@orlandomv19 Welcome Aboard!

Your request has been forwarded to our Dev team and we will get back with further updates.

---

<div class="post-metadata">

**Author:** ![maharshi](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/maharshi/32/1525_2.png) [@maharshi](https://builder.metamask.io/u/maharshi)\
**Post date:** [November 22, 2023, 2:49am UTC](https://builder.metamask.io/t/archive-how-i-can-get-the-http-provider-url-or-link/1689/3 "2023-11-22T02:49:51Z")

</div>

Hey @orlandomv19,  
Could you please elaborate what do you mean by httpProvider url or link and where do you wish to send it?
