AxureRP makes a static site and publishes it to the Internet, and internal network penetration realizes public network access

AxureRP makes a static site and publishes it to the Internet, and internal network penetration realizes public network access

foreword

AxureRP is a frequently used website prototyping tool for product managers. It can be used to create and set diagram styles, add interactivity and comments to diagram pages and elements, and publish the pages being designed or designed to HTML at any time for viewing with a web browser. However, in addition to accessing in the local area network, many times there will be business trips and the need to use the public network to access. At this time, you can use the cpolar intranet penetration tool to access the local web display site on the intranet from the public network, which is convenient for viewing and viewing at any time. Propose amendments.

1. Generate HTML files in AxureRP

After simply designing the page, click 发布- in the upper navigation 生成HTML文件, as shown in the figure below, and then go to the next step.

After the prompt box below pops up, click the button to publish locally (you can change the page publishing path)

Choose any browser to open to view this page

The page display effect and page saving path are as follows:

2. Configure IIS service

At present, only a static HTML page is generated using AxureRP, but if other users in the LAN want to access this page, it is necessary to configure the IIS service locally and build a static web site.

Open 控制面板– 程序和功能– 打开或关闭windows功能, select Internet信息服务the IIS-related services, and click OK.

then open 控制面板– 管理工具– Internet信息服务（IIS）管理器–添加网址

Configure the relevant information of the local site in the opened interface: include 网站名称, 物理路径, 端口and so on.

After adding the website, you can see that the local site I named arpce has started. At this time, enter: http://localhost:8080 in the browser to browse the page locally.

3. Add firewall security policy

Open the control panel – windows firewall, click 高级设置to enter the setting interface.

Click 入站规则, right 新建规则, click 端口, next step, input 特定本地端口, which is the port number you entered in the IIS configuration above, keep going to the next step, and the rule will be established.

Then, run cmd to enter the command prompt, and enter ipconfig to obtain the local IP address.

At this point, if you want other users in the LAN to access the static site you generated with Axure, you only need to send it this address and open it with a browser:

http://your IP address: port number (colon should be in English)

4. Use cpolar intranet penetration to achieve public network access

But currently the site can only be accessed within the local area network, and other public network users cannot access it. Next, we use cpolar intranet penetration to publish the site to the public network, so that public network users can also access it normally.

4.1 Log in to the cpolar web ui management interface

Visit 127.0.0.1:9200 on the browser , and use the registered cpolar account password to log in to the cpolar web UI management interface. (The default is local port 9200)

4.2 Start website tunnel

Since our demo site port is under port 8080, we can use the website tunnel directly.

隧道管理After logging in to the cpolar web ui interface, we click —— on the left dashboard 隧道列表, find the website tunnel, and click 启动, the display status is active.

Alternatively, we can also re-create a new tunnel: click on the left dashboard 创建隧道:

• Tunnel name: customizable, be careful not to repeat
• Protocol: select http
• Local address: fill in port 8080
• Domain name type: choose 随机域名(can be used for free)
• Region: You can choose according to the actual applicable region, support CN, HK, US, TW, EUR

After filling in the tunnel information, click 创建to

4.3 Get public URL address

状态Click —— on the left dashboard 在线隧道列表, you can see the public network address generated by the online tunnel, and you can see that there are two public network addresses in the website tunnel, one is the http protocol, the other is the https protocol, and copy the public network address.

4.4. Remotely access the intranet website from the public network

Access the public network address generated by cpolar on the browser, in this example: https://64a3463b.r5.cpolar.top

Successfully published the intranet web site to the public network for access.

4.5 Configure a fixed second-level subdomain name to access the intranet website from the public network

In the previous step, we have been able to access the intranet web site on the public network, but at this time the data tunnel is in a temporary state (random domain name, reset every 24 hours), mostly for testing scenarios. If you want to have long-term and stable access to the site being produced by Axure, you can check it at any time and make suggestions for modification. We also need further settings to convert the temporary data tunnel to a fixed tunnel (you need to be a VIP member of cpolar). Now, let's get started.

4.5.1 Create a fixed data tunnel

To create a fixed data tunnel, we need to fix the drifting ports from the entrance and exit of the tunnel. First, we click on the cpolar web ui interface (visit 127.0.0.1:9200 on the browser ) in the lower left corner to go to the cpolar official website

After logging in to the dashboard interface on the cpolar official website, click the "Reserve" button on the left.

4.5.2 Find the "Reserved second-level subdomain" field

In the "Reservation" interface, we find the "Reserved second-level subdomain name" field. What is set here is the public Internet entry port of the data tunnel. Similar to the settings of the cpolar client, we also need to make some simple settings here. The first is the "Region" column, just fill it in according to the actual use area (here we fill in China VIP); "Name" is our name for the data tunnel, but unlike the cpolar client, the name here will be compiled into the final In the generated URL (here we choose to fill in NAS); and the last "remark", which is the prompt of this data tunnel, here we fill in test.

After all the fields are filled, you can click the "Reserve" button on the right to reserve the data tunnel entrance of the cpolar cloud.

4.5.3 Re-edit the previously established temporary data tunnel

Then we switch back to the cpolar client, on the "tunnel list" page under the "tunnel management" item of the client, re-edit the temporary data tunnel we established before (tunnel name: website), and connect the entrance of the cpolar cloud data tunnel with the cpolar The exit of the local data tunnel is associated, so that we can use the redefined data tunnel to access the Axure static site located on the intranet.

click 编辑button

Modify the tunnel information and configure the second-level subdomain name into the tunnel:

• Domain Type: Select instead二级子域名
• Sub Domain: Fill in the second-level subdomain name we just reserved (in this example Axuretest)

After the modification is complete, click更新

状态After the tunnel is successfully updated, click —— on the left dashboard 在线隧道列表, and you can see the public network address of the website tunnel, which has been updated to a second-level subdomain name, and copy the public network address.

Open the browser, let's test access to the successfully configured second-level subdomain.

The test is successful and can be accessed normally. Now, our only private second-level subdomain name in the entire network has been created.