蚂蚁链前端在区块链领域的探索
如果无法正常显示，请先停止浏览器的去广告插件。
1. 蚂蚁链前端在区块链领域的探索
小熊
蚂蚁链前端工程师
2. 账本
3. 账本
账本
账本
账本
账本
账本
4. 区块链是
数字时代的 “信任机器”
账本
账本
账本
账本
账本
账本
•
•
•
•
分布式账本技术
不可篡改
公开透明
可追溯
5. 版权链 · 让每一个原创都获得尊重和价值
6. “浙冷链” 让⻝品安全信息更透明
7. DApp
( Decentralized Application )
智能合约
区块链
8. 用户
前端应用
DApp
服务端应用
智能合约
蚂蚁区块链
9. 前端应用
服务端应用
智能合约
React / Ant Design / Umi / … ?
Node.js / Mysql / Redis … ?
Solidity / Rust / C++ … ?
10. 前端应用
服务端应用
智能合约
React / Ant Design / Umi / … ?
Node.js / Mysql / Redis … ?
Solidity / Rust / C++ …
TypeScript
?
11.
12. My sh
beta
蚂蚁链 DApp TypeScript 全栈研发框架
13.
14.
15. 智能合约
前端应用
16. •
•
•
•
my
my
my
my
…
sh
sh
sh
sh
compile
deploy
run
browse
17. AssemblyScript Contract
WebAssembly Binary Code
my sh compile
my sh deploy
asc ( compiler )
My sh Library
ABI ( Abstract Binary Interface )
Smart Contract
蚂蚁链
18. We
19. We
20.
21.
22.
23.
24.
25. 合约代码
26. my sh compile
contract.wasm
合约代码
27. my sh compile
合约代码
abi.json
28. 密钥管理工具
批准
前端应用
JSSDK
智能合约
蚂蚁区块链
用户
29. Web 应用
JSSDK
蚂蚁链连接器
（ 密钥管理工具 ）
umi-plugin-my sh
JSSDK / react
DApp 前端部分
智能
合约
蚂蚁链
30. 蚂蚁链连接器 Chrome 浏览器插件
31. Web DApp
蚂蚁链连接器 Chrome 浏览器插件
32. 蚂蚁区块链
Web DApp
蚂蚁链连接器 Chrome 浏览器插件
33.
34.
35.
36.
37.
38.
39. Web
40.
41. My sh
beta
蚂蚁链 DApp TypeScript 全栈研发框架
42. My sh
beta
蚂蚁链 DApp TypeScript 全栈研发框架
43. My sh
beta
我们可以用 My sh 做点什么呢？
44. My sh
beta
开发一个… 公司年会抽奖小工具？
45. My sh
beta
开发一个… 团体资金管理软件？
46. My sh
beta
开发一个… 可信存证小程序？
47. My sh
beta
One More Thing
48. My sh
Logo 共创
钉钉扫码 进群共创
Logo 共创地址：https://antchain-fe.github.io/crypto sh
Github 地址：https://github.com/antchain-fe/crypto sh
49. My sh
Logo 共创
钉钉扫码 进群共创
Logo 共创地址：https://antchain-fe.github.io/crypto sh
Github 地址：https://github.com/antchain-fe/crypto sh