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来引用我们的可视化图了。
怎么样,很简单吧?(笑死)
不过,这样做的一个好处是,只要你这个网站还在,后面就不用再重复搞这些步骤了,只需要你在Echarts上通过JS代码把目标效果实现出来后把代码以html文件形式下载下来,再扔到你自己的网站上就可以引用了。所以只要是你在Echarts上能够实现的效果,理论上都可以顺利在Axure中引用。
总结: 虽然过程曲折,但通过自建服务器托管Echarts文件,可以长期稳定地在AXURE中引用复杂可视化图表,适合需要频繁更新或定制图表的项目。