Use nginx to build a server with axure demonstration prototype in a windows environment

1. As a product manager, using Axure to prototype is one of the basic skills, but every time you have to copy the prototype file, view it locally, it looks like a web page on your mobile phone, etc., these are too low. Then I sorted out the knowledge I had learned before, and decided to set up a small server on my computer, and then axure outputs it to the server every time, so that users in the local area network can easily view it. At the same time, axure also supports the output of mobile phone formats, and The effect is very realistic. It’s really a great tool for showing off. At the same time, a small server is built to have some documents of its own, which can be easily opened and read during meetings.

2. Regarding small servers, let me add a few words. In ordinary small companies with dozens of people, it is actually very convenient to use Windows shared folders, but considering some Mac users, it is not so good. use. Therefore, in the current environment where MAC is very popular, when win and MAC each account for half of the market, it is better to use the cloud or the cloud, and it must be convenient. Speaking of this, we talk about what tools to use for project management, progress management, etc. I will write another article about how I do it myself.

3. First, let’s build a small server. I chose nginx from Russia because it is really simple and easy to use. This product is an open source server software, which is mostly used for load balancing, and it is excellent. When I was an intern at Xiaoguizi, I used this to set up a streaming media server, and it was very capable. Now that I am using it for sharing, it is considered overkill.

1. Download nginx first. I am in a win8.1 environment, so I just download the installation package http://nginx.org/ and unzip it

2. Then go to the configuration file nginx.conf in the conf folder

and modify the configuration as follows

<span style="white-space:pre">	</span>location /upload {  //这里放置我的文件
    	    autoindex on;  //这三句是自动显示文件目录，不然进去就欢迎页了
            autoindex_exact_size on;  
            autoindex_localtime on;  
            alias   d://upload; //在D盘建一个专门放文件的文件夹吧
	     
	}//更多的关于配置文件，网上搜一搜很多的，我自己也会整理，这里就不写了

Also note that the server installed by nginx, I don’t have a good way to solve the Chinese name URL yet. , so please name the file in English

3. After these configurations are completed, double-click nginx.exe to start. Here I strongly recommend that you set it to start at boot, don’t say you don’t know how to set it up at boot

run C:ProgramDataMicrosoftWindowsStart MenuProgramsStartup and then drag the shortcut of nginx.exe in, so that nginx will be started as soon as the computer is turned on. Of course, you can also choose to leave the phone off for a long time, which is what I did anyway.

4, ThisThis is the result you see. 4. Okay, the small server is set up. You can also put some of your files here to share with others in the future. It is very convenient. Then we should set up axure to display on the mobile phone. There are many tutorials in this area on the Internet. In fact, many of them are unclear and confusing, or require configuring a very complex environment. I have written a tutorial before, but it was not well written, so I have rewritten it here.

5. Just make some prototype, and then use the familiar F8

Note that my output path is the path of nginx, and then set without sitmap, that is, without the left navigation bar. Then select Mobile Devices. Set the parameters

and then it is generated.

6. Then use your mobile phone to access this path page, ip/upload/test/index.html

Then make the following settings

Choose to add a desktop. Rename to test.

7. At this time, this will appear on your desktop

Did you see it? A shortcut to test appears.

8. The last step is to click in

Okay, even if it doesn’t look like a native application, you can deceive programmers.

PS: This method is only applicable to IOS devices, and to perfectly match the screen, the size of the graphic boundary needs to be set. In other words, a prototype can only fit one size of screen. But for prototyping tools, it's enough. At the same time, I am also thinking about whether I can use an adaptive front-end framework such as bootstrip to prototype the app, so that it can be adaptive. It seems that the next goal has emerged, which is to make an adaptive prototype. If anyone is interested, you can contact me to play together.

The above introduces the use of nginx to build a server with axure demonstration prototype in a windows environment, including the relevant content. I hope it will be helpful to friends who are interested in PHP tutorials.