当前位置: 首页 > news >正文

如何编写一个微信小程序seo流程

如何编写一个微信小程序,seo流程,舆情分析研判报告,交互设计和ui设计区别题记 在前端网页连接metamask&#xff0c;以下是全部操作流程和代码。 编写index.html文件 index.html文件如下&#xff1a; <!DOCTYPE html> <html> <head> <title>My DApp</title> <!--导入用于检测Metamask提供者的JavaScript库--> &l…

题记

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

编写index.html文件

        index.html文件如下:

<!DOCTYPE html>

<html>

  <head>

    <title>My DApp</title>

    <!--导入用于检测Metamask提供者的JavaScript库-->

    <script src="https://cdn.jsdelivr.net/npm/@metamask/detect-provider"></script>

    <script>

      //async是JavaScript中的一个关键字,用于定义一个异步函数。

      //异步函数是一种特殊类型的函数,它可以在执行期间暂停并在某个时间点后继续执行。

      //异步函数使用async关键字进行定义,并使用await关键字来暂停执行并等待异步操作完成。

      //在等待期间,JavaScript引擎可以继续执行其他代码。

      //当异步操作完成时,异步函数将恢复执行,并返回一个Promise对象,该对象包含异步操作的结果。

      async function connect() {

        // 检测Metamask是否已安装

        // 这行代码使用 detectEthereumProvider() 函数来检测用户是否已安装并激活了 Metamask。

        // 该函数返回一个提供者对象,如果用户已安装 Metamask,则提供者对象将被分配给 provider 变量。

        const provider = await detectEthereumProvider();

        if (provider) {

          // 连接到Metamask

          // 使用 ethereum.request() 函数来请求用户的帐户列表。

          // eth_requestAccounts 方法用于请求用户授权以公开其以太坊帐户地址。

          // 返回的 accounts 数组包含用户的帐户地址列表。

          const accounts = await ethereum.request({ method: 'eth_requestAccounts' });

          // 将用户的第一个帐户地址分配给 account 变量。

          const account = accounts[0];

          // 显示当前用户的地址

          // 将用户的帐户地址显示在具有 id 为 address 的 HTML 元素中。

          document.getElementById('address').textContent = account;

          console.log(account)

        } else {

          // 如果Metamask未安装,则提示用户安装Metamask

          alert('请安装Metamask');

        }

      }

    </script>

  </head>

  <body>

    <h1>My DApp</h1>

    <p>当前用户的地址:</p>

    <p id="address"></p>

    <!--创建一个按钮元素,当用户点击该按钮时,会触发名为 connect() 的函数-->

    <button οnclick="connect()">连接Metamask</button>

  </body>

</html>

  

<!DOCTYPE html>
<html><head><title>My DApp</title><!--导入用于检测Metamask提供者的JavaScript库--><script src="https://cdn.jsdelivr.net/npm/@metamask/detect-provider"></script><script>//async是JavaScript中的一个关键字,用于定义一个异步函数。//异步函数是一种特殊类型的函数,它可以在执行期间暂停并在某个时间点后继续执行。//异步函数使用async关键字进行定义,并使用await关键字来暂停执行并等待异步操作完成。//在等待期间,JavaScript引擎可以继续执行其他代码。//当异步操作完成时,异步函数将恢复执行,并返回一个Promise对象,该对象包含异步操作的结果。async function connect() {// 检测Metamask是否已安装// 这行代码使用 detectEthereumProvider() 函数来检测用户是否已安装并激活了 Metamask。// 该函数返回一个提供者对象,如果用户已安装 Metamask,则提供者对象将被分配给 provider 变量。const provider = await detectEthereumProvider();if (provider) {// 连接到Metamask// 使用 ethereum.request() 函数来请求用户的帐户列表。// eth_requestAccounts 方法用于请求用户授权以公开其以太坊帐户地址。// 返回的 accounts 数组包含用户的帐户地址列表。const accounts = await ethereum.request({ method: 'eth_requestAccounts' });// 将用户的第一个帐户地址分配给 account 变量。const account = accounts[0];// 显示当前用户的地址// 将用户的帐户地址显示在具有 id 为 address 的 HTML 元素中。document.getElementById('address').textContent = account;console.log(account)} else {// 如果Metamask未安装,则提示用户安装Metamaskalert('请安装Metamask');}}</script></head><body><h1>My DApp</h1><p>当前用户的地址:</p><p id="address"></p><!--创建一个按钮元素,当用户点击该按钮时,会触发名为 connect() 的函数--><button onclick="connect()">连接Metamask</button></body>
</html>

执行程序 

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

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

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

         

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

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

 展示图

后记 

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

http://www.ds6.com.cn/news/56234.html

相关文章:

  • 甘肃建设住房厅网站首页合肥网络推广软件系统
  • 动态网站系统如何做好线上推广和引流
  • 做网站不赚钱了长春网站建设开发
  • 长沙做公司网站收录情况有几种
  • 电子购物网站收藏功能设计衡水今日头条新闻
  • wordpress个性评论框长沙seo管理
  • 沈阳做平板网站一般网络推广应该怎么做
  • 怎么做网站的浏览栏全球网站排行榜
  • 无锡本地网站有哪些app营销策略有哪些
  • 网站 建设网络营销的营销方式是什么
  • BC网站开发制作排名nba
  • 哪有做企业网站百度极速版推广
  • 网站建设企业营销韶山百度seo
  • 网站用的是什么语言海外推广营销 平台
  • 安徽省建设工程信网站宜昌网站seo
  • python可以做网站什么平台免费推广效果最好
  • 做网站流程 优帮云韶山seo快速排名
  • 网站制作哪个好一些长春关键词优化排名
  • 可视化网站建设软件产品营销策划方案
  • 深圳微信网站建设百度首页登录
  • 网页设计跟网站建设营销托管全网营销推广
  • 免费注册个人网站怎样创建一个自己的网站
  • 苏州网站建设公司哪家好谈谈你对网络营销的看法
  • 用c3做的动画网站大数据营销系统
  • 想自己建个网站怎么查百度搜索排名
  • 个人域名注册免费镇江交叉口优化
  • 如何做自己的电影网站常州网络推广seo
  • 自己创免费网站百度广告上的商家可靠吗
  • dw做的网站如何上传图片百度网盘电脑版下载
  • 中山市网站制作百度经验悬赏任务平台