当前位置： 首页区块链正文 Substrate 开发没那么神秘。 经过前两篇（[第一篇](https://learnblockchain.cn/article/998)、[第二篇](https://learnblockchain.cn/article/1163)漫长的铺垫，按照剧情发展，作为第三篇怎么滴也得开始写写代码了。这也确实是本篇的目的。 按照原定计划，你将在文中看到一个端到端的示例。但查过官方教程之后，我打算略微调整一下写作计划：在官方的教程上进行增强，不再凭空写一个。 官方教程的第一个编程示例：[Build a PoE Decentralized Application](https://substrate.dev/docs/en/tutorials/build-a-dapp/) 提供了一个非常好的示范，一个完整的端到端例子。透过这篇教程，你应该很快能够了解 Substrate 的开发，以及如何开发一个前端应用。不过它依旧还有改进的空间，而本文则针对这些地方给出补充： 1. 缺少单元测试的示例。 1. 虽然有前端示例代码，但跟 UI 混杂在一起反而没有办法突出重点。 现在，请先去查看并练习官方教程，之后再来</p> <div class="pt-0 d-none d-block d-xl-none d-lg-none"><aside id="header-widget-shop-down" class="widget-area"><p></p></aside></div><div class="post-note alert alert-warning mt-2" role="alert"><small><strong>声明：</strong>本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。</small></div> <div class="entry-share"> <div class="row"> <div class="col d-none d-lg-block"> </div> <div class="col-auto mb-3 mb-lg-0"> <button class="go-star-btn btn btn-sm btn-white" data-id="6114"><i class="far fa-star"></i> 收藏</button> <button class="share-poster btn btn-sm btn-white" data-id="6114" title="文章封面图"><i class="fa fa-share-alt"></i> 海报</button> <button class="go-copy btn btn-sm btn-white" data-toggle="tooltip" data-placement="top" title="点击复制链接" data-clipboard-text="https://lanhainft.com/6114.html"><i class="fas fa-link"></i> 链接</button> </div> </div> </div> </div> </div> </div> </article> <div class="entry-navigation"> <div class="row"> <div class="col-lg-6 col-12"> <a class="entry-page-prev" href="https://lanhainft.com/5770.html" title="Polygon开发者月报-11月"> <div class="entry-page-icon"><i class="fas fa-arrow-left"></i></div> <div class="entry-page-info"> <span class="d-block rnav">上一篇</span> <span class="d-block title">Polygon开发者月报-11月</span> </div> </a> </div> <div class="col-lg-6 col-12"> <a class="entry-page-next" href="https://lanhainft.com/8497.html" title="度小满创新运用区块链技术，打破信息孤岛助推数字金融产业发展"> <div class="entry-page-info"> <span class="d-block rnav">下一篇</span> <span class="d-block title">度小满创新运用区块链技术，打破信息孤岛助推数字金融产业发展</span> </div> <div class="entry-page-icon"><i class="fas fa-arrow-right"></i></div> </a> </div> </div> </div> <div class="related-posts"> <h3 class="u-border-title">相关文章</h3> <div class="row"> <div class="col-lg-6 col-12"> <article id="post-6635" class="post post-list post-6635 type-post status-publish format-standard hentry category-blockchain category-kualian"> <div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://lanhainft.com/6635.html" title="LayerZero跨链协议入门教程" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://lanhainft.com/wp-content/uploads/2022/05/20220514_627f3a8e698a2.png" src="https://lanhainft.com/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="LayerZero跨链协议入门教程" /></a></div></div> <div class="entry-wrapper"> <header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://lanhainft.com/6635.html" title="LayerZero跨链协议入门教程" rel="bookmark">LayerZero跨链协议入门教程</a></h2></header> <div class="entry-footer"> <div class="entry-meta"> <span class="meta-category"> <a href="https://lanhainft.com/blockchain" rel="category">区块链</a> </span> <span class="meta-date"> <time datetime="2022-05-14T13:00:57+08:00"> <i class="fa fa-clock-o"></i> 2 年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 38</span> </div> </div> </div> </article> </div> <div class="col-lg-6 col-12"> <article id="post-6634" class="post post-list post-6634 type-post status-publish format-standard hentry category-blockchain category-kualian"> <div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://lanhainft.com/6634.html" title="LayerZero：一种实现“全链互操作性”的协议" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://lanhainft.com/suotu.png" src="https://lanhainft.com/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="LayerZero：一种实现“全链互操作性”的协议" /></a></div></div> <div class="entry-wrapper"> <header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://lanhainft.com/6634.html" title="LayerZero：一种实现“全链互操作性”的协议" rel="bookmark">LayerZero：一种实现“全链互操作性”的协议</a></h2></header> <div class="entry-footer"> <div class="entry-meta"> <span class="meta-category"> <a href="https://lanhainft.com/blockchain" rel="category">区块链</a> </span> <span class="meta-date"> <time datetime="2022-05-14T12:01:01+08:00"> <i class="fa fa-clock-o"></i> 2 年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 28</span> </div> </div> </div> </article> </div> <div class="col-lg-6 col-12"> <article id="post-6633" class="post post-list post-6633 type-post status-publish format-standard hentry category-blockchain category-kualian"> <div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://lanhainft.com/6633.html" title="Celer IM 主网正式上线：开启跨链 dApp 新时代" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://lanhainft.com/suotu.png" src="https://lanhainft.com/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="Celer IM 主网正式上线：开启跨链 dApp 新时代" /></a></div></div> <div class="entry-wrapper"> <header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://lanhainft.com/6633.html" title="Celer IM 主网正式上线：开启跨链 dApp 新时代" rel="bookmark">Celer IM 主网正式上线：开启跨链 dApp 新时代</a></h2></header> <div class="entry-footer"> <div class="entry-meta"> <span class="meta-category"> <a href="https://lanhainft.com/blockchain" rel="category">区块链</a> </span> <span class="meta-date"> <time datetime="2022-05-14T11:04:29+08:00"> <i class="fa fa-clock-o"></i> 2 年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 21</span> </div> </div> </div> </article> </div> <div class="col-lg-6 col-12"> <article id="post-6623" class="post post-list post-6623 type-post status-publish format-standard hentry category-blockchain category-kualian"> <div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://lanhainft.com/6623.html" title="为什么黑客如此“钟爱”跨链桥" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://lanhainft.com/wp-content/uploads/2022/05/20220514_627f3a8929bc1.jpg" src="https://lanhainft.com/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="为什么黑客如此“钟爱”跨链桥" /></a></div></div> <div class="entry-wrapper"> <header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://lanhainft.com/6623.html" title="为什么黑客如此“钟爱”跨链桥" rel="bookmark">为什么黑客如此“钟爱”跨链桥</a></h2></header> <div class="entry-footer"> <div class="entry-meta"> <span class="meta-category"> <a href="https://lanhainft.com/blockchain" rel="category">区块链</a> </span> <span class="meta-date"> <time datetime="2022-05-14T09:56:13+08:00"> <i class="fa fa-clock-o"></i> 2 年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 27</span> </div> </div> </div> </article> </div> </div> </div> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表回复 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/6114.html#respond" style="display:none;">取消回复</a></small></h3><form action="https://lanhainft.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">您的电子邮箱地址不会被公开。</span> <span class="required-field-message">必填项已用 <span class="required">*</span> 标注</span></p><div class="comment-form-comment"><a class="btn btn-sm btn-link" href="javascript:embedImage();">插入图片</a><textarea id="comment" name="comment" class="required" rows="4" placeholder="请输入评论内容..."> 浏览器会保存昵称、邮箱和网站cookies信息，下次评论时使用。
