📜 [專欄新文章] Optimistic Rollup 就這樣用（1）

✍️ Juin Chiu

📥 歡迎投稿： https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium

ERC20 的入金、轉帳與出金

TL;DR

本文會跳過 Optimistic Rollup 的介紹而直接實際演示，關於 Optimistic Rollup 的概念與設計原理我將在日後另撰文說明，有興趣的讀者可以先參考下列三篇文章（由淺入深）：1. OVM Deep Dive 2. (Almost) Everything you need to know about Optimistic Rollup 3. How does Optimism’s Rollup really work?

本文將演示一個 Optimism Rollup 範例，程式碼在這裡。

本演示大量參考了以下這兩個官方範例：optimism-tutorial、l1-l2-deposit-withdrawal。

環境設置

Git

Node.js

Yarn

Docker

Docker-compose

筆者沒有碰到環境相容問題，但是建議都升到最新版本， Node.js 使用 v16.1.0 或以上版本

Optimism 服務啟動

有關 Optimisim 的所有服務，都包裝在 Optimism 這個超大專案當中了，直接使用原始碼進行組建：

$ git clone git@github.com:ethereum-optimism/optimism.git$ cd optimism$ yarn$ yarn build

組建完成後，就可以在本機啟動服務了：

$ cd ops$ docker-compose build$ docker-compose up

這個指令會啟動數個服務，包括：

L1 Ethereum Node (EVM)

L2 Ethereum Node (OVM)

Batch Submitter

Data Transport Layer

Deployer

Relayer

Verifier

Deployer 服務中的一個參數要特別注意： FRAUD_PROOF_WINDOW_SECONDS，這個就是 Optimistic Rollup 的挑戰期，代表使用者出金（Withdraw）需等候的時長。在本篇演示中預設為 0 秒。

如果有需要重啟，記得把整個 Docker Volume 也清乾淨，例如： docker-compose down -v

Optimism 整合測試

在繼續接下來的演示之前，我們需要先確認 Optimism 是否有順利啟動，特別是 Relayer 是否運作正常，因此我們需要先進行整合測試：

$ cd optimism/integration-tests$ yarn build:integration$ yarn test:integration

確保 L1 <--> L2 Communication 相關測試通過後再繼續執行接下來的演示內容。

啟動服務及部署合約需要花費一些時間，運行一段時間（約 120 秒）之後再執行測試，如果測試結果全部皆為 Fail，可能是 Optimism 尚未啟動完成，再等待一段時間即可。

ERC20 合約部署

Optimism 啟動成功並且完成整合測試後，接下來進行 ERC20 合約的部署。筆者已將合約及部署腳本放在 optimistic-rollup-example-erc20 這個專案中：

$ git clone git@github.com:ethereum-optimism/optimistic-rollup-example-erc20.git$ cd optimistic-rollup-example-erc20$ yarn install$ yarn compile

接下來我們需要部署以下合約：

ERC20，部署於 L1

L2DepositedEERC20，部署於 L2

OVM_L1ERC20Gateway，部署於 L1

其中，ERC20 與 L2DepositedERC20 是由上面的範例專案編譯的，可以直接在範例專案中直接取得 ABI；而 OVM_L1ERC20Gateway 則是由 Optimism 編譯的，屬於 Optimistic Rollup 協定的一部分，無法直接在範例專案中取得 ABI。

因此在部署以上三個合約前，我們需先手動將 OVM_L1ERC20Gateway 編譯後的生成品 （Artifacts）——即 ABI，複製到此專案中：

$ cp -r ~/projects/optimism/packages/contracts/artifacts/contracts/optimistic-ethereum/OVM/bridge/tokens/OVM_L1ERC20Gateway.sol ~/projects/optimistic-rollup-example-erc20/artifacts/contracts/

OVM_L1ERC20Gateway 只部署在 L1 上，顧名思義它就是 L1 <=> L2 的「門戶」，提供 Deposit / Withdraw 兩個基本功能，使用者必須透過這個合約來進出 L2。

雖然 OVM_L1ERC20Gateway 是 Optimistic Rollup 官方提供的合約。但是開發者也可以依需求自行設計自己的「門戶」。

接下來，我們直接用腳本進行部署：

