Some checks failed
Lock Threads / action (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot EE docker images / merge (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot CE docker images / merge (push) Has been cancelled
Run Chatwoot CE spec / lint-backend (push) Has been cancelled
Run Chatwoot CE spec / lint-frontend (push) Has been cancelled
Run Chatwoot CE spec / frontend-tests (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (0, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (1, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (10, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (11, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (12, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (13, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (14, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (15, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (2, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (3, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (4, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (5, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (6, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (7, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (8, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (9, 16) (push) Has been cancelled
Run Linux nightly installer / nightly (push) Has been cancelled
Mark stale issues and pull requests / stale (push) Has been cancelled
## 新增功能
### 1. 新增消息类型
- 添加 search_image (17) 和 product_list (18) content_type
- 支持图片搜索和商品列表消息展示
### 2. 图片上传功能
- 添加 ImageUploadButton 组件,支持图片上传到 Mall API
- 上传后发送 search_image 类型消息,图片 URL 存储在 content_attributes
- 支持图片文件验证(类型、大小)
### 3. Webhook 推送优化
- 修改 webhook_listener.rb,允许 search_image 类型即使 content 为空也推送 webhook
- 解决 search_image 消息不触发 webhook 的问题
### 4. 前端组件
- 新增 SearchImage.vue 组件(widget 和 dashboard)
- 新增 ProductList.vue、Logistics.vue、OrderDetail.vue、OrderList.vue 组件
- 更新 Message.vue 路由逻辑支持新的 content_type
- 更新 UserMessage.vue 支持 search_image 消息显示
### 5. API 层修改
- widget/messages_controller.rb: 允许 content_attributes 参数
- widget/base_controller.rb: 使用前端传入的 content_attributes
- widget/conversation API: 支持 contentAttributes 参数传递
- conversation actions 和 helpers: 完整的 content_attributes 数据流
### 6. Widget 测试页面优化
- 重写 /widget_tests 页面,支持游客/用户模式切换
- 登录流程:使用 reset() + setUser(),不刷新页面
- 退出流程:使用 reset() + 刷新页面
- 添加详细的日志输出和状态显示
## 技术细节
### Message Model
```ruby
enum content_type: {
# ...existing types...
search_image: 17,
product_list: 18
}
```
### Webhook Listener
```ruby
# Allow search_image webhook even if content is blank
return if message.content.blank? && message.content_type != 'search_image'
```
### Widget Upload Flow
```
用户选择图片
→ 上传到 Mall API
→ 获取图片 URL
→ 发送消息: { content: '', content_type: 'search_image', content_attributes: { url: '...' } }
```
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
109 lines
3.0 KiB
Ruby
Executable File
109 lines
3.0 KiB
Ruby
Executable File
#!/usr/bin/env ruby
|
||
# 模拟发送 search_image 类型消息的测试脚本
|
||
|
||
require_relative 'config/environment'
|
||
|
||
puts "🚀 开始模拟发送 search_image 消息..."
|
||
|
||
# 配置参数
|
||
ACCOUNT_ID = 2 # 根据你的实际情况调整
|
||
INBOX_ID = 1 # 根据你的实际情况调整
|
||
USER_IDENTIFIER = '211845'
|
||
|
||
# 1. 查找或创建联系人
|
||
puts "\n📋 步骤 1: 查找联系人..."
|
||
contact = Contact.find_by(identifier: USER_IDENTIFIER)
|
||
|
||
if contact.nil?
|
||
puts "❌ 联系人不存在,请先通过 widget 创建一个会话"
|
||
exit 1
|
||
end
|
||
|
||
puts "✅ 找到联系人: #{contact.name} (ID: #{contact.id})"
|
||
|
||
# 2. 获取联系人的 inbox
|
||
puts "\n📋 步骤 2: 查找 contact_inbox..."
|
||
contact_inbox = ContactInbox.where(
|
||
contact_id: contact.id,
|
||
inbox_id: INBOX_ID
|
||
).first
|
||
|
||
if contact_inbox.nil?
|
||
puts "❌ contact_inbox 不存在,请先通过 widget 创建一个会话"
|
||
exit 1
|
||
end
|
||
|
||
puts "✅ 找到 contact_inbox (ID: #{contact_inbox.id})"
|
||
|
||
# 3. 查找或创建会话
|
||
puts "\n📋 步骤 3: 查找或创建会话..."
|
||
conversation = Conversation.where(
|
||
contact_id: contact.id,
|
||
inbox_id: INBOX_ID,
|
||
account_id: ACCOUNT_ID
|
||
).order(created_at: :desc).first
|
||
|
||
if conversation.nil?
|
||
puts "📝 创建新会话..."
|
||
conversation = Conversation.create!(
|
||
account_id: ACCOUNT_ID,
|
||
inbox_id: INBOX_ID,
|
||
contact_id: contact.id,
|
||
contact_inbox_id: contact_inbox.id,
|
||
status: 'open'
|
||
)
|
||
end
|
||
|
||
puts "✅ 使用会话: #{conversation.display_id} (ID: #{conversation.id})"
|
||
|
||
# 4. 创建 search_image 消息
|
||
puts "\n📋 步骤 4: 创建 search_image 消息..."
|
||
|
||
test_image_url = "https://img.gaia888.com/image/www/auto_202601/#{SecureRandom.uuid}.jpg"
|
||
|
||
message = Message.new(
|
||
account_id: ACCOUNT_ID,
|
||
conversation_id: conversation.id,
|
||
inbox_id: INBOX_ID,
|
||
sender: contact,
|
||
sender_type: 'Contact',
|
||
sender_id: contact.id,
|
||
message_type: :incoming, # 0
|
||
content_type: :search_image, # 17
|
||
content: '',
|
||
content_attributes: {
|
||
url: test_image_url
|
||
},
|
||
status: :sent
|
||
)
|
||
|
||
if message.save
|
||
puts "✅ 消息创建成功!"
|
||
puts " - Message ID: #{message.id}"
|
||
puts " - content_type: #{message.content_type}"
|
||
puts " - content_attributes.url: #{message.content_attributes['url']}"
|
||
else
|
||
puts "❌ 消息创建失败:"
|
||
puts message.errors.full_messages.inspect
|
||
exit 1
|
||
end
|
||
|
||
# 5. 触发 webhook 事件
|
||
puts "\n📋 步骤 5: 触发 Webhook 事件..."
|
||
puts "💡 消息已创建,Chatwoot 会自动触发以下事件:"
|
||
puts " - message_created"
|
||
puts " - conversation_updated (如果需要)"
|
||
puts " - Webhook 通知到配置的 URL"
|
||
|
||
puts "\n✅ 模拟完成!"
|
||
puts "\n📊 消息详情:"
|
||
puts " ID: #{message.id}"
|
||
puts " 会话: #{conversation.display_id}"
|
||
puts " 发送者: #{contact.name} (#{contact.identifier})"
|
||
puts " 类型: search_image"
|
||
puts " 图片 URL: #{test_image_url}"
|
||
puts " 创建时间: #{message.created_at}"
|
||
|
||
puts "\n🔗 你可以在以下位置查看:"
|
||
puts " Dashboard: http://localhost:3000/app/accounts/#{ACCOUNT_ID}/inbox/#{INBOX_ID}/conversations/#{conversation.display_id}"
|