比特幣價格 比特幣價格
Ctrl+D 比特幣價格
ads
首頁 > DOGE > Info

VIPER:買不起2.6億一只的加密貓 他用10分鐘生了一窩_WEB3價格

Author:

Time:1900/1/1 0:00:00

不知道多少人和營長一樣,在結束一天的工作后,就想癱在沙發上玩玩游戲,一掃一天的疲憊。不過現在的游戲都越來越氪金了,就像玩家們常說的:不充錢你怎么能變強!!!

但要說氪金,很少有哪個游戲能比得上區塊鏈游戲,因為區塊鏈上的游戲都建立在一筆筆真實的加密貨幣交易之上。

就拿最火的去中心化游戲加密貓來說,其剛上線時一只加密貓能賣到上千元人民幣,最貴的一只竟賣到了125673個以太幣,在當時約合人民幣2.6億元。

當時最貴的一只加密貓

不禁讓人直呼:玩不起,玩不起。

玩不起又想玩怎么辦?

手把手開發一款區塊鏈游戲,不就OK了,何況又那么簡單,10分鐘就夠了

這是一款怎樣的DApp?

從現在開始,我們將構建一個類似于加密貓的簡單DApp,我們稱之為加密蛇

你可能會問為什么是蛇呢,但為什么不能是蛇呢?Python翻譯過來也是蛇呀。

在這個DApp中,你可以購買蛇和養殖蛇,應用頁面是這樣的:

加密蛇程序的頁面

其功能列表如下:

創造蛇–用戶能夠通過購買或讓兩條蛇交配來創造新的蛇。

查看蛇的詳細信息–用戶應該能夠查看自己擁有的蛇的詳細信息并進行顯示。

創建加密蛇,你至少需要用到以下工具

智能合約相關:

智能合約編程語言Solidity

開源智能合約開發環境Remix

用于調試和測試智能合約的Metamask

前端技術相關:

用于與本地以太坊節點進行通信的js庫Web3.js

構建用戶界面的漸進式框架Vue.js

用于創建vue項目的Vue-cli

前端框架Boostrap-vue

此外,你還需要使用Git來克隆一些代碼模板。

在進行編程之前,這里先假定你已經對以下的知識有了基本的了解。

了解智能合約及其編程語言Solidity。

了解使用MetaMask進行智能合約的調試和測試。

了解使用RemixIDE進行智能合約的編譯和部署。

當然了,如果你對這一些知識還有欠缺,也不用擔心,本文會詳細介紹每一個細節。

深入了解ERC-721標準

ERC-721是一個用來描述如何在以太坊區塊鏈上制造不可替代token的標準。滿足ERC-721標準的每個token或其他數字資產都是唯一的,這意味著它不等同于任何其他token。你可以把它們想象成一種特殊的,獨一無二的收藏品。

數據:DEX 8月現貨交易額創2020年12月以來新低:9月4日消息,The Block數據顯示,去中心化交易平臺(DEX)8月現貨交易額達221.9億美元,創2020年12月(219億美元)以來新低。其中,8月Uniswap市占率為55.34%,較7月的60.55%下降約5個百分點。[2023/9/4 13:15:55]

ERC-721標準的接口

根據標準的官方文檔,ERC-721規定了智能合約用以管理、持有和交易唯一token必須實現的最小接口:

balanceOf-返回特定所有者_owner錢包中的token余額。

ownerOf-返回特定token所有者的錢包地址。

totalSupply-返回創建的token總數。

transfer-將_tokenId標記的token從發送者的錢包轉移到指定接收者的錢包。

takeOwnership-聲明給定ID的token的所有權。

approve-批準另一個地址來聲明給定ID的token所有權。

此外,它還定義了兩個事件:Transfer和Approval。當token從一個錢包轉移到另一個錢包時,會觸發轉移事件。另一方面,當一個賬戶批準另一個賬戶聲明他擁有的某個token的所有權時,會觸發批準事件。

OpenZeppelin的ERC-721token實現

OpenZeppelin是一款開源智能合約開發框架,它提供了可重復使用的智能合約模板,包括ERC-20和ERC-721等標準token的實現模板。在這里,我們將導入他們的ERC-721token實現,這樣我們就不必從頭開始編寫它,避免了重復造輪子。

創建智能合約

