ngrok——免费的映射外网小工具

这几天遇到个好强大的内网映射外网工具——ngrok

通过这个我们可以把本机的localh:端口号映射成为一个外网地址

例如:我们平时启动服务器(如tomcat),然后localhost:8080/项目地址这种方式去本地访问,项目无法运行在本机之外的电脑上,但我们通过这个外网映射工具后就可以把网址发给别来进行远程访问

废话不多说直接上步骤

1、首先下载ngrok,去百度搜索下载就好了,解压目录如图

2、然后cmd到此目录下

3、根据你想要映射的端口号,一般如映射tomcat的8080端口

继续在cmd控制台输入命令行

ngrok -config ngrok.cfg -subdomain mayl 8080

注:其中mayl是自己取的,随意就行,8080是你想映射的端口号


回车


我们可以看到127.0.0.1:8080端口(本地)映射成了mayl.tunnel.qydev.com

4、当我们启动tomcat服务器后(默认8080端口)

不用通过localhost:8080/项目 去访问项目了

可以通过mayl.tunnel.qydev.com/项目 去访问项目

所有你可以把该网址发给别人,别人就能远程访问你的项目了

我把之前的聊天室项目映射该地址,就可以在互联网中实现聊天室了


  • 2
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
H5的图片映射是指通过HTML5中的<area>元素来将一张图片划分成不同的区域,并为每个区域设置不同的链接或触发不同的事件。这样当用户点击图片中的某个区域时,就能够执行相应的操作。 为了方便取坐标点并创建图片映射,可以使用一些在线工具。这些工具通常提供一个用户友好的界面,让用户能够直观地选择图片上的区域,并为每个区域设置链接或其他属性。 使用这些工具的步骤通常如下: 1. 上传图片:用户需要首先将要处理的图片上传到工具中。一般支持多种图片格式,如PNG、JPEG等。 2. 选择区域:通过工具提供的画笔、形状工具或者直接拖动鼠标,在图片上划定出需要创建映射的区域。用户可以选择不同的形状,如矩形、圆形、多边形等。 3. 设置链接或触发事件:当某个区域被创建后,用户可以为其设置链接,指向其他页面或资源,也可以设置触发特定的JavaScript事件。 4. 保存结果:完成所有区域的设置后,用户可以保存映射的结果。通常会产生一个HTML代码或者文件,包含了所有区域的信息。 值得注意的是,H5的图片映射功能通常在移动设备上使用较少,因为移动设备的触摸操作不同于鼠标的点击,较难精确地选择区域。同样,图片映射在响应式设计中也需要谨慎使用,因为区域的大小和位置在不同设备上可能会有适配问题。
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值