$ node ./deploy.jsDeploying L1 ERC20...Deploying L1 ERC20...L1 ERC20 Contract Address: 0x1429859428C0aBc9C2C47C8Ee9FBaf82cFA0F20fDeploying L2 ERC20...L2 ERC20 Contract Address: 0x67d269191c92Caf3cD7723F116c85e6E9bf55933Deploying L1 ERC20 Gateway...L1 ERC20 Gateway Contract Address: 0xB0D4afd8879eD9F52b28595d31B441D079B2Ca07Initializing L2 ERC20...

ERC20 入金、轉帳與出金

ERC20 入金（L1 => L2）

目前餘額：

在合約部署完成後，Deployer 是目前唯一有資金的帳戶，接下來我們就進行入金（Deposit），將 Deployer 的資金從 L1 搬到 L2。

首先，進入 ETH（L1） 的 Console：

$ npx hardhat console --network ethWelcome to Node.js v16.1.0.Type ".help" for more information.>

取得 Deployer / User 帳戶：

// In Hardhat ETH Console

> let accounts = await ethers.getSigners()> let deployer = accounts[0]> let user = accounts[1]

取得 ERC20 及 OVM_L1ERC20Gateway 合約物件，合約地址可以從部署訊息中取得：

// In Hardhat ETH Console

> let ERC20_abi = await artifacts.readArtifact("ERC20").then(c => c.abi)> let ERC20 = new ethers.Contract("0x1429859428C0aBc9C2C47C8Ee9FBaf82cFA0F20f", ERC20_abi)> let Gateway_abi = await artifacts.readArtifact("OVM_L1ERC20Gateway").then(c => c.abi)> let Gateway = new ethers.Contract("0xB0D4afd8879eD9F52b28595d31B441D079B2Ca07", Gateway_abi)

先授權 OVM_L1ERC20Gateway 花費 ERC20：

// In Hardhat ETH Console

> await ERC20.connect(deployer).approve("0xB0D4afd8879eD9F52b28595d31B441D079B2Ca07", 10000)> await ERC20.connect(user).approve("0xB0D4afd8879eD9F52b28595d31B441D079B2Ca07", 10000)

注意：Deployer 及 User 都需要對 OVM_L1ERC20Gateway 進行授權，否則在接下來的出金步驟時 Relayer 會出錯

接著，在 OVM_L1ERC20Gateway 合約呼叫 Deposit：

// In Hardhat ETH Console

> await Gateway.connect(deployer).deposit(1000)

我們可以到 Optimism (L2) 的 Console 確認入金是否成功：

$ npx hardhat console --network optimismWelcome to Node.js v16.1.0.Type ".help" for more information.>

取得 Deployer / User 帳戶：

// In Hardhat Optimism Console

> let accounts = await ethers.getSigners()> let deployer = accounts[0]> let user = accounts[1]

取得 L2DepositedERC20 合約物件，合約地址可以從部署訊息中取得：

// In Hardhat Optimism Console

> let L2ERC20_abi = await artifacts.readArtifact("L2DepositedERC20").then(c => c.abi)> let L2DepositedERC20 = new ethers.Contract("0x67d269191c92Caf3cD7723F116c85e6E9bf55933", L2ERC20_abi)

確認入金是否成功：

// In Hardhat Optimism Console

> await L2DepositedERC20.connect(deployer).balanceOf(deployer.address)BigNumber { _hex: '0x03E8', _isBigNumber: true } // 1000

ERC20 轉帳（L2 <=> L2）

完成以上步驟後，目前的餘額如下：

接下來，我們在 L2 從 Deployer 轉移一部分資金給 User：

// In Hardhat Optimism Console

> await L2DepositedERC20.connect(user).balanceOf(user.address)BigNumber { _hex: '0x00', _isBigNumber: true } // 0> await L2DepositedERC20.connect(deployer).transfer(user.address, 1000){ hash: "..." ...}> await L2DepositedERC20.connect(wallet_1).balanceOf(user.address)BigNumber { _hex: '0x03E8', _isBigNumber: true } // 1000

ERC20 出金（L2 => L1）

完成以上步驟後，目前的餘額如下：

接下來，我們用 User 帳戶提領資金，在 L2DepositedERC20 合約呼叫 Withdraw：

// In Hardhat Optimism Console

> await L2DepositedERC20.connect(user).withdraw(1000){ hash: "..." ...}> await L2DepositedERC20.connect(user).balanceOf(user.address)BigNumber { _hex: '0x00', _isBigNumber: true }

最後，檢查在 L1 是否提領成功：

// In Hardhat ETH Console