此DApp是基于以太坊平臺開發,所以需要使用Solidity語言發行token。

首先,在開源智能合約開發環境Remix中,創建一個名為ViperToken.sol的新文件并在其中添加以下代碼:

1//WewillbeusingSolidityversion0.5.32pragmasolidity0.5.3;3//ImportingOpenZeppelin'sERC-721Implementation4import"https://github.com/OpenZeppelin/openzeppelin-solidity/contracts/token/ERC721/ERC721Full.sol";5//ImportingOpenZeppelin'sSafeMathImplementation6import"https://github.com/OpenZeppelin/openzeppelin-solidity/contracts/math/SafeMath.sol";789contractViperTokenisERC721Full{10usingSafeMathforuint256;11//Thisstructwillbeusedtorepresentoneviper12structViper{13uint8genes;14uint256matronId;15uint256sireId;16}1718//Listofexistingvipers19Viperpublicvipers;2021//Eventthatwillbeemittedwheneveranewviperiscreated22eventBirth(23addressowner,24uint256viperId,25uint256matronId,26uint256sireId,27uint8genes28);2930//InitializinganERC-721Tokennamed'Vipers'withasymbol'VPR'31constructor()ERC721Full("Vipers","VPR")public{32}3334//Fallbackfunction35function()externalpayable{36}3738/**5354/**);75uint256newViperId=vipers.push(newViper).sub(1);76super._mint(viperOwner,newViperId);77emitBirth(78viperOwner,79newViperId,80newViper.matronId,81newViper.sireId,82newViper.genes83);84returnnewViperId;85}8687/**9495/**104105/**113114/**else{122uint256memoryresult=newuint256(viperCount);123uint256totalVipers=vipers.length;124uint256resultIndex=0;125uint256viperId=0;126while(viperId<totalVipers){127if(ownerOf(viperId)==msg.sender){128result=viperId;129resultIndex=resultIndex.add(1);130}131viperId=viperId.add(1);132}133returnresult;134}135}136}

Polygon的模塊化區塊鏈項目Avail開啟Kate測試網第二階段:金色財經報道,Polygon 的模塊化區塊鏈項目 Avail 開啟Kate測試網的第二階段,第一個測試網階段允許 Avail 試驗基本操作、執行鏈上功能和運行協議治理。第二階段將包括一個更全面的測試環境,以鼓勵驗證者參與。開發人員表示,Avail 還打算解決擴展應用程序所面臨的數據可用性問題,計劃招募數百名新驗證者加入、參與和參與其社區。[2023/6/8 21:24:26]

由GitHub托管的ViperToken.sol

在上面的代碼中,我們套用了OpenZeppelin的ERC-721token實現,并在其中添加了自定義函數。此外,還在代碼中導入了SafeMath庫以避免出現整數的上溢和下溢漏洞。

接下來,詳細介紹一下代碼的功能:

首先,函數generateViperGenes用來確定新出生蛇的基因,主要用在兩條蛇繁育新蛇時。我們選擇了一種非常簡單的實現方式,在這種情況下,我們使用1到6這幾個簡單的數字來確定新出生蛇的長相。當然了,你也可以修改代碼,創造出更多獨具特色的蛇。

然后,我們實現了一個createViper函數,這個函數用來創建一條新的蛇,并通過傳入函數的參數“viperOwner”指定該新創建蛇的所有者。

函數buyViper是一個可以接受以太幣付款的函數,函數中調用了我們之前定義的createViper函數。Payable這個標記是一個修飾符,用于指出此函數在執行時可以接收以太幣付款。相信你能從這行明擺著就是要錢的代碼中看出來:

1require(msg.value==0.02ether);

代碼中的require語句會檢查是否滿足給定的條件,并在不滿足條件時報錯。在Solidity語言中,msg.value語句用來存儲調用該函數的用戶發送的以太幣數量。

在上面的代碼中,我們要求用戶支付0.02個以太幣來購買一條隨機分配的蛇。在這里,你就是上帝,你可以隨意修改這個金額,如果你愿意的話,甚至還可以刪除這條語句,這樣每個用戶都可以訪問這個函數來免費得到一條蛇。

函數breedVipers在調用時代價更為昂貴,它需要用戶支付0.05個以太幣,不過這并不是為了蒙騙小白,因為該函數允許用戶根據兩條蛇父母的基因創建一條新的蛇,也就是說可以讓用戶得到一條高身價的蛇。

