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

2023-05-16

       最近在做项目时,使用了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群一起探讨学习

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • [综合面试] 牛人整理分享的面试知识:操作系统、计算机网络、设计模式、Linux编程,数据结构总结

    感谢面试群 S 北京 陈磊 的整理分享 基础篇 xff1a 操作系统 计算机网络 设计模式 一 xff1a 操作系统 1 进程的有哪几种状态 xff0c 状态转换图 xff0c 及导致转换的事件 2 进程与线程的区别 3 进程通信的几种方式
  • 利用python语言制作简单的音乐播放器

    from tkinter import from tkinter import filedialog from pygame locals import import time import pygame import sys pygame
  • 小四轴——空心杯电机引起的电源干扰

    问题 用STM32做了一个微型四轴的飞控 xff0c 使用的是空心杯电机 xff0c 使用一个MOS管驱动 xff0c 但是现在电机只要运行起来 xff0c 就会产生非常大的干扰 xff0c 直接导致STM32复位或不运行 经过换电容 xf
  • PX4开发(1):ubuntu下pixhawk开发环境搭建

    1 介绍 之前买了个330的四轴 xff0c 最近想利用起来 xff0c 所以买了个pixhawk来玩 pixhawk是开源的 xff0c 所以想看看能不能在其基础上开发出什么 要做开发首先要配置环境 xff0c 由于官方推荐在linux环
  • μC/OS-II 要点分析 ------ PendSV_Handler

    首先贴出今天要与大家分享的内容源码 xff08 位于内核源码的 os cpu a asm 中 xff09 xff1a PendSV Handler CPSID I MRS R0 PSP CBZ R0 PendSV Handler Nosav
  • PX4开发(2):QGroundControl的使用及电调校准——准备起飞

    1 介绍 上一节把固件烧写好了 xff0c 接下来进行传感器的校准了 xff0c 传感器校准要使用官方的地面站 xff0c 也就是QGC QGroundControl xff0c 官网下载点击这里 安装好QGC后打开 xff0c 然后将pi
  • Linux驱动开发04:块设备驱动和网络设备驱动

    介绍 因为块设备驱动和网络设备驱动实际中用得较少 xff0c 所以只给出驱动模板 xff0c 我也没有具体测试 xff0c 等到实际用到是再研究吧 xff0c 溜了溜了 块设备驱动模板 span class hljs keyword str
  • 支撑程序员的三种精神

    我注意到有三种精神指引着软件开发人员的灵魂 伟大的艺术家精神 xff0c 可信赖的员工精神和自私的实用主义精神 伟大的艺术家精神 如果你听到一种声音说 你不能这样画 xff0c 然后 xff0c 你继续这样画 xff0c 这种反对的声音就会
  • docker数据迁移

    docker数据迁移 前言 开发服务器随着docker运行服务的变多 xff0c docker目录占用磁盘空间也在逐渐变大 xff0c 终于在最近磁盘彻底占满导致容器启动不起来并提示 34 no device space left 34 为
  • 超好看的个人主页官网源码+带动态特效

    正文 这款个人主页源码感觉是我有史以来见过最好看的 xff0c 功能和页面也比较多 xff0c 简约又不失格调 官网带动态特效视频源码 xff0c 修改主页文件即可 程序 wwvwd lanzouw com i6RWe0ag8gde 图片
  • A2W、W2A、A2T、T2A的使用方法

    1 A2W和W2A 在 Window核心编程 xff0c 多字节和宽字节之间转换比较麻烦的 xff0c MultiByteToWideChar函数和WideCharToMultiByte函数有足够多的参数的意义让我们去理解 那么使用ATL的
  • C语言中int到float的强制类型转换

    最近在看一本名为的书 由于我所看过的计算机理论方面的书较少 xff0c 加上自己大学期间一直也不用功 xff0c 所以对于计算机的工作原理以及程序的工作方式我始终只知甚少 xff0c 印象也十分模糊 不过 xff0c 应该说我碰到了一本好书
  • MFC中如何将焦点设置到指定控件上

    MFC中如何将焦点设置到指定控件上 需求 xff1a 窗口打开的时候就将焦点 xff08 光标 xff09 设置到某个指定的控件上去 实现方法 xff1a 设置焦点需要用到setFocus这个方法 xff08 几乎任何编程环境都这样VC x
  • _tcschr、_tcsrchr

    tcschr tcsrchr 好处 xff1a 是可以不管是用unicode 编码还是其他 代码都不用改 C 43 43 标准库函数提供了字符和字符串的操作函数 xff0c 并提供了其UNICODE版本 xff0c 如 xff1a 1 tc
  • vc++ 6.0编译后生成的文件

    vc 43 43 6 0编译后生成的文件 程序在编译后 在目标路径下会生成多个文件 Debug文件夹 exe ilk obj pch pdb idb pdb cpp dsp ncb plg exe 是生成的可执行文件 ilk 当选定渐增型编
  • 除了pid还有什么控制算法,类似pid算法还有哪些

    什么是专家PID xff1f 他和传统的PID有什么区别 xff1f PID是智能控制啊 比如要控制一个水管的水流量 通过流量计 开关阀 让PID来控制开关阀的开关大小使水流量正确 专家PID记得是PID的高级设置 某些个场合一般的PID无
  • c++编译错误:invalid new-expression of abstract class type

    error invalid new expression of abstract class type UserdataActionI 原因 xff1a 出现这个错误原因是new 了一个抽象类出错 xff0c 说明父类 xff08 接口 x
  • Servlet jsp跳转到Servlet 出现404错误的路径设置方法

    jsp跳转到Servlet 出现404错误的路径设置方法 解决一 xff1a 最近又遇到了这种问题 xff0c 百度了好久 xff0c 发现有人说要在action的路径里面写Servlet文件的绝对路径 xff0c 比如说 xff0c 单独
  • 产品经理做APP从头到尾的所有工作流程详解!

    xff08 一 xff09 项目启动前 从事产品的工作一年多 xff0c 但自己一直苦于这样或者那样的困惑 xff0c 很多人想要从事产品 xff0c 或者老板自己创业要亲自承担产品一职 xff0c 但他们对产品这个岗位的认识却不明晰 xf
  • 使用阿里云搭建自己的原型发布站点

    最近在做项目时 xff0c 使用了Axure团队协同工具 AxureShare 时 xff0c 发现了一个问题 xff1a 由于AxureShare服务器在国外 xff0c Axure共享生成的链接访问时非常慢 xff0c 网上找了很多解决