智能合約web3(3)-認識web3程式

更新於 2024/11/03閱讀時間約 5 分鐘

Step1:config2~3行的部分

打開public->config資料夾內的config.json
"CONTRACT_ADDRESS": "你的合約地址",
"SCAN_LINK": "你的合約token track",
在前面的時候大家應該都有mint自己的nft並且可以在Opensea看到 所以我們現在要去Opensea找到我們NFT的合約跟token位置
https://testnets.opensea.io/
找到NFT介面往下滑展開Detail
接下來點擊TokenTracker將上方的網址複製下來
接著回到vscode把複製的網址貼上去SCAN_LINK CONTRACT_ADDRESS放網址token/後面這段(因為他跟合約網址一樣)
大概會長這樣
"CONTRACT_ADDRESS": "0x0402f8b2df312e8177dd7149ff62ca5f50cd1289",
"SCAN_LINK": "https://goerli.etherscan.io/token/0x0402f8b2df312e8177dd7149ff62ca5f50cd1289",

Step2:config5~7行的部分

    "NAME": "網路鏈",
    "SYMBOL": "主要代幣",
    "ID": "網路鏈id"
這邊要填的是你合約建構用的網路鏈
就跟新增節點差不多 範例goerli大概會長這樣

要注意ID 這邊只有純數字要把""拿掉

    "NAME": "goerli",
    "SYMBOL": "ETH",
    "ID": 5
假如你是ETH的話
    "NAME": "ethereum main network",
    "SYMBOL": "ETH",
    "ID": 1
Step3:config9~16行的部分
  "NFT_NAME": "你的nft名稱",
  "SYMBOL": "縮寫",
  "MAX_SUPPLY": "最大供應數",
  "WEI_COST": "售價",
  "DISPLAY_COST": 0,
  "GAS_LIMIT": 300000,
  "MARKETPLACE": "Opensea",
  "MARKETPLACE_LINK": "你的NFT在OPensea的連結",
沒錯照上面我寫的覆蓋
大概會長這樣
  "NFT_NAME": "ASCTest",
  "SYMBOL": "ASCT",
  "MAX_SUPPLY": "10",
  "WEI_COST": "0",
  "DISPLAY_COST": 0,
  "GAS_LIMIT": 300000,
  "MARKETPLACE": "Opensea",
  "MARKETPLACE_LINK": "https://testnets.opensea.io/collection/asc-t1",

Step4: 修改書籤標示

打開public你會看到3個favicon.ico 在VS code上他會呈現像是星星的模樣
這是網站之後會呈現在上面的標誌將它改成你想要的標誌
這邊給一個icon的網站:https://www.flaticon.com/
下在下載後會是png檔,將檔案改成favicon.ico取代原本的favicon.ico就可以了
接著我們打開public的index.html
找到裡面的code的第25行
<title>ASC Test</title>
將ASC Test改成你的NFT收藏品名稱 這業會顯示在標籤上面

Step4: 修改網頁樣式1

接下來找到 public->config資料夾->image資料夾 下面是你會需要改動的東西bg.pn背景顏色)/example.glf(在網站上nft的示意圖)

Step5: 修改網頁樣式2

