Hello,
I’m experiencing an issue with integrating WalletConnect V3 into my website, specifically on iOS devices. The integration works flawlessly on desktop browsers and Android devices, where users can connect their wallets, and the installed wallet apps are launched as expected. However, on iPhones, the behavior is different:
When accessing the site from an iPhone and attempting to connect a wallet, the interface does not display the mobile connection options properly.
Instead of offering to open the installed wallet app on the iPhone, it behaves as if it's on a desktop browser or doesn't display the connection interface at all.
There is no prompt or ability to launch the wallet application from the website on iOS devices.
What I’ve Tried:
SSL Certificate:
Installed an SSL certificate from Let's Encrypt on the server to ensure the site is served over HTTPS.
Integration with @tronweb3/walletconnect-tron:
Implemented the @tronweb3/walletconnect-tron package in my code.
Initialized WalletConnectWallet with appropriate parameters, including relayUrl, options, and web3ModalOptions.
Ensured that the project ID is correctly set and active.
Code Adjustments:
Updated the code to use WalletConnectWallet instead of UniversalProvider and WalletConnectModal.
Ensured that the connect function is properly set up to handle connections.
Verified that the TronService is correctly instantiated and used.
Testing:
Tested the site on multiple Android devices and desktop browsers, where everything works perfectly.
Tested on multiple iPhones, but the issue persists.
Additional Information:
WalletConnect Version: V3
Libraries Used:
@tronweb3/walletconnect-tron
tronweb
Observed Behavior on iOS:
The wallet connection interface does not behave as expected for mobile devices.
There is no option to open or connect through the installed wallet app.
Sometimes, the interface appears as it would on a desktop, or it doesn't appear at all.
Questions:
Is there any additional configuration required for WalletConnect V3 to work on iOS devices?
Do I need to implement Universal Links or add any specific files like apple-app-site-association to my site?
Are there known issues with @tronweb3/walletconnect-tron on iOS devices?
What steps can I take to ensure that the wallet app is launched correctly on iPhones when users attempt to connect their wallets?
Android:
iOS: