kaygeee/inquiries-maker

Inquiries Maker镜像说明

镜像概述

该镜像基于Rails 5.2.3构建，集成Sneakers ActiveJob适配器、RabbitMQ和Postgres，支持通过docker-compose编排部署。它是一个灵活的查询表单生成工具，可嵌入到外部应用或网站中，帮助收集用户的各类查询需求。

核心功能

1. 生成多类型查询表单（移动、清洁、综合等）
2. 提供iframe嵌入方式，适配响应式布局
3. 支持WordPress短代码快速集成
4. 可收集用户IP、来源域名等元数据（需客户端注入脚本）
5. 计划支持ReactJS片段集成

使用场景

1. 企业官网嵌入表单收集客户服务需求
2. WordPress博客添加查询入口获取用户反馈
3. 作为独立服务提供表单收集能力

配置说明

Docker Compose部署示例

yaml
version: '3'
services:
  web:
    image: kaygeee/inquiries-maker
    ports:
      - "3000:3000"
    depends_on:
      - rabbitmq
      - postgres
    environment:
      - RAILS_ENV=production
      - DATABASE_URL=postgres://user:password@postgres:5432/inquiries_db
      - RABBITMQ_URL=amqp://guest:guest@rabbitmq:5672/
  rabbitmq:
    image: rabbitmq:3-management
    ports:
      - "5672:5672"
      - "15672:15672"
  postgres:
    image: postgres:12
    environment:
      - POSTGRES_USER=user
      - POSTGRES_PASSWORD=password
      - POSTGRES_DB=inquiries_db
    volumes:
      - postgres_data:/var/lib/postgresql/data
volumes:
  postgres_data:

嵌入示例

WordPress短代码集成

在主题functions.php中添加代码：

php
function get_uos_form( $atts ) {
    $atts = shortcode_atts(
        array('src' => ''),
        $atts,
        'uos_form'
    );
    $inquiry_type = array(
        'moving' => '//RAILS_APP_URL/moving_inquiries/new',
        'cleaning' => '//RAILS_APP_URL/cleaning_inquiries/new',
        'combined' => '//RAILS_APP_URL/combined_inquiries/new'
    );
    return '<iframe src="'. $inquiry_type[$atts['src']] . '" style="position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%" name="查询表单" scrolling="no" allowfullscreen=""></iframe>';
}
add_shortcode( 'uos_form', 'get_uos_form' );

使用时插入短代码：[uos_form src="moving"]

HTML iframe嵌入

html
<iframe src="//RAILS_APP_URL/combined_inquiries/new" style="position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%" name="综合查询表单" scrolling="no" allowfullscreen=""></iframe>

客户端元数据注入

在嵌入页面添加脚本收集用户信息：

html
<script type="text/javascript" src="[***]"></script>
<script>
var receiver = document.getElementById('iFrameResizer0').contentWindow;
setInterval(function(){
  receiver.postMessage({
    "hostname": window.location.hostname,
    "path": window.location.pathname,
    "referrer": document.referrer,
    "ip": userip
  }, '*');
}, 1300);
</script>