开源项目安装与配置指南：Feedback Fin

2025-04-17 00:44:39作者：尤峻淳Whitney

Feedback Fin 是一个轻量级的网页反馈收集工具，它允许用户在网站上任何位置收集反馈。该项目主要使用以下编程语言和技术：

关键技术和框架

在开始安装 Feedback Fin 之前，请确保您的开发环境满足以下要求：

以下是详细的安装和配置步骤：

首先，您需要从 GitHub 克隆项目仓库到本地环境。打开命令行界面，执行以下命令：

git clone https://github.com/rowyio/feedbackfin.git
cd feedbackfin

在项目根目录下，使用 npm 或 yarn 安装项目依赖：

npm install
# 或者
yarn install

Feedback Fin 使用 webhook URL 来接收反馈数据。您需要生成一个 webhook URL，并将其配置到项目中。您可以使用 Rowy 的低代码平台轻松生成 webhook URL，并管理反馈数据。

如果您希望在提交的反馈中包含用户信息，您可以在 window.feedbackfin.config 对象中配置用户信息：

window.feedbackfin.config.user = {
  name: "用户名",
  email: "用户邮箱"
};

将以下脚本添加到您的网页中，确保在 <head> 标签结束之前添加：

<script src="https://unpkg.com/feedbackfin@^1" defer></script>

在网页中添加一个按钮，并使用 data-feedbackfin-button 属性：

<button data-feedbackfin-button>反馈</button>

在 <script> 标签中配置 Feedback Fin，设置 webhook URL 和其他选项：

window.feedbackfin.config = {
  url: "https://rowy-hooks.run.app/wh/...",
  // 其他配置项
};

完成以上步骤后，您的 Feedback Fin 应该已经可以正常使用了。用户点击反馈按钮时，会打开反馈窗口，用户可以提交反馈信息，这些信息会通过 POST 请求发送到您配置的 webhook URL。

登录后查看全文