Connect via connection string
The TConnectEtherlinkProvider
allows establishing a connection to an Etherlink wallet by providing a connectionString
. This is particularly useful when the user does not specify a particular wallet application.
Example Usage of the Connection String
// Import provider
import { TConnectEtherlinkProvider } from '@tconnect.io/etherlink-provider';
import { useCallback, useState } from 'react';
function MyComponent() {
// Define state for connection string
const [connectionString, setConnectionString] = useState('');
// Define connect function
const connect = useCallback(async () => {
try {
// Initialize provider
const provider = new TConnectEtherlinkProvider({
appName: 'Example App',
appUrl: 'https://your-domain.io',
bridgeUrl: 'https://tconnect.io',
apiKey: 'PRIVATE_API_KEY',
network: 'ghostnet',
});
// Listen for 'connectionString' event
provider.on('connectionString', (connectionString) => {
console.log(connectionString);
setConnectionString(connectionString);
});
// Connect to wallet
await provider.connect();
} catch (err) {
console.log(err);
}
}, [connectionString, setConnectionString]);
// Render component
return (
<div className="MyComponent">
<p>Connection String: {connectionString}</p>
<button onClick={connect}> get connection string</button>
</div>
);
}
export default MyComponent;
Explanation
Initialization: The
TConnectEtherlinkProvider
is initialized with basic configuration options such asappName
,appUrl
,bridgeUrl
,network
andapiKey
.Handling the Connection String: Using the
on("connectionString")
method, developers can access theconnectionString
to use it as needed.
This functionality is not limited to the TConnectEtherlinkProvider
but is applicable to all providers offered by TConnect.
Last updated