@yiyungent/plugincore NPM

:cake: PluginCore JavaScript SDK

Introduce

PluginCore JavaScript SDK

简单 - 简单易用.
免费 - MIT协议发布

Screenshots

npm.io

Install

CDN

<script src="https://cdn.jsdelivr.net/npm/@yiyungent/plugincore/dist/PluginCore.min.js"></script>

npm

npm install @yiyungent/plugincore --save

Usage

首先需扩展的前端页面埋点 (扩展点 / Plugin Widget)

例如下方: 第一个扩展点
在 body 最后插入扩展点, 并且 widgetKey: PluginCore.Admin.Footer, 传递额外参数: a,b,c
启用 HelloWorldPlugin 插件后, 即会插入相应挂件

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div id="app">
            <h2 style="margin: 0 auto;text-align: center;">plugincore-js-sdk</h2>
            <div style="margin: 0 auto;text-align: center;">尝试使用插件 注入/修改 页面</div>
        </div>
        <!-- PluginCore.IPlugins.IWidgetPlugin.Widget(PluginCore.Admin.Footer,a,b,c) -->
        <!-- PluginCore.IPlugins.IWidgetPlugin.Widget(PluginCore.Admin.Footer,d,e) -->
        <!-- PluginCore.IPlugins.IWidgetPlugin.Widget(PluginCore.Admin.Footer,f,j) -->
    </body>
</html>

引入 plugincore-js-sdk 有两种方式

使用模块管理器

import PluginCore from '@yiyungent/plugincore';

const p = new PluginCore();

在页面中使用

    <body>
        <div id="app">
            <h2 style="margin: 0 auto;text-align: center;">plugincore-js-sdk</h2>
            <div style="margin: 0 auto;text-align: center;">尝试使用插件 注入/修改 页面</div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/@yiyungent/plugincore/dist/PluginCore.min.js"></script>
        <script>
			var p = new PluginCore({
                baseUrl: "your PluginCore url"
            });
			
            p.start();
        </script>
    </body>

Related Project

鸣谢

Donate

plugincore-js-sdk is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.

We accept donations through these channels: