AxureRP制作静态站点发布互联网,内网穿透实现公网访问

这篇具有很好参考价值的文章主要介绍了AxureRP制作静态站点发布互联网,内网穿透实现公网访问。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问

前言

AxureRP对于产品经理来说,是一款经常使用的网站原型设计工具。它可以用来创建和设置图表样式,为图表页面和元素添加交互性和注释,并能将正在设计中或设计完成的页面随时发布到HTML,使用Web浏览器查看。但除了在局域网中访问,很多时候也会有出差在外,需要使用公网访问的需求,这时候可以利用cpolar内网穿透工具实现在公网访问内网的本地web展示站点,方便随时查看并提出修改意见。

1.在AxureRP中生成HTML文件

简单设计好页面后,点击上方导航中的发布-生成HTML文件,如下图所示,然后进入下一步。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

在弹出下方提示框后,点击按钮本地发布(可更改页面发布路径)

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

随便选择一个浏览器打开即可查看该页面

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

页面展示效果与页面保存路径如下图:

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

2.配置IIS服务

目前只是利用AxureRP生成了一个静态HTML页面,但是想要在局域网内其他用户访问该页面,需要先在本地进行IIS服务配置,搭建静态web站点。

打开控制面板程序和功能打开或关闭windows功能,选中Internet信息服务中的IIS相关服务,点击确定。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

然后打开控制面板管理工具Internet信息服务(IIS)管理器添加网址

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

在打开的界面中配置本地站点相关信息:包括网站名称物理路径端口等。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

添加好网站后,可以看到我命名为arpce的本地站点已经启动,此时在浏览器中输入:http://localhost:8080 即可本地浏览该页面。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

3.添加防火墙安全策略

打开控制面板–windows防火墙,点击高级设置,进入设置界面。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

点击入站规则,右侧新建规则,点击端口,下一步,输入特定本地端口,就是上边IIS配置中你输入的端口号,一直下一步,规则就建立了。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

然后,运行cmd进入命令提示符,输入ipconfig,即可获取到本机IP地址。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

此时,想要让局域网内其他用户访问到你用Axure生成的静态站点,只需要发送给它这个地址,用浏览器打开即可:

http://你的IP地址:端口号(冒号要用英文)

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

4.使用cpolar内网穿透实现公网访问

但目前该站点只能在局域网内被访问到,其他公网用户无法访问。接下来我们使用cpolar内网穿透将该站点发布到公网,实现公网用户也可以正常访问到。

4.1 登录cpolar web ui管理界面

在浏览器上访问127.0.0.1:9200,使用注册的cpolar账号密码登录cpolar web UI管理界面。(默认为本地9200端口)

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

4.2 启动website隧道

由于我们的演示站点端口在8080端口下,所以我们可以直接使用website隧道。

登录进入cpolar web ui界面后,我们点击左侧仪表盘的隧道管理——隧道列表,找到website隧道,并点击启动,显示状态为active

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

或者,我们也可以重新创建一个新的隧道:点击左侧仪表盘的创建隧道

  • 隧道名称:可自定义,注意不要重复
  • 协议:选择http
  • 本地地址:填写8080端口
  • 域名类型:选择随机域名(可以免费使用)
  • 地区:可根据实际适用地区进行选择,支持CN、HK、US、TW、EUR

隧道信息填写完成后,点击创建即可

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

4.3 获取公网URL地址

点击左侧仪表盘的状态——在线隧道列表,可以在线隧道所生成的公网地址,可以看到website隧道的公网地址有两个,一个是http协议,一个是https协议,将公网地址复制下来。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

4.4. 公网远程访问内网web站点

在浏览器上访问cpolar所生成的公网地址,本例为:https://64a3463b.r5.cpolar.top

成功将内网web站点发布到公网可访问。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

4.5 配置固定二级子域名公网访问内网web站点

在上一步中,我们已经能在公网访问内网web站点,不过此时的数据隧道处于临时状态(随机域名,每24小时重置一次),大多用于测试场景。想要长期稳定的访问利用Axure制作中的站点,随时查看并提出修改意见。我们还需要进一步的设置,将临时数据隧道转为固定隧道(需要成为cpolar的VIP会员)。现在,就让我们开始吧。

4.5.1创建一条固定数据隧道

要创建一条固定数据隧道,我们需要从隧道的进口端和出口端两个方面,将漂移的端口固定下来。首先我们在cpolar web ui界面(浏览器上访问127.0.0.1:9200)点击左下角的转到cpolar官网

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

在cpolar官网登录进入仪表台界面后,点击左侧的“预留”按钮。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

4.5.2 找到“保留二级子域名”栏位

在“预留”界面,我们找到“保留二级子域名”栏位。在这里设置的,就是数据隧道的公共互联网入口端。与cpolar客户端的设置类似,我们也要在这里进行一些简单设置。首先是“地区”栏,只要按实际使用地区填写即可(这里我们填入China VIP);“名称”则是我们对数据隧道的命名,不过与cpolar客户端不同,这里的名称会编入最终生成的URL中(这里我们选择填入NAS);而最后的“备注”,这是这条数据隧道的提示,这里我们填入test。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

在各栏都填写完毕后,就可以点击右侧的“保留”按钮,将cpolar云端的数据隧道入口保留下来。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

4.5.3 重新编辑之前建立的临时数据隧道

接着我们转回cpolar客户端,在客户端“隧道管理”项下的“隧道列表”页面,重新编辑我们之前建立的临时数据隧道(隧道名称:website),将cpolar云端数据隧道的入口,与cpolar本地端数据隧道的出口关联起来,这样我们才能使用重定义的数据隧道,访问位于内网的Axure静态站点。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

