--- tags: jsdc2021 --- # #Session 1 從 0 到 1 開發加密貨幣錢包 App (使用 React Native) {%hackmd 2YoCBdBPTjmHXDr9lEpWuQ %} > 從這開始 > 可以直接打字做共筆囉 :point_down: 開發的 App 16 萬用戶 Anderson Chen 陳柏安 ![](https://i.imgur.com/4BeN9Da.jpg) ![](https://i.imgur.com/fDlRTx5.png) - 管理加密貨幣 - 資訊,交易紀錄 - 其他區塊鏈應用 - 網站 - Dapp Browser - Protocal 160000 Downloads 10000000 Transactions # What is 加密貨幣錢包 ![](https://i.imgur.com/a05bhOg.png) ![](https://i.imgur.com/vYAZJ9J.png) - 生地址,需要一個 private key - 每次交易就要生很多! - Seed - 導出多個 Key 與 Address - Bitcoin I Proposol - 有了 Seed 可以到不同的錢包上使用 ![](https://i.imgur.com/NqKUP6P.png) - 產生 12 or 24 length string - Demo code create a phrase ![](https://i.imgur.com/ZTz1IvH.png) - 每次換數字,代表不同錢包 ![](https://i.imgur.com/IhbaarS.png) - 產生的地址可收 以太幣 <!-- ![](https://i.imgur.com/xmCNgN0.png) --> ![](https://i.imgur.com/qevR2Ka.png) - [【加密貨幣錢包】從 BIP32、BIP39、BIP44 到 Ethereum HD Wallet](https://medium.com/taipei-ethereum-meetup/%E8%99%9B%E6%93%AC%E8%B2%A8%E5%B9%A3%E9%8C%A2%E5%8C%85-%E5%BE%9E-bip32-bip39-bip44-%E5%88%B0-ethereum-hd-%EF%BD%97allet-a40b1c87c1f7) ![](https://i.imgur.com/A2PrXwo.png) ![](https://i.imgur.com/WJfQdZ7.png) ![](https://i.imgur.com/SNtOYLg.png) - RPC API 沒有支援 - 每個交易都有 Hash - 用 Hash 取得資料 ![](https://i.imgur.com/wPMlLg0.png) - 鏈上沒有分類,這裡是 App 端作分類 - 可在 App 上 ## 如何分類 ![](https://i.imgur.com/XAyjiBc.png) - Method ID of transfer() - 你要呼叫合約的那一個 method? - 知道交易內容,送到哪個 Address ## 發送交易 ![](https://i.imgur.com/3YMskjI.png) - TX: Transaction - contract instance 有地址與 API 就能用 ## Dapp Browser ![](https://i.imgur.com/zlxPQlJ.png) - 網頁 - 需要安裝錢包的瀏覽器插件 - 呼叫 API 與 Metamask 互動 ![](https://i.imgur.com/yY76cW9.png) - 登入後可與錢包連結 ![](https://i.imgur.com/qf0Zhns.png) - Provider 自製放入 ![](https://i.imgur.com/oTBCB2O.png) - 呼叫節點 - 背後為 RPC ![](https://i.imgur.com/VAhYm3S.png) - Engine 幫助你組成你要的 Provider ![](https://i.imgur.com/7ahNymT.png) - WebView - 跨平台套件 - 網頁讀完內 Run injected script - 但仍有抓不到 Provider 的可能 - WebView 修改 Native Code ## 工商時間 XD ![](https://i.imgur.com/UM0nryy.jpg) - 可換成美金喔