Error Invalid Url when redirected from android web app

Help - Plug n Play Web - No Modal SDK
1

Error Invalid Url when redirected from android web app.
However it is running on ios web app which is builded from the same code on Capacitor.js

  • SDK Version:
    “@web3auth/base”: “^5.2.0”,
    “@web3auth/no-modal”: “^5.2.0”,
    “@web3auth/openlogin-adapter”: “^5.2.0”,
    “@web3modal/standalone”: “^2.4.1”,
  • Platform: Android, Capacitor.js, React.js
  • Browser Console Screenshots:

when redirected external browser

Screenshot 2023-08-09 at 6.04.09 PM
Screenshot 2023-08-09 at 6.04.09 PM1219×861 157 KB

Please provide the Web3Auth initialization and login code snippet below:

const web3auth = new Web3AuthNoModal({
    clientId: API_KEY.WEB3AUTH,
    web3AuthNetwork: "testnet", 
    chainConfig: { chainNamespace: CHAIN_NAMESPACES.OTHER },
  })

  const adapter = new OpenloginAdapter({
    loginSettings: {
      mfaLevel: "none",
    },
    adapterSettings: {
      uxMode: "redirect",
      redirectUrl: dynamiclink,
    },
  })

  web3auth.configureAdapter(adapter)

  await web3auth.init()

  const web3authProvider = await web3auth.connectTo(WALLET_ADAPTERS.OPENLOGIN, { loginProvider })
2

@samuel Thanks for your recent communication.

Your issue has been forwarded to our team and we will get back with further updates once more information becomes available.

3

@vjgee
And this is errors before redirected from web app

Screenshot 2023-08-09 at 6.04.40 PM
Screenshot 2023-08-09 at 6.04.40 PM1206×831 121 KB

4

Have you specified the web3AuthNetwork parameter during the Web3Auth No-Modal initialization ? I’ll paste a snippet here for your reference on where should it go. Please mention the network you are on Testnet, Mainnet, etc whichever you have setup up on the dashboard should match with the network in your code too.

const web3auth = new Web3AuthNoModal({
  clientId: "", // Get your Client ID from Web3Auth Dashboard
  chainConfig: {
    chainNamespace: CHAIN_NAMESPACES.EIP155,
    chainId: "0x1",
    displayName: "Ethereum Mainnet",
    blockExplorer: "https://etherscan.io",
    ticker: "ETH",
    tickerName: "Ethereum",
    rpcTarget: "https://rpc.ankr.com/eth", // This is the mainnet RPC we have added, please pass on your own endpoint while creating an app
  },
  web3AuthNetwork: "mainnet", // mainnet, aqua,  cyan or testnet
});
5

I’ve modified the code in the body.

6

Are you still facing any issues?

7

yes, i am trying to change options, but still facing the same issue

8

Please use Cyan and check

9

it has same error,

https://cyan.openlogin.com/start#b64Params=e30&_pid=f1....

when i use ‘testnet’, it is redirected at https://beta.openlogin.com/start#b64Params=e30&_pid=....

but docs say it will be use https://testing.openlogin.com

is it right?

10

For Web3Auth PnP Web SDKs​

If you are using chainNamespace: "other" while initializing or Web3AuthNoModal with the OpenloginAdapter, you need to add the privateKeyProvider to the OpenLogin instance and your rpcTarget in chainconfig

const chainConfig = {
    chainId: "0x1",
    chainNamespace: CHAIN_NAMESPACES.OTHER,
    rpcTarget: "https://any-rpc-endpoint.com",
};

const web3auth = new Web3AuthNoModal({
  clientId,
  chainConfig,
  web3AuthNetwork: "cyan",
});

const privateKeyProvider = new CommonPrivateKeyProvider(config: chainConfig);

const openloginAdapter = new OpenloginAdapter({
  privateKeyProvider,
  adapterSettings: {...},
  mfaSettings: {...},
  loginSettings: {...},
});
web3auth.configureAdapter(openloginAdapter);

provider = await web3auth.connectTo(
  WALLET_ADAPTERS.OPENLOGIN,
  {
    loginProvider: "google",
  }
);

// use this provider to export the private key of the userr
12

With V6, it’s mandatory to add rpcTarget & chainId in the chainConfig object.

13

I was able to log in with v6, but redirected url has just sessionId, so I am hard to get login result in capacitor app.

And I am hard to find in docs how to handle this sessionId.

So i am using v5 now, i can get results of redirected base64 code with v5 on iOS.
My codes are working fine on iOS.

14

@vjgee How can I get a user’s info and privateKey when redirected to the webview app with sessionId using v6 openlogin?

15

You can refer to this documentation: