从零开始,手把手教你开发与使用以太坊App(DApp)入门教程

const SimpleStorage = artifacts.require("SimpleStorage");
module.exports = function (deployer) {
  deployer.deploy(SimpleStorage);
};

truffle migrate --network <你的网络名称> ( truffle migrate --network goerli)

开发前端界面（DApp用户界面）

前端是用户与智能合约交互的窗口。

1. 创建前端目录结构：在项目根目录下创建src目录（或client目录）,用于存放前端代码。

2. 引入Web3库：你可以选择使用Web3.js或Ethers.js，这里以Ethers.js为例,通过npm安装：

   npm install ethers

3. 编写HTML和JavaScript：

   • 创建index.html，包含基本的UI元素，如输入框、按钮、显示区域。
   • 创建app.js（或其他名称），用于连接以太坊网络、加载智能合约、调用合约函数。 在app.js中：

     let contract;
     let provider;
     let signer;

   // 智能合约地址和ABI（从build/contracts/SimpleStorage.json中复制） const contractAddress = "部署合约后得到的地址"; const contractABI = [ / 这里粘贴编译后的ABI / ];

   async function init() { // 初始化Ethers provider和signer if (window.ethereum) { provider = new ethers.providers.Web3Provider(window.ethereum); await provider.send("eth_requestAccounts", []); signer = provider.getSigner();

   // 实例化合约
   contract = new ethers.Contract(contractAddress, contractABI, signer);
   console.log("合约实例化成功");

   } else { console.error("请安装MetaMask!"); } }

   // 调用get函数 async function getStoredData() { if (contract) { const data = await contract.get(); document.getElementById("storedData").innerText = data.toString(); } }

   // 调用set函数 async function setStoredData() { if (contract) { const input = document.getElementById("dataInput").value; const tx = await contract.set(input); await tx.wait(); // 等待交易确认 console.log("数据设置成功"); getStoredData(); // 刷新显示 } }

   // 页面加载完成后初始化 window.addEventListener('load', init);

   
   在`index.html`中引入`app.js`，并绑定按钮的点击事件到上述函数。

启动前端应用

1. 安装简单的HTTP服务器（因为浏览器不允许直接打开HTML文件进行Web3交互）：

   npm install -g live-server

2. 启动服务器：

   live-server src --port 8080

   然后打开浏览器访问http://localhost:8080，确保MetaMask已连接到正确的测试网络,你就可以与你的DApp交互了。

使用现有的以太坊App（DApp）

除了开发,使用已有的以太坊DApp也是体验其魅力的好方法：

1. 安装钱包：如前所述,安装MetaMask或其他支持以太坊的钱包。
2. 获取测试ETH：为了在测试网上使用DApp或支付Gas费,你需要从测试网水龙头获取免费的测试ETH。
3. 访问DApp：许多DApp网站会引导你连接钱包，点击网站上的“连接钱包”按钮,选择你的钱包并授权连接。
4. 交互：连接成功后，你就可以根据DApp的界面进行各种操作，如交易、投票、玩游戏、借贷等。

注意事项与最佳实践

• 安全第一：智能合约一旦部署就难以修改，因此在部署前务必进行充分测试，注意安全漏洞（如重入攻击、整数溢出等），可以使用Slither、MythX等工具进行静态分析。
• Gas费用：在以太坊上执行操作需要支付Gas费用，费用高低取决于网络拥堵程度和操作复杂度,开发时优先考虑Gas优化。
• 学习资源：以太坊