nami icon indicating copy to clipboard operation
nami copied to clipboard

Android App with dApp Connector and in-app dApp Browser

Open vineeth2941 opened this issue 3 years ago • 8 comments
trafficstars

Created a Nami Wallet Android App with dApp Connector based on Android Intents using Capacitor JS

vineeth2941 avatar May 07 '22 18:05 vineeth2941

Oh wow, didn't expect such a PR hahaha. I'm gonna check that out!

alessandrokonrad avatar May 08 '22 14:05 alessandrokonrad

@vineeth2941 was able to successfully build. How does the communication between the app and the browser work exactly? I see it works with Intents somehow, but how do I call that from the website?

alessandrokonrad avatar May 08 '22 16:05 alessandrokonrad

@alessandrokonrad Intents work only for App to App communication, We need to build a dApp browser if it has to be between a website and the wallet app. For testing, you can use this Android-based sample dApp: https://github.com/vineeth2941/nami-client-android

vineeth2941 avatar May 08 '22 16:05 vineeth2941

@alessandrokonrad Intents work only for App to App communication, We need to build a dApp browser if it has to be between a website and the wallet app. For testing, you can use this Android-based sample dApp: https://github.com/vineeth2941/nami-client-android

Does the browser need to be built from scratch or is it possible to embed the exisiting chrome browser?

alessandrokonrad avatar May 08 '22 16:05 alessandrokonrad

Most probably we can embed the existing one as webview but some configuration might be needed to wrap the CIP-30 JS API to the Android Intent API

vineeth2941 avatar May 08 '22 16:05 vineeth2941

Most probably we can embed the existing one as webview but some configuration might be needed to wrap the CIP-30 JS API to the Android Intent API

Reference Link: https://developer.android.com/guide/webapps/webview#BindingJavaScript

vineeth2941 avatar May 08 '22 17:05 vineeth2941

  • Android App with Capacitor JS
  • Android dApp Connector using Intents
  • Android sample dApp & dApp Browser using dApp Connector (https://github.com/vineeth2941/nami-client-android)
  • Android in-app dApp Browser (dApp client connector: https://github.com/vineeth2941/nami-dapp-browser-connector)
  • Extension in-app dApp Browser

https://user-images.githubusercontent.com/47296387/170102385-bdb1f87a-555c-4c1b-a7d2-44b0052d1f76.mp4

https://user-images.githubusercontent.com/47296387/170102485-cf50ac55-6e6f-46bf-b5b1-d176f8985d55.mp4

image image image

vineeth2941 avatar May 24 '22 18:05 vineeth2941

What? This is nice haha

MartinSchere avatar Sep 05 '22 16:09 MartinSchere