Build a dApp on Flow in 30 minutes


flow testnet, dApp, blocto

今日目標

  1. 部屬智慧合約到 Flow
  2. web UI 互動介面

simple message board dApp


1.合約

code

.cdc

pub contract MessageBoard {
    access(contract) var message : string

    pub fun setMessage(message: String) {
        self.message = message
    }

    pub fun getMessage() :Dtring {
        return self.message
    }

    int() {
        self.message = "no message..."
    }
}

deploy

使用 flow CLI

2.介面

Blocto Wallet

code

做兩個 UI component

login
message

從 blocto 拿到 message。

接下來幫 message 做能修改訊息的功能,使用者可以輸入一段訊息去修改合約的訊息。

發送 transction

參考資料








你可能感興趣的文章

[Day 7++] 番外篇 設計模式中英對照表

[Day 7++] 番外篇 設計模式中英對照表

Google Chrome開發者工具教學 - Elements

Google Chrome開發者工具教學 - Elements

v-model 資料雙向綁定/各種表單運用

v-model 資料雙向綁定/各種表單運用






留言討論