1. 程式人生 > >DAPP 開發直通車-如何基於NEL 輕錢包來開發DAPP

DAPP 開發直通車-如何基於NEL 輕錢包來開發DAPP

ets oam types draw one end 所有 ring 不用

之前做了 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