通用评论

node 0d003e8da3 publish comment@0.0.1		5 years ago
lib	publish comment@0.0.1	5 years ago
public	publish comment@0.0.1	5 years ago
src	publish comment@0.0.1	5 years ago
.babelrc	publish comment@0.0.1	5 years ago
.eslintrc	publish comment@0.0.1	5 years ago
.gitignore	publish comment@0.0.1	5 years ago
README.md	publish comment@0.0.1	5 years ago
config-overrides.js	publish comment@0.0.1	5 years ago
package.json	publish comment@0.0.1	5 years ago

Comment

通用评论系统

使用

作为组件使用

# npm 安装
$ npm install git+https://git.links123.net/node/test_comment.git
# yarn 安装
$ yarn add https://git.links123.net/node/test_comment.git

然后在代码里面引入 comment 组件：

import Comment from 'comment'

// ...

render() {
  return (
    <Comment />
  )
}

注意：最好，还需要在 HTML 文件里面引入阿里云 OSS SDK <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>

作为静态文件引入

首先引入 OSS SDK，用于直传文件到 OSS。

然后分别通过 link 和 script 标签引入打包后的文件。

再创建一个 id 为 root-comment 的标签，作为渲染通用评论的跟元素。

如下所示：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Page Title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" media="screen" href="./static/css/main.f205c84d.css" />
</head>
<body>
  <div id="root-comment" style="width: 700px"></div>
  <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
  <script src="./static/js/main.eac872df.js"></script>
</body>
</html>

开发

$ git clone https://git.links123.net/npm/comment
$ cd comment
$ yarn
$ yarn start

yarn build 将项目打包成一个单页应用
yarn lib 将项目打包成一个组件
yarn prettier 格式化代码

TODO

前后端统一错误码
type 和 businessID 的定义

README.md

Comment

使用

作为组件使用

作为静态文件引入

开发

TODO