Files
assistant-storefront/test_search_image_webhook.sh

43 lines
1.4 KiB
Bash
Raw Normal View History

feat: add search_image and product_list content types with image upload ## 新增功能 ### 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>
2026-01-27 19:03:46 +08:00
#!/bin/bash
# 模拟发送 search_image 消息到 Widget API
# 使用方法: ./test_search_image_webhook.sh
# 配置参数
WEBSITE_TOKEN="9n9D3JFHBorFTZLD7cQ49TMg"
BASE_URL="http://localhost:3000"
CW_CONVERSATION="eyJhbGciOiJIUzI1NiJ9.eyJzb3VyY2VfaWQiOiI2Njc1ZGY3Ni1jM2MxLTQwMjktODUyNi0zN2UzMjQyMDFhMzAiLCJpbmJveF9pZCI6MSwiZXhwIjoxNzg1MDU3ODU5LCJpYXQiOjE3Njk1MDU4NTl9.SW4n7hnVjleWaVjKesdA60IZ5YAkAFn-3cUzH2f9F_M"
# 测试图片 URL
TEST_IMAGE_URL="https://img.gaia888.com/image/www/auto_202601/test-$(date +%s).jpg"
echo "🚀 发送 search_image 消息到 Widget API..."
echo "📸 图片 URL: $TEST_IMAGE_URL"
echo ""
# 发送请求
curl -X POST "${BASE_URL}/api/v1/widget/messages?website_token=${WEBSITE_TOKEN}&cw_conversation=${CW_CONVERSATION}&locale=zh_CN" \
-H "Content-Type: application/json" \
-H "X-Auth-Token: ${CW_CONVERSATION}" \
-d "{
\"message\": {
\"content\": \"\",
\"content_type\": \"search_image\",
\"content_attributes\": {
\"url\": \"${TEST_IMAGE_URL}\"
},
\"timestamp\": \"$(date -u '+%a %b %d %Y %H:%M:%S GMT+0800 (中国标准时间)')\",
\"referer_url\": \"http://localhost:3000/widget_tests\"
}
}" \
-v
echo ""
echo ""
echo "✅ 请求已发送"
echo ""
echo "📊 验证方法:"
echo " 1. 检查 Dashboard: ${BASE_URL}/app/accounts/2/inbox/1"
echo " 2. 查看 Webhook 接收日志"
echo " 3. 刷新 Widget 页面查看消息"