public->config資料夾的theme.css
裡面對應的就是網頁裡面文字、框背景跟按鈕的顏色
將鼠標放上去顏色後就可以隨意改動
為什麼會看到廣告
avatar-img
7會員
31內容數
其實只是技術分析是一件利用數據預測未來路徑的數學,並不像其他人所說的那麼複雜或高大上,最後學完技術分析後,發現很多的KOL其實就是來教基礎課程跟賺邀請碼傭金的,而邀請碼的傭金對於他們來說就像傳銷,越多越賺錢,可是他們給你的效益一定不會比起跟很多有在做交易的人討論還來的划算。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Gouzi5 | ASC的沙龍 的其他內容
Step1: 下載程式 下載連結: https://github.com/chase5ws/BlackChain_ASC/blob/main/ASC_Web3.zip Step2: 用Vscode打開程式 打開public->config資料夾內的abi 之後打開你的Remix 編輯器 https:
Step0: 有API跟合約地址 前集提要:基礎智能合約 https://app.gitbook.com/o/2Og60fxjxr8ujOJl0Uns/s/bTPJaVnpufRAdMCNcQDH/asc-ji-chu-zhi-neng-he-yao-v1 Step1:創辦Github帳號 Gith
Step1: 下載程式 下載連結: https://github.com/chase5ws/BlackChain_ASC/blob/main/ASC_Web3.zip Step2: 用Vscode打開程式 打開public->config資料夾內的abi 之後打開你的Remix 編輯器 https:
Step0: 有API跟合約地址 前集提要:基礎智能合約 https://app.gitbook.com/o/2Og60fxjxr8ujOJl0Uns/s/bTPJaVnpufRAdMCNcQDH/asc-ji-chu-zhi-neng-he-yao-v1 Step1:創辦Github帳號 Gith
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
分佈式帳本是區塊鏈技術不可或缺的一部分,它通過將數據分散儲存於多個節點,提升數據的安全性及可信度。區塊鏈的共識機制決定交易的有效性及節點的權限運作。本文對不同共識機制,如工作量證明(PoW)和權益證明(PoS)進行探討,並分析其各自的優缺點及在實際應用中的潛力。
Thumbnail
隨著Blockchain 的日益成熟,智能合約已經成為改變多個行業,包括IT服務行業的一種重要技術。智能合約不僅提高了交易的透明度,還增強了合約執行的自動化和安全性。本文將介紹智能合約的基本概念、在IT服務管理中的具體應用,以及實施時可能遇到的挑戰。
0. 大綱Outline 以太坊交易 發起交易 與智能合約互動 receive & fallback function 1. 舊以太坊交易 Ethereum Gas Tracker - 7 Gwei - Etherscan //交易技術, 表示特定帳戶的交易數量,是計數器, 每發一筆交
Thumbnail
●智能合約 : 區塊2.0的產物   智能合約(Smart Contracts)最早是在1994年由Nick Szabo提出的概念,但一直到2015年,以太坊的創辦人Vitalik Buterin推出了智能合約,並運行於以太坊上,至今以太坊仍是最多人使用的智能合約區塊鏈。   ●智能
Thumbnail
針對Midnight區塊鏈在智能合約方面如何在達成去中心化的同時,又能保護資料隱私性上的介紹
Thumbnail
在數字化時代,金融行業正經歷戲劇性的變化。區塊鍊和人工智能(AI)等新興技術正在改變我們對金融交易和智能合約的看法。本文將深入探討人工智能和智能合約的角色,以及它們如何重新定義未來金融的重要性。 智能合約的基本概念和功能 1.什麼是智能合約?智能合約是一種合約,它們在區塊鏈上運行,自動執行和實施
Thumbnail
OKX AA 智能合約錢包結合了外部帳戶( EOA )和合約帳戶(CA)的優點,提供更高的安全性、方便性與效率,為區塊鏈錢包創建更多可能,降低新手的學習門檻。 OKX AA
Thumbnail
Bucket(桶):雜湊表儲存資料的位置,每一個位置具有唯一識別索引。 Slot(槽): 每一個Bucket裡面都會存放不同的資料,而假設一筆資料由兩個欄位組成,每一個欄位就是一個Slot(槽)。 Hash Function(雜湊演算法):計算出雜湊值的一套數學公式,諸如: MD5、SHA…
Thumbnail
什麼是零知識證明(Zero-knowledge proof) 是一種密碼學的概念,用於在不揭示具體信息的情況下,證明某個主張的正確性。它允許一方(稱為證明者)向另一方(稱為驗證者)證明某個陳述的真實性,而無需透露任何關於陳述的具體細節..., 這根本文字天書啊,底下讓我們用白話文來說一下唄! 「我必
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
分佈式帳本是區塊鏈技術不可或缺的一部分,它通過將數據分散儲存於多個節點,提升數據的安全性及可信度。區塊鏈的共識機制決定交易的有效性及節點的權限運作。本文對不同共識機制,如工作量證明(PoW)和權益證明(PoS)進行探討,並分析其各自的優缺點及在實際應用中的潛力。
Thumbnail
隨著Blockchain 的日益成熟,智能合約已經成為改變多個行業,包括IT服務行業的一種重要技術。智能合約不僅提高了交易的透明度,還增強了合約執行的自動化和安全性。本文將介紹智能合約的基本概念、在IT服務管理中的具體應用,以及實施時可能遇到的挑戰。
0. 大綱Outline 以太坊交易 發起交易 與智能合約互動 receive & fallback function 1. 舊以太坊交易 Ethereum Gas Tracker - 7 Gwei - Etherscan //交易技術, 表示特定帳戶的交易數量,是計數器, 每發一筆交
Thumbnail
●智能合約 : 區塊2.0的產物   智能合約(Smart Contracts)最早是在1994年由Nick Szabo提出的概念,但一直到2015年,以太坊的創辦人Vitalik Buterin推出了智能合約,並運行於以太坊上,至今以太坊仍是最多人使用的智能合約區塊鏈。   ●智能
Thumbnail
針對Midnight區塊鏈在智能合約方面如何在達成去中心化的同時,又能保護資料隱私性上的介紹
Thumbnail
在數字化時代,金融行業正經歷戲劇性的變化。區塊鍊和人工智能(AI)等新興技術正在改變我們對金融交易和智能合約的看法。本文將深入探討人工智能和智能合約的角色,以及它們如何重新定義未來金融的重要性。 智能合約的基本概念和功能 1.什麼是智能合約?智能合約是一種合約,它們在區塊鏈上運行,自動執行和實施
Thumbnail
OKX AA 智能合約錢包結合了外部帳戶( EOA )和合約帳戶(CA)的優點,提供更高的安全性、方便性與效率,為區塊鏈錢包創建更多可能,降低新手的學習門檻。 OKX AA
Thumbnail
Bucket(桶):雜湊表儲存資料的位置,每一個位置具有唯一識別索引。 Slot(槽): 每一個Bucket裡面都會存放不同的資料,而假設一筆資料由兩個欄位組成,每一個欄位就是一個Slot(槽)。 Hash Function(雜湊演算法):計算出雜湊值的一套數學公式,諸如: MD5、SHA…
Thumbnail
什麼是零知識證明(Zero-knowledge proof) 是一種密碼學的概念,用於在不揭示具體信息的情況下,證明某個主張的正確性。它允許一方(稱為證明者)向另一方(稱為驗證者)證明某個陳述的真實性,而無需透露任何關於陳述的具體細節..., 這根本文字天書啊,底下讓我們用白話文來說一下唄! 「我必