> await ERC20.connect(user).balanceOf(user.address)BigNumber { _hex: '0x03E8', _isBigNumber: true } // 1000

由於挑戰期為 0 秒，因此提領幾乎無需等待時間，頂多只需數秒鐘

做完上述所有操作，餘額應該如下：

總結

本文演示了：

Optimistic Rollup 相關服務的本機部署

ERC20 L1 => L2 的入金（Deposit）

ERC20 L2 帳戶之間轉帳（Transfer）

ERC20 L2 => L1 的出金（Withdraw）

筆者未來將繼續擴充此系列的教學內容，例如 ERC721 / ERC1155 的使用方式，敬請期待。

參考資料

OVM Deep Dive

(Almost) Everything you need to know about Optimistic Rollup

How does Optimism’s Rollup really work?

Optimistic Rollup Official Documentation

Ethers Documentation (v5)

Optimism (Github)

optimism-tutorial (Github)

l1-l2-deposit-withdrawal (Github)

Optimistic Rollup 就這樣用（1） was originally published in Taipei Ethereum Meetup on Medium, where people are continuing the conversation by highlighting and responding to this story.

👏 歡迎轉載分享鼓掌

《ARTIFACTS - NANUSHKA》
#新波希米亞品牌🏜 #漁網包必收🌐

匈牙利新極簡品牌 NANUSHKA 春夏系列以設計師 Sandra Sandor 在鄉村隔離期間，重新感受大自然與城市不同的感受，重新以「平衡」、「天然」的概念命名為 Natual Order 春夏系列。

有別於早春季別的 Oversized 輪廓，在春夏平衡的概念，將其稍稍收緊，而 Sandra 也非常自豪的介紹春夏系列有 59% 的款式是以可持續性材料製作，是 Nanushka 迄今最高的成就。

ARTIFACTS 本季選入多套 Look 搭配，主要色盤以最新趨勢「灰藍色」帶領銀白色、黑色等基礎色調，純素皮革的魅力也依然是本季主打，柔軟且滑順的純素皮革穿上後活動力較好，也讓服飾本身有其光澤；並選入三款包款，有亞麻的梯形包 Noya 和漁網包 Naiya。

-
📍販售店點｜ARTIFACTS 微風廣場 / 新光三越A4 / 台中新光三越

Available Now at ARTIFACTS 歡迎親臨店洽

《Golden Goose 小髒鞋 👟 特別折扣活動》
#VogueTaiwan❤️ #憑文章即享限定優惠💫💫💫

義大利精品球鞋品牌 Golden Goose Deluxe Brand 以刻意人工洗舊的製鞋技術獨佔鰲頭
每一雙都是專屬於您的球鞋，痕跡不盡相同，就像是陪伴很久的那雙有感情的鞋一般✨

即日起到 04 月 30 日，至 ARTIFACTS 門市購買 Golden Goose Deluxe Brand 系列，憑 VOGUE 文章頁面即可享【9折優惠】，快快分享給朋友，快找時間來試試吧！👟

一起帶您看 VOGUE TAIWAN 怎麼介紹 Golden Goose

https://www.vogue.com.tw/fashion/article/why-ggdb-is-still-the-best-luxury-sneakers-to-invest-in-fashion

-

📍販售店點｜ARTIFACTS 敦南旗艦 / 誠品信義 / 微風廣場 / 新光三越A4 / 台中新光三越

Available Now at ARTIFACTS 歡迎親臨店洽

想親身體驗SENREVE 包包的魅力嗎？
3月16日至4月12日在ARTIFACTS 新光三越信義A4店
有SENREVE的快閃活動！
店鋪裡會販售影片中介紹的Aria腰包以及三種尺寸的Maestra
有興趣的人可以到現場試揹看看喔！

Aria in Tangerine｜ https://bit.ly/2vytJth
Midi in Forest ｜ https://bit.ly/38U90P1

找我｜MORE ABOUT ME
- Facebook｜https://goo.gl/ZMHdKd
- Instagram｜https://goo.gl/eBy8bq
- Weibo｜JessicaShen潔西卡
- B站｜https://goo.gl/9bCY2b
- E-mail｜jessicashen888@gmail.com

