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

最新推荐文章于 2023-10-26 23:27:15 发布

weixin_34348805

最新推荐文章于 2023-10-26 23:27:15 发布

阅读量726

点赞数

文章标签：前端 webpack javascript ViewUI

原文链接：https://juejin.im/post/5ad6fb4c6fb9a028ca538118

版权

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

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

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

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

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

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

因为运行在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 **

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

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

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

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

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

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

关注