前端Excel插件开发系列[1]

1,889 阅读2分钟

前端Excel插件开发系列-基础环境搭建

快速构建一个基于vue的excel插件可以看使用Vue构建一个Excel-add-in 这里构建采用的方案和官网上有些不同

插件组成部分

硬件部分

插件需要运行在自己的服务器上,所以一台云主机或者虚拟主机是必不可少的,同时还需要域名和相关的ssl证书

主机

根据应用的需求决定,最基础的当然是一个web环境即可,这一点虚拟主机就能做到,测试环境自己的主机即可

域名

发布到网络上后需要一个域名来定位主机

ssl证书

插件必须运行在https环境下才能运行一些功能,这也就导致了我们需要申请一张ssl证书,否则无法正确进行调试 测试环境下可以使用自签名证书,当然这也费事一些

https带来的问题

因为运行在https下,有些资源的获取会造成跨域问题,添加该meta保证自动将http请求转为https请求,其余的可以尝试代理,跨域等方案来进行资源获取

    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
一种自签名证书的使用方法

开发过程中如果没有ssl证书的话,很麻烦,这里写下个人的一种解决方案 create-cert-files库 在webpack的devServer中加入这一段

https: {
      key: fs.readFileSync(fakeCert.key),
      cert: fs.readFileSync(fakeCert.cert)
    }

** 如果证书需要指定ip或域名 需要编辑self-signed-options **

证书安装教程可以自行搜索 日后补充

软件部分

Excel环境

需求Excel2016 部分api的调用需要高版本的Excel2016,当然,不涉及和Excel文档本身交互的话,2013也行

插件运行环境

windows

win下整个插件是运行在ie中,所以使用开发中注意合理使用polyfill以及使用

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

来调用最新的ie 安装方式Sideload Office Add-ins on Windows

office online

取决于浏览器 安装方式Sideload Office Add-ins in Office Online

mac

调用的是AppleWebKit 安装方式Sideload Office Add-ins on iPad and Mac

ios

暂不知晓 安装方式Sideload Office Add-ins on iPad and Mac

Manifest.xml

Manifest.xml可以说是一切的基石,Excel通过阅读Manifest.xml了解去哪里,怎么调用编写的插件,同时Manifest.xml也负责Excel中tab栏,以及ContextMenu的布局样式,最快速的生成方式是使用Yeoman来进行创建

后记

接下来,将会对Manifest.xml进行详细介绍