當然了,我們還需要定義一個能夠查看蛇詳細信息的函數。函數getViperDetails在被調用時會返回給定蛇的基因和父母ID之類的細節。

最后是一個ownVipers函數,該函數可以返回調用者擁有的蛇的ID列表。具體的實現是通過msg.sender這個語句,它用來標記調用函數的用戶的地址。

1inch社區發起將100萬USDC分配至AAVE V3上借貸池賺取收益提案:5月16日消息,DEX聚合器1inch發起1IP-27提案投票,計劃將國庫中的100萬USDC資產,分配至AAVE V3上借貸池賺取收益;投票最終截止日期到21日,目前超過55%的選票選擇了NO。[2023/5/16 15:06:25]

現在,所有的函數都已定義完畢,接下來,我們需要編譯ViperToken智能合約,這里需要注意的是,請在Remix界面的右側選擇編譯器的版本,指定版本為0.5.3commit.10d17f24,因為我們使用的是0.5.3版本的Solidity語言,完成后我們就可以將智能合約部署到以太坊Ropsten測試網絡上了。

這里我們編譯并部署了ViperToken智能合約,由于操作步驟較多,你最好檢查一下每一步是否都已正確完成。

如果所有的步驟都沒有出錯,智能合約得到了正確的部署,你會看到如下頁面:

智能合約編譯成功的頁面

智能合約已被成功部署并加入到“已部署智能合約”中

構建Web應用程序

到這里,智能合約就可以正常運行了,但如果沒有一個與之交互的Web應用程序,那么運行起來就只能看到一些數字。為了讓這個DApp更有意思,接下來營長帶你制作一個簡單的Web應用程序。

配置開發環境

構建Web應用程序首先需要配置開發環境,在這里廢話不多說,讓我們直接切入正題。讓我們在終端中執行以下操作來克隆GitHub上的代碼模板:

1#CloningtheboilerplatefromGitHub2gitclone-bboilerplate--single-branchhttps://github.com/openberry-ac/cryptovipers.git3#Navigatingtothedirectoryandinstallingpackages4cdcryptovipers5npminstall6#InstallingWeb37npminstall-s1.0.0-beta.378#Toruntheapp9npmrundev

克隆GitHub上的代碼模板

這可能需要幾分鐘的執行時間,操作完成后,你的Web應用程序就運行起來了。

你可以在瀏覽器中訪問http://localhost:8080看到它,應用程序界面長這樣:

加密蛇的頁面

連接到智能合約實例

為了使我們的Web應用程序能夠與先前部署的智能合約進行交互,這里我們會用到與本地以太坊節點進行通信的js庫web3.js。在配置開發環境時我們已經安裝好了軟件包,現在我們要在“contracts”文件夾下名為web3.js的文件中加入如下代碼來調用它:

Mysten Labs Henry:公鏈Sui公布Grants審核流程和通知時間:10月28日消息,Mysten Labs APAC Dev Rel負責人Henry在Sui社區日活動上公布了Sui Grants發放審核流程。

Grants審核分為初篩、評分篩選、委員會終審+建議獎勵金額、Sui董事會批準、通知申請人+KYC+簽合同五個步驟。第一批申請預計11月底到12月初發通知。[2022/10/28 11:52:15]

