【開發智能合約 — Solidity系列】開發環境準備

更新 發佈閱讀 5 分鐘

開發之前我們先來做一些前置準備,就如同一道料理在完成之前,會預先準備廚具、食材,而我們就來看看這些廚具與食材究竟能夠煮出什麼令人驚豔的料理吧!

那我們需要準備哪些東西呢?

● IDE: 基礎版(Remix)、進階版(Vscode)。

● 程式語言: Solidity

● 程式碼儲存庫: Github

簡易Demo Remix線上編輯器

這邊我們會以最簡單的方式進行Demo,後續再使用更進階的編輯器,讓我們開發速度更飛快,目前的趨勢是雲端化,就連開發工具也能夠在雲開發,而Remix IDE也提供了雲端版本,就讓我們來試試看吧!

首先我們打開Remix IDE(https://remix.ethereum.org/),打開之後介面非常簡單的分類成以下幾塊:

raw-image

這個架構非常的乾淨,權責分明,不會導致初學者混淆。

幾乎不用任何安裝,就讓我們從這裡開始吧~~~

結合Github讓學習更有軌跡可循

Github是開發人員常用的一個平台,幫助我們儲存開發的程式碼,而且結合Git進行版本控制,非常的便利,也非常鼓勵大家註冊,一邊學習一邊累積自己的技術能力,為自己的作品集增添一些豐富度吧!

接下來我們會示範如何結合Solidity、Remix、Github來完成一個小型的智能合約範例。

建立一個專屬的Github Repository

開發之前我們就先創一個專屬空間來存放我們辛辛苦苦學習的程式碼吧! 在首頁的左上角可以看到一個「New」的按鈕,按下去之後就可以順利建立專屬的程式碼儲存空間囉。

raw-image

核發Github通行證(Access Token)

首先我們要讓Remix編輯器能夠順利的存取Github上面的程式碼,此時就需要具有存取通行證,而這個通行證我們就稱為Access Token,那麼就先回到Github上來核發通行證吧!

帳號註冊完畢後,我們來這裡「https://github.com/settings/tokens」簽發Token如下:

raw-image

接下來分別輸入Token名稱(自己容易識別的名字即可)、過期時間與權限範圍, 權限範圍的部分基本上只要把repo的存取權勾選起來即可。

raw-image

接著會得到一組Token,這一組Token非常重要,建議先找個記事本記起來,接著會拿這組通行證去Remix編輯器進行設定,讓兩者之間的溝通順暢。

回到Remix設定Github的Access Token

設定完之後進行儲存即可。

raw-image

接著clone我們一開始建立的Repository,再開始我們的智能合約旅途吧

如果成功將專案下載下來,就代表我們的Remix與Github之間已經能夠進行連結了。

raw-image

最後我們來試著上傳修改完的檔案,並驗證是否成功

這邊先用README說明書檔案做為範例進行Demo,撰寫完畢後進行儲存,接著可以看到檔案有變化後左下角會提示,我們接下來點進去做提交的動作。

raw-image

撰寫提交訊息之後,按下git commit,記得此時的commit僅是提交在Remix而已,下一步才會是Push推到Github進行儲存。

raw-image

最後按下Push就可以將程式碼儲存到Github,而整個環節順利驗證完畢之後,接下來就可以放心的開發智能合約囉。

raw-image

最後我們回到Github上看看這次的Push是否順利。

raw-image

看到上述的畫面非常感動,終於將流程打通了,接下來我們就逐一來學習Solidity的程式語言以及如何開發一個智能合約,過程一步一腳印,將學習歷程記載於Github之中,無形中也累積我們的作品經驗,如果未來要跨入區塊鏈領域也會是非常加分的一個Side Project, 加油,讓我們一起學習下去吧。

下一篇我們就來談談Remix這個編輯器常用的Plugin:

⏭️【開發智能合約 — Solidity系列】Remix編輯器常用的Plugin

讓我們使用便利的套件來提升開發速度吧!

📚 更多關於Solidity的文章請看這裡…

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — -

喜歡撰寫文章的你,不妨來了解一下:

Web3.0時代下為創作者、閱讀者打造的專屬共贏平台 — 為什麼要加入?

歡迎加入一起練習寫作,賺取知識,累積財富!

留言
avatar-img
留言分享你的想法!
avatar-img
阿Han的沙龍
141會員
308內容數
哈囉,我是阿Han,是一位 👩‍💻 軟體研發工程師,喜歡閱讀、學習、撰寫文章及教學,擅長以圖代文,化繁為簡,除了幫助自己釐清思路之外,也希望藉由圖解的方式幫助大家共同學習,甚至手把手帶您設計出高品質的軟體產品。
阿Han的沙龍的其他內容
2023/08/01
 相信常常聽到元宇宙的世界裡有一個並不陌生又有點距離的名詞「XR擴展實境」,包含了三大核心技術,分別為VR、AR與MR,其中VR與AR較為貼近我們的生活,那三者究竟有何不同呢? 就讓我們持續的看下去吧! VR 虛轉實,把假的變成真的 說到VR最直覺的就是想到VR頭盔吧,它可以帶給我
Thumbnail
2023/08/01
 相信常常聽到元宇宙的世界裡有一個並不陌生又有點距離的名詞「XR擴展實境」,包含了三大核心技術,分別為VR、AR與MR,其中VR與AR較為貼近我們的生活,那三者究竟有何不同呢? 就讓我們持續的看下去吧! VR 虛轉實,把假的變成真的 說到VR最直覺的就是想到VR頭盔吧,它可以帶給我
Thumbnail
2023/06/30
什麼是零知識證明(Zero-knowledge proof) 是一種密碼學的概念,用於在不揭示具體信息的情況下,證明某個主張的正確性。它允許一方(稱為證明者)向另一方(稱為驗證者)證明某個陳述的真實性,而無需透露任何關於陳述的具體細節..., 這根本文字天書啊,底下讓我們用白話文來說一下唄! 「我必
Thumbnail
2023/06/30
什麼是零知識證明(Zero-knowledge proof) 是一種密碼學的概念,用於在不揭示具體信息的情況下,證明某個主張的正確性。它允許一方(稱為證明者)向另一方(稱為驗證者)證明某個陳述的真實性,而無需透露任何關於陳述的具體細節..., 這根本文字天書啊,底下讓我們用白話文來說一下唄! 「我必
Thumbnail
2023/05/31
一套大型的智能合約通常都會拆分成許多小合約,並且透過匯入的方式拼裝而成,而這樣的匯入在Solidity世界中就是「Import」,就讓我們來看看「Import」到底怎麼運用吧! 假設目錄結構如下 example.sol other.sol 我們引入的方式就會是: import ‘./other.so
Thumbnail
2023/05/31
一套大型的智能合約通常都會拆分成許多小合約,並且透過匯入的方式拼裝而成,而這樣的匯入在Solidity世界中就是「Import」,就讓我們來看看「Import」到底怎麼運用吧! 假設目錄結構如下 example.sol other.sol 我們引入的方式就會是: import ‘./other.so
Thumbnail
看更多
你可能也想看
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
開發之前我們先來做一些前置準備,就如同一道料理在完成之前,會預先準備廚具、食材,而我們就來看看這些廚具與食材究竟能夠煮出什麼令人驚豔的料理吧! ● IDE: 基礎版(Remix)、進階版(Vscode)。 ● 程式語言: Solidity。 ● 程式碼儲存庫: Github。 這邊我們會以最簡單的方
Thumbnail
開發之前我們先來做一些前置準備,就如同一道料理在完成之前,會預先準備廚具、食材,而我們就來看看這些廚具與食材究竟能夠煮出什麼令人驚豔的料理吧! ● IDE: 基礎版(Remix)、進階版(Vscode)。 ● 程式語言: Solidity。 ● 程式碼儲存庫: Github。 這邊我們會以最簡單的方
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
Step1: 下載程式 下載連結: https://github.com/chase5ws/BlackChain_ASC/blob/main/ASC_Web3.zip Step2: 用Vscode打開程式 打開public->config資料夾內的abi 之後打開你的Remix 編輯器 https:
Thumbnail
Step1: 下載程式 下載連結: https://github.com/chase5ws/BlackChain_ASC/blob/main/ASC_Web3.zip Step2: 用Vscode打開程式 打開public->config資料夾內的abi 之後打開你的Remix 編輯器 https:
Thumbnail
前言   這篇文章將會介紹伺服器的概覽和倉庫,並介紹兩款客戶端協助使用者。 伺服器 | GitHub   線上軟體原始碼代管服務平台,使用 Git 作為版本控制軟體 GitHub 同時提供付費帳戶和免費帳戶,這兩種帳戶都可以建立公開或私有的代碼倉庫,但付費使用者擁有更多功能。   除了允許個人和組
Thumbnail
前言   這篇文章將會介紹伺服器的概覽和倉庫,並介紹兩款客戶端協助使用者。 伺服器 | GitHub   線上軟體原始碼代管服務平台,使用 Git 作為版本控制軟體 GitHub 同時提供付費帳戶和免費帳戶,這兩種帳戶都可以建立公開或私有的代碼倉庫,但付費使用者擁有更多功能。   除了允許個人和組
Thumbnail
所以寫程式的人都知道的一句話:「Hello World」,每一個學程式語言開始的時候都是從這句話開始的,我們也不免俗的來上這一句,從Hello World來看看智能合約入門是個什麼樣子。
Thumbnail
所以寫程式的人都知道的一句話:「Hello World」,每一個學程式語言開始的時候都是從這句話開始的,我們也不免俗的來上這一句,從Hello World來看看智能合約入門是個什麼樣子。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News