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

NEOGO發表於2019-01-05

之前做了 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白皮書已經可以自己完成這套功能啦。

相關文章