Vue3.0实现多平台文章发布功能，数据保存本地，无后端！基于openwrite插件

本文主要是介绍Vue3.0实现多平台文章发布功能，数据保存本地，无后端！基于openwrite插件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

个人博客原文地址https://gitee.com/baymaxsjj

前言

自从博客写完之后就有些懒散，这不前几天想实现一个可以多端发布的功能，就是我在我的博客发布完文章后，可以同步到像Csdn,简书的类似的平台，于是就开始实现其功能，然后经过一段时间的思考，想了想，如果要多平台发布，要满足两个条件，一是要获取到保存在该平台登录的cookie,二是要知道该平台的一系列接口。这两个条件我的没想到解决办法，第一个就是同源策略，无法获取到其它平台的cookie,第二个就是要获取平台的接口也费事，而且还要跨域，虽然说可以反向代理吧！但是我嫌费事。于是我就开始从网上找了一下发现了一个多平台发布的文章，然后我激动的注册了账号，里面支持的平台真多，不过每个月就10次机会，有的功能还收费！于是我就开始了解实现原理！

项目介绍

本项目基本实现OpenWrite官网的功能，没有充分的测试，我没那么多账号！该项目通过OpenWrite 插件获取各个平台cookie以及文章发布，数据统计等功能！所有数据通过VueX保存在本地！无需后端！
如果你觉得有用的话，就给一个star吧,如果你不需要多端发布功能，也可以当一个本地的记事本！多端发布功能不稳定！如果想要稳定的话，就去OpenWrite 官网使用多端发布，毕竟是有团队维护的，此项目适合初学者练手！

项目演示

项目代码
项目演示
OpenWrite 插件
OpenWrite 官网

实现原理

通过几次的使用openwrite，发现其实现原理就是我上面的两个条件，不过它有解决办法而已，那让我们来了解其原理。使用过的都知道，就是通过插件来实现跨域获取cookie,也通过插件完成文章发布一系列功能。这个插件就是对外的一个桥梁！还好他的插件是源码，没有编译，研究了一番，这个插件至暴露一个对外的沟通的方法，其它的都是对不同平台的请求头做一些设置。而我就是通过这个插件实现多平台发布功能！

使用该平台的风险

使用这个平台还是有一些信息泄露的风险，为什么这么说呢！一是通过插件获取平台的cooke是保存在它服务器后台的，我就在想为什么不保存在本地！二是为了防止插件更新过快（插件安装还是费事的！），它的插件主要的代码也是通过给网站从后台获取的，其实也能理解因为要维护啊！防止插件更新频繁！但这也有风险，如果该网站被黑，并且知道网站基本实现原理！那么完全可以通过该插件获取用户浏览器中重要的信息的！包括cookie等重要信息！

使用方法

下载该平台的插件，更改manifest.json中配置，本地可以不要改，但是现在别的域名下使用还需更改！将给文件中所有的openwrite.cn改成自己的域名！如图

插件配置
然后就可以在浏览器中安装插件了！

使用Vue3+Ant+Vuex完成本地功能，无需后端

知道上面的实现原理，我花费了五天时间实现基本其功能！大部分时间花费了在了解与插件的一些方法，还有其通信的参数配置，我都要从它的网站一步步获取！还有一部分时间花费在新的ui框架，之前都使用的Element,为什么Ant主要它支持Vue3,我写着写在发现我还openwrite官网越来越像了，原来用的都是一个框架，openwrite官网有的功能基本都实现了！但我只测试了Csdn,因为我不想注册那么多的平台！就一两个就够费事的了！如果其它平台有问题，你可以把我的项目克隆下来，自己改改！项目运行数据均使用Vuex管理并保持到本地！放心使用！虽然使用了Vue3.0但并没使用新的语法。