使用阿里云搭建自己的原型发布站点
最近在做项目时,使用了Axure团队协同工具“AxureShare”时,发现了一个问题:由于AxureShare服务器在国外,Axure共享生成的链接访问时非常慢,网上找了很多解决方案,基本无解,主要是由于服务器在国外导致的,于是我想着通过自己搭建服务器实现web访问,在实现过程中遇到了一些小难题,我通过度大娘、及我们项目组的工程师一一解决了,总耗时3天,我实现这种方式其主要有一下几个目的:第一,学习如何搭建网站,拓宽自己的技术层面知识体系;第二,将来可以借助这个网站展示自己的作品与同行共享知识;第三,为项目的交互原型呈现方式提供一种技术方案,方便研发、运营、测试查看交互原型,统一访问路径,解决原型版本不统一的情况,同时方便产品经理维护。好了废话不多说,我们进入主题,接下来正式开始如何实现:
一、整体流程
在开始讲解之前首先大概讲一下整体流程
一、准备工具
阿里云搭建自己的原型发布站点需要准备如下工作:
1.Axure
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客户端的连接参数
- 选中某一连接项
- 高级——加密——只使用普通ftp
- 传输设置——传输模式——主动
- 重新连接
- 链接成功后如以下效果:
(七)Nginx服务器安装及配置
参考如:点击
说明:有的童鞋觉得配置nginx.conf文件改起来麻烦,那就直接把参考中的配置文件直接就拷贝到配置文件中,把中文注释去掉(也可以不去掉),其中注意以下几点
配置成功后,域名访问:
小问题:
1.有的童鞋发现Axure生成的html文件部署到web后,访问时出现工具栏,如何隐藏工具栏了,其实有解决方法:
生成的文件中有:
我们只需要将index.html文件删除,将start_c_1.html文件名称改成index.html,然后重新上传到web服务器即可
欢迎大家加入QQ群一起探讨学习