DAPP 开发直通车-如何基于NEL 轻钱包来开发DAPP

须知少年凌云志，曾许人间第一流。这篇文章主要讲述DAPP 开发直通车-如何基于NEL 轻钱包来开发DAPP相关的知识，希望能为你提供帮助。
之前做了 DAPP 开发直通车，通讲了一下开发一个DAPP的过程。

但是涉及多工种，多步骤。入手还是非常困难的。

经过不懈的努力，做了很多铺垫工作之后，我终于可以告诉你：

开发DAPP for NEO，从未如此简单

文章图片

绿谷镇楼。

文章图片

首先请记住NEL的GITHUB首页，这里拥有NEO相关的一大堆开发成果，牛逼我就不吹了，你自己看一看这些项目，你至少可以感受到，我们真的是马不停蹄。
唯一的问题是文档化程度很低，我们欢迎有兴趣的同志一起来提升建设NEL这个围绕NEO的中国开发者社区。

那么轻钱包在哪里呢？【DAPP 开发直通车-如何基于NEL 轻钱包来开发DAPP】

文章图片

找到这个项目，他还有一个兄弟项目

文章图片

他们分别使用 c# 和 typescript 开发的轻钱包SDK，提供你开发轻钱包的所需工具。
在仔细观察过蓝鲸涛代码、neonjs等代码后，他们均无法完成我们的目标。
开发一个开发者使用的轻钱包，于是我们下定决心，绕了很大的弯路，重新建立了这些代码。

目前c#的sdk完成度100%，目前在建设例子阶段。
Ts的sdk完成度50%，但仅移植c#代码，风险为零，大家只需要等待。
这是SDK 对不对，那么轻钱包呢？

轻钱包就是SDK的例子，包含在SDK代码中
虽然是例子，我们在功能性上面已经能让大部分NEO钱包汗颜，而且还有我们马不停蹄的开发热情，会不断提升开发NEO轻钱包的平均水准。
我想用不了多久，开发NEO轻钱包就会变成一件很困难的事情，因为你开发了半天，还要承担着巨大的压力。别人会说：你看那个钱包还不如一个例子。

C#的例子钱包长这样

文章图片

Ts的例子钱包长这样

文章图片

钱包和DAPP有什么关系我们的钱包定位是例子，也是开发者工具，他只有一个功能，发交易，但做到啥交易都能发。
Nep5 交易，没问题，ico募资，没问题。
你会说，NEOGUI难道不是啥都能发么？用户咋用？
确实如此，功能强，不代表好用。
DAPP就是为了解决这个不好用的问题产生的。
那DAPP的最小单位不就正是一个个交易嘛？
于是，我们的钱包有一个DAPP模块，你不需要写代码，只需要配置一下，这个DAPP 是由哪几笔交易构成的，帮助用户填个参数，按个按钮。
交易就发出去了，不就完成了让用户简单使用的功能了嘛。

看DAPP功能在这里

文章图片

钱包的使用之前说过钱包的使用，不再赘述。
http://www.cnblogs.com/crazylights/p/8338117.html

文章图片

做实验之前先load 一个key 进来。这个钱包保护不是很彻底，我知道出了问题是无法阻止你们发出WTF诅咒的，诅咒完，来github提个issue，甚好。或者直接发个pr帮我们修bug，更好。

文章图片

这是个实验钱包，所以只支持导入一个key。你高兴的话研究一下这个钱包的代码，做点改装。

文章图片

注意这个DAPP区域，我划分出了红黄蓝绿四个区域
黄区黄区是选择一个DAPP，对我们这个系统来说，一个DAPP就是一个json，这是跨平台的。
到时候我们的网页版使用同样的json，啥也不改，就跨平台了。

文章图片

自动加载dapp路径下所有的json
绿区绿区是选择一个dapp之后出现的，我们把dapp 分解为一个个的操作

文章图片

比如Who am I 这个 DAPP 就三个操作，一个是查一个人的名字，输入地址。
一个是设置名字，输入地址和名字，设置名字我区分为 test 交易，和发送交易
绿区里就是操作和输入
蓝区蓝区就是显示你输入的值而已

文章图片

红区红区是用来执行操作和显示结果的
Check这个DAPP功能的操作就是从存储区查询，结果就是显示一个string ，给这个地址取得名字是啥。

文章图片

不写代码实现一个DAPP因为我们是用json配置DAPP，那是不用写代码的。
当然，如果我们配置的功能无法满足你的需求，你就需要写代码了。
让我们开始看起来

文章图片

这是WHO AM I dapp的全貌
他有三个功能，在红色区，我折叠了两个，一个一个看
title部分json里面的title就指定这个DAPP的名字

文章图片

Consts部分Consts用来配置一些常量，后面可以引用，这样能减少一些直接填值的错误
这里consts.base 其实是whoami DAPP的合约ScriptHash
主要是scriptcall 和 scriptparam 需要引用

文章图片

Funcs部分一Funcs部分，看起来很复杂，但是他一共就五个部分
Name desc inputs call results

文章图片

Name 和 desc 对应图上红色，不用解释。
Inputs对应图上黄色

文章图片

我们这里指定需要输入一个地址，上面就自动生成了这个UI
Funcs部分二

文章图片

这里看起来比较复杂的是Call部分，
Type表示这个dapp操作只需要去查一下存储区。
查存储区不需要调用合约
需要两个参数，脚本hash去const里面拿，地址从输入拿。这个(address)有这个，我们就会把这个string处理成address的scripthash。
还有其他的Calltype，主要有invokescript，测试执行合约，和sendrawtransaction，发布交易。具体你就可以看代码啦。
Funcs部分三

文章图片

Results 配置输出，对于getStorage 只能有一个输出。做过智能合约开发你就知道，getstorage取到的是bytearray，我们这里可以指定类型，会帮你翻译好。

一个DAPP功能完成了

文章图片

结果就是通过这样的配置，这里就得到了一个可以方便的查询每个人的名字的小工具，这就是DAPP的意义了。

其他部分了解了我们是如何简单的开发DAPP的，其他功能，我就简单说说了

SetName(test) 的 calltype 是invokescript，此时还是免费操作，适合做一些查询NEP5余额啦，查询NNS地址啦之类的不需要对区块链产生影响的功能

文章图片

Setname(sendraw) 的calltype 是sendrawtransaction，这是要花gas的（NEO10个gas内的交易免费，基本还是免费的）

文章图片

这里的按钮变成了两个，第一个会把交易发出去。
第二个会让你在交易面板看看你刚才生成的交易是啥。

文章图片

我们这个客户端，只有一个功能：发交易。
我们把DAPP定义为一种方便的帮助用户发起各种各样交易的辅助工具。
根据我们提供的这些功能，你是不是觉得，开发DAPP，也不那么复杂了呢。

One more thing还有一个好消息告诉大家，NNS （neo域名服务）TEST版就快放出了。NNS域名服务还会发行代币。
其实我们智能合约早就写了，就是没有一个合适的地方放DAPP，总不能让大家都拿着NEOGUI去拼合约吧。万事俱备，才敢告诉你。
现在这个未完成的NNS.TESTDAPP其实已经可以注册域名啦。
你要是高兴的话，根据我们 nel github docs项目里的NNS白皮书已经可以自己完成这套功能啦。