5.DApp-前端网页怎么连接MetaMask

题记

        在前端网页连接metamask，以下是全部操作流程和代码。

编写index.html文件

        index.html文件如下：

 

   

   

   

   

 

 

   

My DApp

   

当前用户的地址：

   

   

    连接Metamask

 

  

  
    
    
    
    
  
  
    
My DApp
    
当前用户的地址：
    

    
    连接Metamask
  

执行程序 

        使用vscode的Live Server插件打开，可以参考下面的文章使用Live Server：

         1.Vue-在独立页面实现Vue的增删改查_南宫遐迩的博客-CSDN博客

        访问到网页后如果没反应，则是国内网络问题，访问不到 导入的js库，可以耐心等待或者科学上网

         

        metamask需要连接本地的ganache环境，可以参考下面这篇文章： 

        4.DApp-MetaMask怎么连接本地Ganache-CSDN博客

 展示图

后记 

        觉得有用可以点赞或收藏！