PKU BLOCKCHAIN：写给前端开发者的Web3入门指南

导语

比特币的出现不仅催生了数字货币的繁荣，也为去中心化网络的发展奠定了基石。区块链领域的快速发展不断吸引着技术人员的目光，同时也对技术人员的供给有更强的需求。传统前端开发者在探索这个领域时，不仅可以发挥现有的技术优势，还能扩展其职业视野。本文旨在为这样的技术转型提供实用指南，特别关注在 DApp 开发中的关键技能和转换策略。

去中心化网络的新时代

区块链时代的核心特征是去中心化、透明性、不可篡改性和智能合约的应用：

去中心化： 区块链通过分布式账本技术，把数据存储在网络中的多个节点上，而不是集中在单一的服务器或数据库。这意味着没有单一的控制点，提高了系统的抗攻击能力和数据的安全性。

透明性与不可篡改性： 区块链上的所有交易都是公开透明的，且一旦记录，就无法被修改或删除。这为交易的可追溯性和可靠性提供了保证。

智能合约： 自动执行合约条款的程序，它们在区块链上运行，无需中间方即可自动处理交易，大大增强了区块链的功能性和灵活性。

Solidity
// SPDX-License-Identifier: MIT
pragma solidity ^ 0.8.0;
contract SimpleStorage {
    uint storedData; // 定义一个无符号整数来存储数据
    // 一个函数，用于在区块链上存储数字
    function set(uint x) public {
        storedData = x;
    }
    // 一个函数，用于从区块链上检索存储的数字
    function get() public view returns (uint) {
        return storedData;
    }
}

以太坊是继比特币之后的又一重大区块链创新。不同于比特币的是，以太坊不仅是一个数字货币，更是一个平台，支持智能合约和去中心化应用（DApp）的开发。DApp 去除了传统中心化服务器，用户交互直接在区块链上发生。这种模式为数据安全、用户隐私以及去中心化带来了新的视角，也为前端开发者带来了新的挑战和机遇。

去中心化应用的架构

传统的互联网应用架构想必读者应该很熟悉。假设这是一个在线购物网站，用户首先通过浏览器访问前端提供的界面进行购物的相关操作，如果用户搜索了某个商品关键词，后端就会负责处理相应的逻辑，即响应来自前端的请求，检索数据库后向前端返回必要的数据。数据库则为应用提供了稳定的存储，包含商品的全部信息以及用户的相关信息（如购物车内容）。

在区块链上构建的 DApp 与传统应用有着根本的不同，最显著的区别在于后端和数据库的角色变化。在这里，智能合约起到了传统后端的作用，区块链则替代了传统数据库，提供去中心化的数据存储。智能合约与区块链的密切协作，使得数据的存储和检索变得透明且难以篡改。

尽管后端和数据库的变革颇为深刻，但去中心化应用的前端保持了其传统角色的连续性。用户界面依旧是与应用互动的桥梁，用户的每一个操作，无论是执行交易还是提交数据请求，均通过前端直接传递至智能合约。这些智能合约被部署在全球分布式的区块链网络上，并与之进行实时交互，确保每一笔交易记录和合约状态的不变性与公开性。

事实上，前端与智能合约的通信比图中呈现的要更复杂一些，我们将在后续的内容中展开。

相同：用户界面开发

基于上述内容，对于有网页开发经验的前端工程师而言，用户界面开发技能是可以迁移的：HTML、CSS 和 JavaScript 这些基本技能在 DApp 开发过程中继续发挥着至关重要的作用；对于现代前端框架如 React 或 Vue 的熟练掌握，也能够在构建用户友好且互动性强的 DApp 界面时显著提高工作效率和产品质量。

基于透明和信任的原则，很多 DApp 会开源其前端代码，也方便社区成员参与贡献和代码审查，提高应用的质量、安全性和用户信任度。比如去中心化交易所 Uniswap 的用户界面仓库 https://github.com/Uniswap/interface，完全可以作为开发者提高业务能力的学习资源。