本文作者:HelloGitHub-蔡文心

大家好!这里是 HelloGitHub 推出的《讲解开源项目》系列,今天给大家带来的一款基于 Node.js 实现的一文多发平台开源项目——ArtiPub(文章发布者)。

一、介绍

众所周知文章每发到一个平台,就能增加一丝让更多人看到的机会。所以内容创作者们不仅需要编写高质量的文章,还要手动分发到不同的平台。这个同步可不是简单地复制粘贴,需要重新排版、上传图片等,十分耗时和繁琐。

HelloGitHub 明白你的痛,所以今天带来一款免费开源的文章自动分发管理平台——ArtiPub,它可以帮助内容创作者将编写好的文章自动发布到掘金、SegmentFault、CSDN、知乎、开源中国等技术社区,传播技术内容的同时获取更多的曝光和关注。它不仅能完成文件的在线编辑和同步,还有数据统计的功能,简直是内容创作的必备神器呀!

项目地址:https://github.com/crawlab-team/artipub

让我们来跟着本文了解下 ArtiPub 的优点和功能,然后跟着步骤用起来,最后让你从 手动同步 内容变为 自动同步

1.1 安全性

市面上已经存在一文多发的平台会要求用户将自己的账户信息,例如 Cookie 或账号密码上传到对方服务器这样不安全。因为一旦平台发生问题,自己的账户信息会遭到泄漏。虽然我相信一般平台不会恶意操作用户的账户,但如果出现误操作,您的账户隐私将遭到泄漏,平台上的财产也可能遭到损坏,所以还是要尽可能规避这样的风险。而 ArtiPub 不要求用户上传账户信息,所有账户信息全部保存在用户自己本地或者服务器的数据库中,从而规避了这个安全风险。

1.2 Chrome 插件

ArtiPub 有配套的 Chrome 插件,通过 Chrome 插件可以方便地获得用户登陆信息(Cookie),然后将 Cookie 注入到 Puppeteer 操作的 Chromium 浏览器中,浏览器就可以正常登陆网站进行发文操作了。

1.3 支持的平台

  • 掘金
  • SegmentFault
  • CSDN
  • 简书
  • 知乎
  • 开源中国
  • 今日头条
  • 博客园
  • 1.4 支持的安装方式

    ArtiPub 安装简单,提供了多种安装方式,可以一键安装使用,安装一般只要 5 分钟。

  • Docker
  • Npm
  • 源码
  • 考虑到此项目的受众可能包括非程序员人群,接下来本文中将演示最方便的一种方案 使用 Docker 安装

    二、安装

    2.1 Docker

    准备

    1. Docker 安装文档
    2. Docker-compose 容器编排安装文档

    Step 1 在项目根目录下执行

    docker-compose up 命令会根据 docker-compose.yaml 文件创建镜像和容器。

    cd ArtiPub
    docker-compose up

    Step 2 启动容器


    Step 3 成功

    访问 http://localhost:8000


    三、使用

    3.1 登录

    上文提到了 ArtiPub 是通过 Chrome 插件获取 Cookie 的,所以还需要安装 Chrome 插件,插件的下载和安装方法作者写在了登录助手菜单中。



    3.2 发布


    发布后需要一点时间大约 1 分钟内,就能够看到已经同步发布到勾选的各大平台。


    四、技术栈

    4.1 前端

  • React 框架
  • UI 是基于阿里出品的 Ant Design Pro 改造而成
  • 4.2 后端

  • 基于 Node.js,使用 TS 编写
  • Web 框架则选用了 express
  • 爬虫功能基于 puppeteer(Google 开发的自动化测试工具)实现
  • 数据库选用了主流的 NoSQL 数据库 Mongodb 主要用于记录文章与 cookie 信息
  • 4.3 项目结构

    .
    ├── service.json //启动文件,包含路由注册,数据库连接
    ├── backend
    ├── config
    ├── extensions
    │   └── src
    │       └── popup
    ├── lib
    ├── models // 数据库模型
    ├── nginx // nginx配置
    ├── public
    │   └── icons
    ├── routes //相当于MVC中的controller
    ├── spiders // 爬虫相关功能
    │   └── import
    └── src
        ├── assets
        │   └── img
        ├── components
        │   ├── Authorized
        │   ├── CopyBlock
        │   ├── GlobalHeader
        │   ├── HeaderDropdown
        │   ├── HeaderSearch
        │   ├── NoticeIcon
        │   ├── PageLoading
        │   ├── SelectLang
        │   └── SettingDrawer
        ├── data
        ├── e2e
        │   └── __mocks__
        ├── layouts
        ├── locales
        │   ├── en-US
        │   ├── pt-BR
        │   ├── zh-CN
        │   └── zh-TW
        ├── models
        ├── pages
        │   ├── ArticleEdit
        │   ├── ArticleList
        │   ├── Demo
        │   ├── Environment
        │   ├── Helper
        │   ├── Paste
        │   └── PlatformList
        ├── services
        └── utils

    虽然前后端代码没有分为两个仓库,但是采用的是前后端分离模式,使用 Nginx 作为反向代理。后端部分与传统 MVC 模式相比有些许改变,但主要的 controller、models 和 service 还是存在(只是名字变了)。

    下图是 ArtiPub 的架构示意图:


    五、最后

    ArtiPub 本身并不是一个非常复杂的项目,但是其中包含了很多有趣的功能和思路,比如通过 Chrome 插件获取用户在各大平台的 cookie 来解决当用户账号太多,授权麻烦的问题。还有通过 puppeteer 一种自动化工具来实现发布。通过对 ArtiPub 源码的学习能够学到除 Node.js 以外的很多技术,并且这些技术使用场景也是非常丰富的。

    希望今天推荐的 ArtiPub 你能喜欢,也希望你能在读完文章后 clone 项目阅读一番,觉得不错的话可以关注我们,收到第一时间的更新。爱你呦~

    如果你有感兴趣的开源项目,但是不知道怎么上手,欢迎留言告诉我们。《讲解开源项目系列》就是帮助大家快速上手开源项目~留言吧!


    关注我们第一时间收到推送

    如果觉得本文不错的话,就点一下文章右下角的“推荐”吧

    发表回复

    您的电子邮箱地址不会被公开。 必填项已用*标注