1importWeb3from'web3';23constgetWeb3=()=>newPromise((resolve)=>{4window.addEventListener('load',()=>{5letcurrentWeb3;67if(window.ethereum){8currentWeb3=newWeb3(window.ethereum);9try{10//Requestaccountaccessifneeded11window.ethereum.enable();12//Acccountsnowexposed13resolve(currentWeb3);14}catch(error){15//Userdeniedaccountaccess...16alert('Pleaseallowaccessfortheapptowork');17}18}elseif(window.web3){19window.web3=newWeb3(web3.currentProvider);20//Acccountsalwaysexposed21resolve(currentWeb3);22}else{23console.log('Non-Ethereumbrowserdetected.YoushouldconsidertryingMetaMask!');24}25});26});2728exportdefaultgetWeb3;

由GitHub托管的web3.js

上面的代碼加載了MetaMask瀏覽器擴展初始化的web3實例,稍后我們將用它來和先前部署的智能合約進行交互。

在這個過程中你可能會遇到MetaMask的彈出窗口,它會要求獲取訪問權限。這是因為我們在代碼中加入了ethereum.enable,所以在Web應用程序請求訪問帳戶時窗口就會自動彈出,這時你只需要像下圖一樣點擊“Connect”按鈕即可:

MetaMask的彈出窗口

現在,我們需要讓這個Web應用程序連接到智能合約的ABI上。要獲取ABI我們需要返回到Remix的界面,轉到Compile選項卡,然后單擊Details按鈕旁邊的ABI按鈕,具體操作如下圖所示:

點擊ABI按鈕來復制智能合約的ABI

Parallel Finance與Phala實現XCM集成:據官方消息,Parallel Finance宣布,通過雙向HRMP通道與Phala Network開啟跨鏈通信。該跨共識消息(XCM)通道將同時在Polkadot上的Parallel和Phala Network之間,以及Kusama上Heiko和Khala Network之間開放。這種雙向通信信道的主要用途是實現本地通信和鏈之間的PARA、HKO、PHA、k-PHA傳輸,而無需跨鏈橋。[2022/9/11 13:22:10]

獲取了ABI后,在contract文件夾下打開名為abi.js的文件,然后將ABI粘貼為變量contractAbi的值,如下所示:

1constcontractAbi=//PASTEABICODEHERE23exportdefaultcontractAbi;

由GitHub托管的abi.js

文件中應該會有一個示例代碼,遇到問題時你可以隨時參考它。然后,我們還必須指定智能合約實例的地址,你需要回到Remix界面的Deploy選項卡,然后單擊已部署智能合約上的復制圖標,具體操作如下圖所示:

點擊“復制”按鈕復制智能合約實例地址

在src文件夾下找到的App.vue,打開并將你的智能合約地址粘貼到第86行,作為變量contractAddress的值:

1constcontractAddress='';//Righthere!2//Ex:constcontractAddress='0xf59c4c3c79071d3e11034a9344789bd3';

定義實現的方法

現在你可能會注意到用戶界面一切都正常,但點擊按鈕卻不起任何作用。這是因為我們還沒有定義Web應用程序的功能,接下來我們就開動。首先返回到App.vue文件中,轉到第116行,你可以在其中查到所有的方法,但所有方法的實現都只包含一個輸出方法名的console.log。

Web應用程序的第一個功能是購買蛇。讓我們用以下代碼修改buyViper方法:

1buyViper(){2this.isLoading=true;3this.contractInstance.methods.buyViper().send({4from:this.account,5value:web3.toWei(0.02,'ether'),6}).then((receipt)=>{7this.addViperFromReceipt(receipt);8this.isLoading=false;9}).catch((err)=>{10console.log(err,'err');11this.isLoading=false;12});13},

由GitHub托管的App.vue

還記得我們在智能合約中的規定么?購買一條蛇我們需要收取0.02個以太幣的費用,因此在代碼中我們需要同時發送我們的帳戶信息和0.02個以太幣來進行支付。然后我們就可以調用智能合約中的buyViper函數,該函數會返回新生成蛇的詳細信息,緊接著我們將這些細節保存在vipers數組中。

接下來,修改繁殖蛇的功能breedVipers:

1breedVipers(){2this.isLoading=true;3this.contractInstance.methods.breedVipers(this.matron,this.sire).send({4from:this.account,5value:web3.toWei(0.05,'ether'),6}).then((receipt)=>{7this.addViperFromReceipt(receipt);8this.isLoading=false;9}).catch((err)=>{10console.log(err,'err');11this.isLoading=false;12});13},

由GitHub托管的App.vue

在智能合約中,我們規定了用戶需要支付0.05個以太幣才能訪問繁殖蛇的函數,同時,在調用breedVipers函數時需要傳入兩個整數參數,matron和sire,所以在上面的代碼中我們將兩個整數參數傳遞給函數。這個函數在執行后會返回新出生蛇的詳細信息,我們需要將其保存到vipers數組中。

最后,定義檢索自己擁有蛇的詳細信息的方法,稱為getVipers:

1getVipers(){2this.isLoading=true;3this.contractInstance.methods.ownedVipers().call({4from:this.account,5}).then((receipt)=>{6for(leti=0;i<receipt.length;i=1){7this.contractInstance.methods.getViperDetails(receipt).call({8from:this.account,9}).then((viper)=>{10this.vipers.push({11id:viper,12genes:viper,13matron:viper,14sire:viper,15url:vipersMap],16});17}).catch((err)=>{18console.log(err,'err');19});20}21this.isLoading=false;22}).catch((err)=>{23console.log(err,'err');24this.isLoading=false;25});26},

由GitHub托管的App.vue

想要獲取你所擁有蛇的詳細信息,你可以采用以下兩種方法:ownedVipers方法和getViperDetails方法。第一種方法能獲取存有我們蛇詳細信息的數組,而第二方法能獲取每條蛇的詳細信息。在獲取每條蛇的詳細信息后,我們將其保存到vipers數組中。

恭喜你,完成了所有的開發工作!

加密蛇游戲的玩法示范:花費0.02個以太幣購買一條新的蛇,然后讓編號為15和編號為16的蛇繁殖一條蛇寶寶,恭喜你,你做到了!

寫在最后

剛剛我們開發了一個類似于加密貓的DApp!同時,也學習了如何創建自己的ERC-721標準實現,并定義了DApp的自定義函數,學習了如何使用Vue.js開發項目,并創建了一個簡單的Web應用程序。

如果你覺得這樣太簡單了,還想挑戰一下自己,這是我的一點建議:

首先,你可以鍛煉一下自己的token開發能力,在本文中我們直接使用了現成的ERC-721token代碼,你可以試著自己從頭來開始編寫,在這個過程中你可以參考開源智能合約開發框架OpenZeppelin的實現或以太坊ERC-721token的標準規范。

或者,你可能試著擴展一下我們已經完成的工作,在這個去中心化應用程序中添加更多的功能,就比如說加入與其他用戶進行蛇交易的功能,這也是一個不錯的主意。

老鐵們,學到干貨了嗎?

Tags:VIPERVIPWEBTOKVIPER幣CVIPWEB3價格Hybrid Token

DOGE
加密貨幣:高盛:加密貨幣“超級有趣” 正等待美國政府的政策支持_加密貨幣行情

據ccn.com報道,在本周的DTCC會議上,高盛證券部門全球聯席主管馬丁?查韋斯表示,在得到政府的支持之前,銀行應避免接觸加密貨幣。據報道,高盛正在等待美國政府的加密貨幣政策.

1900/1/1 0:00:00
區塊鏈:越來越多的大佬入局 比特幣可能會失去高波動性_htb幣加密貨幣能退款嗎

據統計,2019年4月,全球區塊鏈領域共斬獲37筆融資,項目數量接近3月份,但融資總額僅為13.39億元,環比下降了69.7%.

1900/1/1 0:00:00
區塊鏈:一鍵辦公司?區塊鏈真有這么神奇?_TPAY

據南方日報消息,近日,廣州市黃浦區在企業開辦領域新上線了“商事服務區塊鏈平臺”。開啟了“全天候、零見面、一鍵辦”的企業開辦服務新模式.

1900/1/1 0:00:00
EOS:Ultrain超腦鏈發現并協助修復EOS致命安全漏洞并獲官方致謝_ARCHAI價格

據悉,Ultrain技術團隊核心成員近期在閱讀EOSchainbase開源代碼時,發現其底層實現存在可導致EOS全網宕機隱患的致命安全漏洞,并立即將問題詳細描述及修復辦法提交至EOS團隊.

1900/1/1 0:00:00
比特幣:分析師看后市4月30日:4位看漲1位看跌_SIGIL價格

今日共有5位幣圈分析師對BTC明日走勢進行了判斷,其中4位看漲1位看跌。1.看漲@數字貨幣趨勢狂人:目前比特幣仍然沒有明確的方向,但可以看到其他主流幣再次走出了反彈行情,且成交量有明顯的放大,這.

1900/1/1 0:00:00
比特幣:“股神”落伍了?加密社區怒懟巴菲特_Yolorekt

北京時間5月4日晚,一年一度的巴菲特股東大會在美國奧馬哈召開。美國商業大亨沃倫·巴菲特是現代歷史上最成功的投資者之一,這位聲名赫赫的“股神”坐擁有約900億美元的凈資產.

1900/1/1 0:00:00
ads