音樂｜MUSIC
- Music by Epidemic Sound (http://www.epidemicsound.com)

聲明｜FTC
- 影片與SENREVE合作

終於入手了人生第一雙VEJA！為什麼一直遲遲不入手？影片裡告訴你！
這支影片想要順便介紹一下這個近年來從法國紅到全世界的鞋履品牌，所以第一部分講整個品牌故事及理念、鞋子細節展示、最後有試穿給大家看（個人覺得試穿得我很蠢，記得看到最後哈哈）

已經了解VEJA的朋友，給你們捷徑！
開箱細節 03:28
實穿片段：08:07

👟CAMPO WHITE NATURAL https://www.veja-store.com/fr/homme/2963-campo-white-natural.html
👟115 €
網路上顯示125 €，但我在巴黎旗艦店看到都是115 € ，也是用這個價格入手的
👟鞋版偏寬、可拿正常尺寸就好
.
台灣選貨店販售管道
- Onefifteen 初衣食午 https://www.onefifteen115.com
- ARTIFACTS https://www.artifactsstore.com

還有更多，可以上官網查：https://stores.veja-store.com/en/location/asia/

More info
💙Blog
土生土長的台灣人，在巴黎攻讀奢侈品管理與行銷碩士，曾旅行超過三十個城市及短暫旅居過巴黎、倫敦和上海，定居巴黎從事時尚工作。歡迎來到Lights of Fashion，由衷希望這裡的文章不止能夠些許參與你的生命，也可以療癒你。
▶ https://phoebebai.com


//

Find Me here
▶ ＩＳＴＡＧＲＡＭ：@phoebe.bai https://www.instagram.com/phoebe.bai/
▶ ＦＡＣＥＢＯＯＫ：https://www.facebook.com/thePhoebeBai
▶ ＥＭＡＩＬ：phoebebaibai@gmail.com

地平線：期待黎明新手必看遊戲性解說
地平線：期待黎明是一款正宗的RPG遊戲。這個主要是分享地平線：期待黎明遊戲裡的貼士，玩法，攻略，交流的一個視頻。玩RPG一定就是和大家分享和交流。當然不要忽略這個地平線：期待黎明這麼值得期待的一個作品啦！

今天主要是介紹地平线：期待黎明是一款正宗的RPG遊戲。還有在地平线：期待黎明裡的一些遊戲的細節分享。地平线：期待黎明是款全新的開放世界動作角色扮演遊戲。玩家將要化身為身手不凡的女獵人亞蘿伊，在這個變化多端、充滿神秘機器生物的世界進行冒險，在這個引人入勝的旅程中發掘埋藏在部族社會、遠古文物和先進科技中的謎團，答案將會改變整個星球，甚至是生命本身的命運。我希望可以在地平線：期待黎明的影片裡讓大家更加知道多一點的遊戲攻略！祝大家遊戲快樂！

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

地平线：期待黎明是一款正宗的RPG游戏。这个主要是分享地平线：期待黎明游戏里的贴士，玩法，攻略，交流的一个视频。玩RPG一定就是和大家分享和交流。当然不要忽略这个地平线：期待黎明这么值得期待的一个作品啦！

今天主要是介绍地平线：期待黎明是一款正宗的RPG游戏。还有在地平线：期待黎明里的一些游戏的细节分享。地平线：期待黎明是款全新的开放世界动作角色扮演游戏。玩家将要化身为身手不凡的女猎人亚萝伊，在这个变化多端、充满神秘机器生物的世界进行冒险，在这个引人入胜的旅程中发掘埋藏在部族社会、远古文物和先进科技中的谜团，答案将会改变整个星球，甚至是生命本身的命运。我希望可以在地平线：期待黎明的影片里让大家更加知道多一点的游戏攻略！祝大家游戏快乐！

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

Horizon Zero Dawn all you need to know before you start the game
Mainly to share Horizon Zero Dawn game tips, games, Raiders, exchange of a video. Play RPG must be to share and exchange. Of course, will not ignore such a worth looking forward to this Horizon Zero Dawn!

Today is introduce the Horizon Zero Dawn the whole RPG game experience and game mode. Horizon Until Dawn is a new open world role-playing game. Players will be the incarnation of the extraordinary female hunter Aloy, in this changing, full of mysterious machine creatures in the world of adventure, in this fascinating journey to explore buried in tribal society, ancient artifacts and advanced technology in the mystery, the answer will Will change the whole planet, and even the fate of life itself.

推薦影片：https://www.youtube.com/watch?v=x3sugpzTtp0
推薦影片：https://www.youtube.com/watch?v=UIM67hr5tlg
推薦影片：https://www.youtube.com/watch?v=Fj8jksqRGSc