「本文正在参加星光计划3.0–夏日挑战赛」

1、贡献看板简介

opendesign-datastat是一款开源的开源社区贡献面板。openEuler、openGauss、MindSpore、openLookeng等均基于该开源代码实现了自己的贡献面板。预计OpenHarmony后续也会加入，期望早日可以看到OpenHarmony的度量站点。贡献看板可以访问下述站点。

• https://datastat.opengauss.org/zh/overview
• https://datastat.openeuler.org/zh/overview
• https://datastat.mindspore.cn/zh/overview
• https://datastat.openlookeng.io/zh/overview
  包含社区总览和社区贡献两部分，如下。可以看到社区上，认可的贡献包含提交的PR数，提交的Issue数，还包含检视意见数目。

2、如何部署

贡献看板是前后端分离的，datastat只是前端部分，我们看看datastat如何部署。本文不涉及后端接口部分，先使用现成的接口。

2.1、编译构建

代码检出到~/opendesign-datastat。执行下述命令进行构建。当然需要先安装nodejs、npm、pnpm，安装过程较简单，自行安装即可。pnm可以使用命令npm install -g pnpm来安装。

pnpm install
pnpm build

如果是开发模式，以openEuler为例，也可以直接运行。对于其他开源软件，开源参考根目录下的
package.json文件。

pnpm build:euler

2.2、部署构建输出件、

把编译构建复制到nginx目录。

sudo rm -fr /usr/share/nginx/html/*
sudo cp -fr ~/opendesign-datastat/dist/* /usr/share/nginx/html/
sudo chmod -R 755 /usr/share/nginx/html

对于Windows，构建输出件opendesign-datastat-master\dist\openEuler复制到nginx-1.22.0\html\openEuler。

2.3、配置nginx.conf

编辑文件./deploy/nginx/nginx.conf，选择一个开源产品，比如openEuler，取消server前的注释，然后复制下配置文件。

cp -f ./deploy/nginx/nginx.conf /etc/nginx/nginx.conf

对于Windows，复制./deploy/nginx/nginx.conf 到nginx-1.22.0\conf\nginx.conf。

2.4、启动nginx服务

linux平台上，执行下述命令进行启动服务。

sudo service nginx status
sudo service nginx start

对于Windows，双击nginx.exe运行。

然后访问http://localhost:8080/zh/overview即可。如下图所示。