mirror of
https://github.com/status-im/wiki.status.im.git
synced 2025-02-25 10:45:17 +00:00
309 lines
11 KiB
HTML
309 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<link rel="canonical" href="https://wiki.status.im/contributing/development/adding-dapps/">
|
|
<link rel="shortcut icon" href="../../../img/favicon.ico">
|
|
<title>Adding DApps - Status Wiki</title>
|
|
<link href="../../../css/bootstrap-custom.min.css" rel="stylesheet">
|
|
<link href="../../../css/font-awesome-4.5.0.css" rel="stylesheet">
|
|
<link href="../../../css/base.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="../../../css/highlight.css">
|
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
<script src="../../../js/jquery-1.10.2.min.js"></script>
|
|
<script src="../../../js/bootstrap-3.0.3.min.js"></script>
|
|
<script src="../../../js/highlight.pack.js"></script>
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-79146816-1', 'wiki.status.im');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
|
|
<!-- Collapsed navigation -->
|
|
<div class="navbar-header">
|
|
<!-- Expander button -->
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="../../..">Status Wiki</a>
|
|
</div>
|
|
|
|
<!-- Expanded navigation -->
|
|
<div class="navbar-collapse collapse">
|
|
<!-- Main navigation -->
|
|
<ul class="nav navbar-nav">
|
|
<li >
|
|
<a href="../../..">Welcome</a>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Getting Started <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
|
|
<li >
|
|
<a href="../../../getting-started/mission-and-core-values/">Mission & Core Values</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../getting-started/user-guide/">User Guide</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../getting-started/faq/">FAQ</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../getting-started/code-of-conduct/">Code of Conduct</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../introduction/">Developer Introduction</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown active">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contributing <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Developers</a>
|
|
<ul class="dropdown-menu">
|
|
|
|
<li >
|
|
<a href="../introduction/">Introduction</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../building-status/">Building Status</a>
|
|
</li>
|
|
|
|
<li class="active">
|
|
<a href="./">Adding DApps</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../ux-and-design/">UX & Design</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../testing-and-feedback/">Testing & Feedback</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../documenting/">Documenting</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../marketing/">Marketing</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../translations/">Translations</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
|
|
<li >
|
|
<a href="../../../community/slack/">Slack</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../community/newsletter/">Newsletter</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../community/blog/">Blog</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../community/tell-a-friend/">Tell a Friend</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../community/development/">Development</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Proposals <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
|
|
<li >
|
|
<a href="../../../proposals/contact-sharing/">Contact Sharing (WIP)</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../proposals/chat-api/">Chat API (WIP)</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../proposals/discover/">Discover (WIP)</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../proposals/messaging/">Status Messaging (WIP)</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../proposals/erc20-exchange/">Exchange (WIP)</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../proposals/sticker-market/">Sticker Market (WIP)</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../proposals/visual-programming/">Visual Programming (WIP)</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../proposals/moments/">Moments (WIP)</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">License <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
|
|
<li >
|
|
<a href="../../../licenses/mpl2/">MPL2</a>
|
|
</li>
|
|
|
|
<li >
|
|
<a href="../../../licenses/lgpl-v3.0-static/">LGPLv3-static</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="#" data-toggle="modal" data-target="#mkdocs_search_modal">
|
|
<i class="fa fa-search"></i> Search
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a rel="next" href="../building-status/">
|
|
<i class="fa fa-arrow-left"></i> Previous
|
|
</a>
|
|
</li>
|
|
<li >
|
|
<a rel="prev" href="../../ux-and-design/">
|
|
Next <i class="fa fa-arrow-right"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/status-im/wiki.status.im/">
|
|
<i class="fa fa-github"></i>GitHub
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="col-md-3"><div class="bs-sidebar hidden-print affix well" role="complementary">
|
|
<ul class="nav bs-sidenav">
|
|
<li class="main active"><a href="#adding-dapps">Adding DApps</a></li>
|
|
</ul>
|
|
</div></div>
|
|
<div class="col-md-9" role="main">
|
|
|
|
<h1 id="adding-dapps">Adding DApps</h1>
|
|
<p>During the Alpha we are accepting example DApps as default contacts, to add your DApp to Status, you need to ensure it works on testnet (Ropsten) and submit a single commit pull request to <a href="http://github.com/status-im/status-react">status-react</a> with the following:</p>
|
|
<ul>
|
|
<li>
|
|
<p>Place a square icon(<code>85x85px</code> or <code>192x192</code>) of your DApp to <code>images/contacts</code> directory. The file should be named the same as your DApp, for example <code>my-dapp.png</code>.</p>
|
|
</li>
|
|
<li>
|
|
<p>Add information about this icon to <code>src/status_im/resources.cljs</code>, for example:</p>
|
|
</li>
|
|
</ul>
|
|
<pre><code>(def contacts
|
|
{:auction-house (js/require "./images/contacts/auction-house.png")
|
|
:my-dapp (js/require "./images/contacts/my-dapp.png")})
|
|
</code></pre>
|
|
|
|
<ul>
|
|
<li>Add your DApp to the list of existing DApps (<code>resources/default_contacts.json</code>):</li>
|
|
</ul>
|
|
<pre><code>[
|
|
...,
|
|
|
|
"my-dapp": {
|
|
"name":
|
|
{
|
|
"en": "My DApp"
|
|
},
|
|
"photo-path": "contacts://my-dapp",
|
|
"dapp?": true,
|
|
"dapp-url":
|
|
{
|
|
"en": "http://link-to-your-dapp.com"
|
|
}
|
|
}
|
|
]
|
|
</code></pre></div>
|
|
</div>
|
|
|
|
<footer class="col-md-12">
|
|
<hr>
|
|
<p>Documentation built with <a href="http://www.mkdocs.org/">MkDocs</a>.</p>
|
|
</footer>
|
|
<script>var base_url = '../../..';</script>
|
|
<script data-main="../../../mkdocs/js/search.js" src="../../../mkdocs/js/require.js"></script>
|
|
<script src="../../../js/base.js"></script><div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="Search Modal" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
|
<h4 class="modal-title" id="exampleModalLabel">Search</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>
|
|
From here you can search these documents. Enter
|
|
your search terms below.
|
|
</p>
|
|
<form role="form">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" placeholder="Search..." id="mkdocs-search-query">
|
|
</div>
|
|
</form>
|
|
<div id="mkdocs-search-results"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|