加入悦团圆
在右侧填写手机号或邮箱，准备管理你的接入项目。
REUNION / DEVELOPER GUIDE
一行代码，
多一份团圆的可能。
为你的网站留一个温暖的位置。
从了解接入到完成配置，让善意连接每一次访问。
01 / OVERVIEW
开始之前
悦季寻亲公益组件面向希望展示寻亲信息的网站与应用。接入时，请为信息展示预留清晰、稳定的位置，让用户能够自然地看到并了解。
当前为前端设计预览
账号与寻亲数据服务尚未接入。下方代码展示接入形式，包含待替换地址，不可用于生产环境。
配置应用
服务开放后，添加应用名称与展示域名。
嵌入组件
放置代码，检查展示位置与移动端适配。
02 / QUICK START
把团圆的希望，接入你的产品
选择你的接入场景，查看对应的示例结构。
<!-- 示例地址：请在服务开放后替换 -->
<script
src="https://YOUR_SERVICE_DOMAIN/reunion.js"
data-app-id="YOUR_APP_ID"
defer
></script><!-- 在应用的 WebView 页面中嵌入 -->
<iframe
src="https://YOUR_SERVICE_DOMAIN/embed/YOUR_APP_ID"
title="悦季寻亲公益"
loading="lazy"
></iframe>示例中的服务域名和应用 ID 需要替换为正式配置。
✓
建议先在测试页面验证，再接入正式网站。组件展示不应遮挡导航、正文或关键操作。
03 / CONFIGURATION
每一个细节，都为更好地被看见
以下为接入方案中的配置示意，正式字段以服务上线后的文档为准。
| 配置项 | 用途 | 示例 |
|---|---|---|
服务域名 | 加载组件与展示页面 | YOUR_SERVICE_DOMAIN |
应用 ID | 关联当前接入项目 | YOUR_APP_ID |
展示位置 | 预留独立内容区域 | 页脚上方 / 公益专区 |
上线前检查
- 使用 HTTPS，检查正式域名与应用配置是否一致。
- 测试桌面和手机显示，确保文字、图片与链接可访问。
- 仅展示经授权的信息，不将演示内容当作真实寻亲记录发布。
04 / FAQ
你可能想了解
现在可以正式接入吗？
当前提供页面与交互设计预览。账号服务、应用管理和寻亲数据接口尚未开放，示例代码暂不可直接使用。
已经加入，需要跳转到其他页面吗？
不需要。点击右侧卡片底部的“站点管理”，即可在当前位置切换内容。本预览只校验输入，不会发送或保存账号信息。
App 应该使用什么接入方式？
本设计示意通过 WebView 中的独立页面承载公益组件。正式接入时，需要依据应用平台、安全策略和服务接口完成适配。
让技术有温度，让善意有回响。回到文档顶部 ↑