Problems problems / Integration with Plug n PLay

Help - Plug n Play PnP Web SDKs
1

I need help integrating SDK package json
platform : React native, web, ios and android

  • SDK Version(package.json):
  • Platform:
  • Browser Console Screenshots:
  • If the issue is related to Custom Authentication, please include the following information (optional):
    • Verifier Name: XCEL Crypto Partne
    • JWKS Endpoint: ?
    • Sample idToken (JWT): ?

I need to use JavaScript SDKs that work within a browser-based environment (compatible with GoodBarber apps). Also I need the Web3Auth SDK script tag.

PLease help!

2

Hello,

Thanks for reaching out! I’d be glad to help you with your integration. Here’s a brief summary of the situation:

  • SDK: PnP Web SDK
  • Problem: Integration issues with SDK package.json
  • Platform: React Native, Web, iOS, Android

To help the Web3Auth support team provide the best assistance, could you please include the following details:

  1. Web3Auth Initialization & Login Code Snippets: This will help us understand how you’re initializing Web3Auth and calling the login function.
  2. Browser Console Screenshots: These can provide insights into any errors or warnings that might be showing up during the integration process.

It looks like you might be working with custom authentication. Normally, we would need your JWKS Endpoint and a sample idToken (JWT), but if that information isn’t immediately available, we can proceed without it for now.

In the meantime, here’s a basic example of how you can include the Web3Auth SDK script tag in your project:

<script src="https://cdn.jsdelivr.net/npm/@web3auth/web3auth@latest/dist/web3auth.umd.min.js"></script>

And a simple initiation example in JavaScript:

const clientId = "YOUR_CLIENT_ID"; // get this from your Web3Auth dashboard

const web3auth = new Web3Auth({
  clientId,
  network: 'testnet', // mainnet, testnet
});

async function init() {
  await web3auth.initModal();
  if (web3auth.provider) {
    // user is already logged in
  } else {
    // show login modal
    const provider = await web3auth.connect();
  }
}

init();

Once we have the additional details, we can provide more specific guidance tailored to your case.

This response was generated by the Web3Auth Bot. A person from the Web3Auth team will review your query and assist you shortly.

Thanks!

3

Hello @business.services

Which SDK are you using?

I see you wrote this, so are you using all these?

You can use web3auth with vanilla JavaScript.

If you are looking for an example, here’s one that we made, that includes the web3auth in script tag.

4

The problem I’m having is finding the correct SDK on Web3Auth to integrate into my app and website. I’ve already lost my investor because I don’t seem to get anywhere with your support team. I need HELP!

  1. How and where is the correct documentation to integrate the Plug n Play into my app and website? Is there a link?

  2. What SDK should I be using and WHERE IS IT?

  3. I have set yp verifiers and all that’s required but I’m stuck trying to figure out where to get the details to integrate into my app and website.

Can somebody PLEASEEEEEEEEE HELP ME!

5

Hey @business.services
You can go through our docs to take an informed decision on which SDK to use by going through our docs here.

  1. You can use the SDK reference to take help while implementing the PnP SDK.
  1. That is your decision entirely, we can guide you if you tell us your requirements. All the SDKs are sufficiently discussed in our docs, please let us know if you need a deeper dive.
  1. When you go through the SDK reference, you’ll see the parameter that accepts the verifier that you’ve created on the Web3Auth dashboard.

For a quick start, check out the following resources: