h5实现点击复制路由信息

Posted 2023-05-18

参考技术A 之前看了很多文章都是引入一些clipboard组件，查看MDN文档后发现H5更新了一个clipboard API,直接通过浏览器就可以获取复制到剪切板，在目前的H5页面中十分的好用，非常的银杏。

clipboard API

具体的文档查看如上，文章中有个实例，获取页面中元素的信息粘贴到剪切板。

navigator.clipboard.readText().then(
clipText => document.querySelector(".cliptext").innerText = clipText);

我们的需求是点击复制浏览器中的路由信息：

let data = window.location.href // 拿到目前的路由信息
navigator.clipboard.writeText(data).then(
data =>
uni.showToast( //封装的toast 成功回调
title:'复制成功，快去分享吧！',
icon:'none'
)
)

完成需求。

如何在路由器中设置客户端指定ip

以tplink wr720n路由器为例，操作如下：

1、打开浏览器，输入路由器ip，回车；

2、输入路由器账号密码，点击登录；

3、点击dhcp服务器--客户端列表；

4、复制该指定的客户端的mac地址，记忆其ip地址；

5、点击静态ip地址分配，点击添加新条目；

6、粘贴复制的mac地址，输入记忆的ip地址，点击保存即可。

参考技术A

1、运营商拉进来的光纤信号，通常经过光纤猫，从光纤猫上拉一根网线接入高性能路由器的WAN口，用空电脑一台连接连接到路由器LAN口，这里路由器默认网段是192.168.0.1/24,设置你电脑IP地址，右键本地连接-->属性，进入后，点击Internet协议版本4（TCP/IPV4）,点击使用下面的IP地址，这里的IP地址，可以填写192.168.0.2~192.168.0.254之前的任意一个，网关填写路由器背面默认网关，填好后点确定。

2、设置好电脑IP地址后，打开CMD运行如下命令：ping 192.168.0.1，出现如图所示内容，表明电脑与路由器连接正常。

3、完成以上步骤，即可在浏览器里输入路由器管理地址，通常默认用户名，密码都是admin，输入完成进入路由器管理界面。

4、点击基础设置-->快速配置选项，这里类型选择静态线路（固定IP），IP地址即电信或者别的运营商给分配的IP地址，子网掩码、默认网关、DNS也按照运营商给分配的填写，不知道的可以打运营商电话查询，填写完成点击保存，一般还需要设置好DHCP，点击DHCP选项，在内网开启DHCP服务器，DHCP的起始IP地址，结束IP地址根据需要填写，只要记住跟路由器网关在一个网段内即可。

5、完成以上步骤，重新启动下路由器，路由器已经保存静态路由信息，会自动连接上运营商的网络，进入路由器，点网络接口，会看到接口信息，表明已经连接上Internet网络，也可以在运行CMD里输入命令:ping www.baidu.com 如果有回应，表明已经连接上公网，此时即可正常上网。

参考技术B 进入路由器DHCP服务器页，再进入静态地址分配，根据电脑网卡MAC地址，进行IP分配后即为静态IP地址。