DAPP 開發直通車-如何基於NEL 輕錢包來開發DAPP
之前做了 DAPP 開發直通車，通講了一下開發一個DAPP的過程。
?
但是涉及多工種，多步驟。入手還是非常困難的。
?
經過不懈的努力，做了很多鋪墊工作之後，我終於可以告訴你：
?
開發DAPP for NEO，從未如此簡單
綠谷鎮樓。
?
?
首先請記住NEL的GITHUB首頁，這裏擁有NEO相關的一大堆開發成果，牛逼我就不吹了，你自己看一看這些項目，你至少可以感受到，我們真的是馬不停蹄。
唯一的問題是文檔化程度很低，我們歡迎有興趣的同誌一起來提升建設NEL這個圍繞NEO的中國開發者社區。
?
那麽輕錢包在哪裏呢？
找到這個項目，他還有一個兄弟項目
?
他們分別使用 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。
還有其他的Call type，主要有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.TEST DAPP其實已經可以註冊域名啦。
你要是高興的話，根據我們 nel github docs項目裏的NNS白皮書已經可以自己完成這套功能啦。
DAPP 開發直通車-如何基於NEL 輕錢包來開發DAPP