@yiyungent/plugincore
v0.5.0
Published
PluginCore JavaScript SDK.
Downloads
110
Readme
:cake: PluginCore JavaScript SDK
Introduce
PluginCore JavaScript SDK
- 简单 - 简单易用.
- 免费 - MIT协议 发布
Screenshots
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
- yiyungent/PluginCore: ASP.NET Core lightweight plugin framework. ASP.NET Core 轻量级 插件框架 - 一分钟集成
- yiyungent/plugincore-admin-frontend: PluginCore 的 Admin 前端 ( Vue.js )
鸣谢
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:
- 爱发电
Author
plugincore-js-sdk © yiyun, Released under the MIT License. Authored and maintained by yiyun with help from contributors (list).
GitHub @yiyungent