做网站的大公司都有哪些,杭州网站建设书生商友,查询网址域名,网站界面设计案例教程文章目录 前言1.在AxureRP中生成HTML文件2.配置IIS服务3.添加防火墙安全策略4.使用cpolar内网穿透实现公网访问4.1 登录cpolar web ui管理界面4.2 启动website隧道4.3 获取公网URL地址4.4. 公网远程访问内网web站点4.5 配置固定二级子域名公网访问内网web站点4.5.1创建一条固定… 文章目录 前言1.在AxureRP中生成HTML文件2.配置IIS服务3.添加防火墙安全策略4.使用cpolar内网穿透实现公网访问4.1 登录cpolar web ui管理界面4.2 启动website隧道4.3 获取公网URL地址4.4. 公网远程访问内网web站点4.5 配置固定二级子域名公网访问内网web站点4.5.1创建一条固定数据隧道4.5.2 找到“保留二级子域名”栏位4.5.3 重新编辑之前建立的临时数据隧道 前言
AxureRP对于产品经理来说是一款经常使用的网站原型设计工具。它可以用来创建和设置图表样式为图表页面和元素添加交互性和注释并能将正在设计中或设计完成的页面随时发布到HTML使用Web浏览器查看。但除了在局域网中访问很多时候也会有出差在外需要使用公网访问的需求这时候可以利用cpolar内网穿透工具实现在公网访问内网的本地web展示站点方便随时查看并提出修改意见。
1.在AxureRP中生成HTML文件
简单设计好页面后点击上方导航中的发布-生成HTML文件如下图所示然后进入下一步。 在弹出下方提示框后点击按钮本地发布可更改页面发布路径 随便选择一个浏览器打开即可查看该页面 页面展示效果与页面保存路径如下图 2.配置IIS服务
目前只是利用AxureRP生成了一个静态HTML页面但是想要在局域网内其他用户访问该页面需要先在本地进行IIS服务配置搭建静态web站点。
打开控制面板–程序和功能–打开或关闭windows功能选中Internet信息服务中的IIS相关服务点击确定。 然后打开控制面板–管理工具–Internet信息服务IIS管理器–添加网址 在打开的界面中配置本地站点相关信息包括网站名称物理路径端口等。 添加好网站后可以看到我命名为arpce的本地站点已经启动此时在浏览器中输入http://localhost:8080 即可本地浏览该页面。 3.添加防火墙安全策略
打开控制面板–windows防火墙点击高级设置进入设置界面。 点击入站规则右侧新建规则点击端口下一步输入特定本地端口就是上边IIS配置中你输入的端口号一直下一步规则就建立了。 然后运行cmd进入命令提示符输入ipconfig即可获取到本机IP地址。 此时想要让局域网内其他用户访问到你用Axure生成的静态站点只需要发送给它这个地址用浏览器打开即可
http://你的IP地址:端口号冒号要用英文 4.使用cpolar内网穿透实现公网访问
但目前该站点只能在局域网内被访问到其他公网用户无法访问。接下来我们使用cpolar内网穿透将该站点发布到公网实现公网用户也可以正常访问到。
4.1 登录cpolar web ui管理界面
在浏览器上访问127.0.0.1:9200使用注册的cpolar账号密码登录cpolar web UI管理界面。默认为本地9200端口 4.2 启动website隧道
由于我们的演示站点端口在8080端口下所以我们可以直接使用website隧道。
登录进入cpolar web ui界面后我们点击左侧仪表盘的隧道管理——隧道列表找到website隧道并点击启动显示状态为active。 或者我们也可以重新创建一个新的隧道点击左侧仪表盘的创建隧道
隧道名称可自定义注意不要重复协议选择http本地地址填写8080端口域名类型选择随机域名可以免费使用地区可根据实际适用地区进行选择支持CN、HK、US、TW、EUR
隧道信息填写完成后点击创建即可 4.3 获取公网URL地址
点击左侧仪表盘的状态——在线隧道列表可以在线隧道所生成的公网地址可以看到website隧道的公网地址有两个一个是http协议一个是https协议将公网地址复制下来。 4.4. 公网远程访问内网web站点
在浏览器上访问cpolar所生成的公网地址本例为https://64a3463b.r5.cpolar.top
成功将内网web站点发布到公网可访问。 4.5 配置固定二级子域名公网访问内网web站点
在上一步中我们已经能在公网访问内网web站点不过此时的数据隧道处于临时状态随机域名每24小时重置一次大多用于测试场景。想要长期稳定的访问利用Axure制作中的站点随时查看并提出修改意见。我们还需要进一步的设置将临时数据隧道转为固定隧道需要成为cpolar的VIP会员。现在就让我们开始吧。
4.5.1创建一条固定数据隧道
要创建一条固定数据隧道我们需要从隧道的进口端和出口端两个方面将漂移的端口固定下来。首先我们在cpolar web ui界面浏览器上访问127.0.0.1:9200点击左下角的转到cpolar官网 在cpolar官网登录进入仪表台界面后点击左侧的“预留”按钮。 4.5.2 找到“保留二级子域名”栏位
在“预留”界面我们找到“保留二级子域名”栏位。在这里设置的就是数据隧道的公共互联网入口端。与cpolar客户端的设置类似我们也要在这里进行一些简单设置。首先是“地区”栏只要按实际使用地区填写即可这里我们填入China VIP“名称”则是我们对数据隧道的命名不过与cpolar客户端不同这里的名称会编入最终生成的URL中这里我们选择填入NAS而最后的“备注”这是这条数据隧道的提示这里我们填入test。 在各栏都填写完毕后就可以点击右侧的“保留”按钮将cpolar云端的数据隧道入口保留下来。 4.5.3 重新编辑之前建立的临时数据隧道
接着我们转回cpolar客户端在客户端“隧道管理”项下的“隧道列表”页面重新编辑我们之前建立的临时数据隧道隧道名称website将cpolar云端数据隧道的入口与cpolar本地端数据隧道的出口关联起来这样我们才能使用重定义的数据隧道访问位于内网的Axure静态站点。 点击编辑按钮
修改隧道信息将二级子域名配置到隧道中
域名类型改为选择二级子域名Sub Domain填写我们刚刚所保留的二级子域名本例为Axuretest
修改完成后点击更新 隧道更新成功后点击左侧仪表盘的状态——在线隧道列表可以看到website隧道的公网地址已经更新为二级子域名了将公网地址复制下来。 打开浏览器我们来测试一下访问配置成功的二级子域名。 测试成功可以正常访问。现在我们全网唯一的私有二级子域名就创建好了。
