gnosis_safe_app_support.md

Running as a Gnosis Safe App

It is possible to run the ANS app as a Gnosis Safe App. This will allow it to directly use the ANS app from withing the Gnosis Safe web interface.

As the ANS app is normally running on a different host (unless both, the Gnosis Safe web interface and the ANS app, are for example hosted locally) it is required to enable CORS headers. This will allow the Gnosis Safe web interface to access the ANS app meta information from the manifest.json.

To enable this without changes to the ANS project it is possible to use the local-cors-proxy package via npx.

Run npx local-cors-proxy --proxyUrl http://localhost:3000 --proxyPartial ""

Now it is possible to use http://localhost:8010 inside the Gnosis Safe web interface as a Gnosis Safe App. For this navigate to the Apps section of the web interface and follow the process to add a custom app. The following interfaces can be used for testing:

• Gnosis Safe Mainnet interface
• Gnosis Safe Rinkeby interface

Note: To test the ANS app as a Gnosis Safe App it is required to be owner of a Gnosis Safe and that this Gnosis Safe is available in the interface.

Alternatives

It is also possible to host the app via GithHub page, Netlify or similar providers.