使用阿里云搭建自己的原型发布站点

       最近在做项目时，使用了Axure团队协同工具“AxureShare”时，发现了一个问题：由于AxureShare服务器在国外，Axure共享生成的链接访问时非常慢，网上找了很多解决方案，基本无解，主要是由于服务器在国外导致的，于是我想着通过自己搭建服务器实现web访问，在实现过程中遇到了一些小难题，我通过度大娘、及我们项目组的工程师一一解决了，总耗时3天，我实现这种方式其主要有一下几个目的：第一，学习如何搭建网站，拓宽自己的技术层面知识体系；第二，将来可以借助这个网站展示自己的作品与同行共享知识；第三，为项目的交互原型呈现方式提供一种技术方案，方便研发、运营、测试查看交互原型，统一访问路径，解决原型版本不统一的情况，同时方便产品经理维护。好了废话不多说，我们进入主题，接下来正式开始如何实现：

 

一、整体流程

在开始讲解之前首先大概讲一下整体流程

一、准备工具

阿里云搭建自己的原型发布站点需要准备如下工作：

1.Axure

2.阿里云服务器ESC

3.域名（可以不需要，通过公网IP访问，本文以域名方式实现）

4.FTP：服务端 Linux  客户端 Windows（FileZilla下载）

5.Nginx(linux）

 

三、搭建过程

(一) Axure

其中Axure我就不讲解了，画完原型后生产HTML文件即可。

(二) 购买虚拟主机

虚拟主机有windows和linux两种，如果只发布原型可以任选。如果发布基于php开发的网站选linux，基于asp/aspx开发的网站选windows，我选用的是linux

(三) 购买域名

(四) 域名备案

备案信息填写过程中，需要的主机信息可以到主机列表中查询：https://netcn.console.aliyun.com/core/host/list2

• 将鼠标指针进入控制台顶部右侧的【备案】菜单项，点击【备案专区】。

• 在备案专区页面中，向下滚动页面，找到【开始备案】按钮，点击之后开始备案。

• 按要求填写备案信息后，需要下载打印《网站备案信息真实性核验单》，一式三份，签名（企业需要加盖公章）、拍照上传。注意保存好原件，可能需要邮寄到指定地点（需要邮寄的话会有通知）。
• 提交备案信息，等待阿里云初审结果。注意保持电话畅通，如果有问题会有人工沟通。
• 一般1-2个工作日就能接收到备案初审通过的短信、邮件等通知，继续按要求提交网站负责人照片。此照片有严格要求，可以购买阿里云幕布自行拍摄，或者到阿里云指定拍照地点拍照上传。（免费拍照，工作人员负责上传，仅需拍照即可。）

(五) 域名解析

备案成功后，域名才能正常使用。在虚拟主机列表中，点击后方的【管理】，进入虚拟主机管理平台，通过域名解析设置，将域名指向已购买的虚拟主机。这一步，通过新手引导设置，点击红色的【立即设置】按钮，然后选择购买好的虚拟主机，点击【提交】即可。此次网上有很多教程我就不细说

 

(六) FTP工具Linux服务端安装及Windows客户端下载

1、FTP工具Linux服务端安装：具体实现方式请参考：链接

2、Windows客户下载及应用

这里注意：ftp的地址、用户名、密码均在虚拟主机管理平台中获取，端口号为21，在上图界面中填入这些信息后点击【连接】按钮，即可打开虚拟主机的ftp空间。空间打开后，双击htdocs文件夹，将原型文件夹直接拖入右侧窗口，即可完成上传。

特别注意的是，端口号需要再虚拟主机安全组添加，如有不懂问阿里云质询：

这里特别注意的是在客户端文件时出现“服务器发回了不可路由的地址，使用服务器地址代替”

需要设置filezilla客户端的连接参数

1. 选中某一连接项
2. 高级——加密——只使用普通ftp
3. 传输设置——传输模式——主动
4. 重新连接
5. 链接成功后如以下效果：

(七)Nginx服务器安装及配置

参考如:点击

说明：有的童鞋觉得配置nginx.conf文件改起来麻烦，那就直接把参考中的配置文件直接就拷贝到配置文件中，把中文注释去掉（也可以不去掉），其中注意以下几点

配置成功后，域名访问：

 

小问题：

1.有的童鞋发现Axure生成的html文件部署到web后，访问时出现工具栏，如何隐藏工具栏了，其实有解决方法：

生成的文件中有：

我们只需要将index.html文件删除，将start_c_1.html文件名称改成index.html，然后重新上传到web服务器即可

 

 

欢迎大家加入QQ群一起探讨学习