AXURE原型——通过云服务器托管Echarts可视化文件并在AXURE中引用

  • 好吧,现在来看这其实是一件很蠢的事情。明明通过通过CDN的方式,从公共网络资源加载ECHARTS库,再将包含可视化图表配置的JavaScript代码嵌入到原型元件中就可以实现对应的Echarts可视化了

    当时是因为找了好几处都没找合适稳定的公共资源,所以放弃了这种方式。于是就绕了一大圈改为了以下方案:

    ①将数据可视化图在Echarts上调整好。并将其以HTML格式下载到本地。
    ②搞一台服务器,笔者是本来就有一个阿里云ECS,并部署一个可访问的网站项目,将下载的HTML文件作为一个可访问的网页置于这个项目下。以便于我们在AXURE中引用这个网页。
    ③申请公网域名,并将域名解析到这台服务器上部署的可访问网站上。没有域名的话,我们只有通过IP地址访问网站,但是AXURE显然是不支持这种引用方式的。
    ④申请域名备案,取工信部申请ICP备案,否则你的网站无法在公网上访问。(这个过程需要提交很多的备案材料,并且等待工信部的漫长审核。)
    ⑤申请SSL认证,否则你的网站无法通过https方式进行访问和引用。而想在AXURE上引用网页,必须是HTTPS方式。(至少我们可以申请个人免费的SSL认证,这是个好消息,不是吗?)
    好,如果完成了以上所有工作,那我们现在相当于是建立了一个,可以公网访问的网站,并且将我们的可视化图作为一个次级网站页面挂在了公网上。(比如https://elandiven.cn/pie-labelLine-adjust_3.html )
    现在就可以在AXURE中通过引用外部URL来引用我们的可视化图了。
    怎么样,很简单吧?(笑死
    不过,这样做的一个好处是,只要你这个网站还在,后面就不用再重复搞这些步骤了,只需要你在Echat上通过JS代码把目标效果实现出来后把代码以html文件形式下载下来,再扔到你自己的网站上就可以引用了。所以只要是你在Echat上能够实现的效果,理论上都可以顺利在Axure中引用。