点击编辑按钮

修改隧道信息,将二级子域名配置到隧道中:

  • 域名类型:改为选择二级子域名
  • Sub Domain:填写我们刚刚所保留的二级子域名(本例为Axuretest

修改完成后,点击更新

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

隧道更新成功后,点击左侧仪表盘的状态——在线隧道列表,可以看到website隧道的公网地址,已经更新为二级子域名了,将公网地址复制下来。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

打开浏览器,我们来测试一下访问配置成功的二级子域名。

AxureRP制作静态站点发布互联网,内网穿透实现公网访问,cpolar,网络,服务器

测试成功,可以正常访问。现在,我们全网唯一的私有二级子域名,就创建好了。文章来源地址https://www.toymoban.com/news/detail-677863.html

到了这里,关于AxureRP制作静态站点发布互联网,内网穿透实现公网访问的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 搭建网站 --- 快速WordPress个人博客并内网穿透发布到互联网

    我们能够通过cpolar完整的搭建起一个属于自己的网站,并且通过cpolar建立的数据隧道,从而让我们存放在本地电脑上的网站,能够为公众互联网的用户访问。大量的测试和试运行,难免让人觉得眼花缭乱。今天,我们就抛开纷繁复杂的过程,仅从建站所需的工具,以及主要经

    2024年02月15日
    浏览(32)
  • 宝塔面板搭建Discuz论坛并发布互联网访问【无需云服务器】

    ✨个人主页:bit me👇 转载自cpolar极点云的文章:Linux宝塔面板搭建Discuz论坛,并公网远程访问【内网穿透】 Crossday Discuz! Board(以下简称 Discuz!)是一套通用的社区论坛软件系统,用户可以在不需要任何编程的基础上,通过简单的设置和安装,在互联网上搭建起具备完善功能

    2024年02月03日
    浏览(52)
  • 发布:iNeuOS工业互联网操作系统 V5 Preview1 版本(自主可控)

           这半年来一直深耕包头,这个城市比较不错,但是推进项目的难度确实挺大的。与开发产品相比,后者更省心。但是光研发产品,没有项目依托,没办法产生价值。有些大学和研究院确实有好的产品,但是 没有市场化能力,再好的产品也没有用 。       前段时间

    2024年02月08日
    浏览(42)
  • 通付盾发布UIAM白皮书,利用区块链、大模型AI,以及无证书分布式身份认证赋能工业互联网

    简介 UIAM白皮书 结合各行业与国内外IAM发展状况,对IAM发展历程、核心能力以及现代增强型IAM技术的演进路线进行探讨。探索身份和信息安全管理与区块链、大模型AI、无证书分布式身份认证等技术趋势,以及UIAM技术在工业互联网的应用。期望能够帮助企业组织更加深入全面

    2024年02月11日
    浏览(45)
  • 下一代互联网实验:IPv6静态路由和路由汇总 IPv6 to IPv4 隧道 IPv6 NAT-PT 配置

      目录 实验一  IPv6静态路由和路由汇总 实验二 IPv6 to IPv4 隧道 实验三 IPv6 NAT-PT 配置     实验目的 1、掌握基本的 IPv6 地址的配置方法 2、掌握基于 IPv6 的静态路由及路由汇总配置方法 实验内容 针对下图实验拓扑,完成 IPv6 地址和静态路由配置、路由汇总配置 实验 步骤 配

    2024年02月10日
    浏览(40)
  • 产业互联网:补齐互联网的「短板」,重启互联网的「进化」

    尽管在互联网时代出现了诸多的乱象,但是,我们依然无法否认互联网时代给人们的生产和生活带来的影响和改变。即使如此,我们依然无法否认互联网本身其实是存在着诸多的问题和弊病的,这些问题和弊病所导致的一个最为直接的结果,便是互联网本身无法成为解决产业

    2024年02月02日
    浏览(48)
  • 互联网医院系统|互联网医院平台改善就医方式

    在当今快节奏的生活中,互联网已经渗透到各个领域,医疗行业也不例外。互联网医院的出现,为人们提供了便捷的医疗服务,改变了传统医疗模式。本文将介绍互联网医院的系统功能、特点和优势,让您对互联网医院能够产生浓厚的兴趣。 一、系统功能 互联网医院以数字

    2024年02月11日
    浏览(41)
  • 互联网医院源码|互联网医院软件体现智慧医疗的优势

    现在大家看病一般都会直接在互联网医院平台上去就诊,每次大家需要看病时,可以在手机上直接去预约指定的医生,同城周边的所有医院都是可以去直接选择的,这样也可以去帮助大家节省很多的看病时间,在互联网医院软件中所具备的功能一般都是比较齐全的,那么互联

    2023年04月18日
    浏览(42)
  • 产业互联网的时代,就是互联网蝶变新生的时代

    不知道你有没有发现一个现象,即,现在那些所谓的新技术,几乎都是衍生于互联网,几乎都是由互联网玩家们开始衍生和发展起来的。区块链如此,云计算如此,前段时间火爆的ChatGPT和大模型,几乎都是如此。这些现象的背后,其实正在告诉我们,互联网正在从一个独立的

    2024年02月10日
    浏览(47)
  • 客观和理性地看待产业互联网,寻找产业互联网的发展新路径

    当产业互联网呱呱坠地的时候,人们仅仅只是将它看成是一个互联网的孪生体,人们仅仅只是将它看成是一个互联网的变种。正是因为如此,我们才看到了以S2B为代表的新平台模式的衍生与出现。实践证明,仅仅只是以互联网的视角来看待产业互联网,发展产业互联网,是无

    2024年02月09日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包