检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
共模板，适配多样化营销场景。 如果您是具备自用营销信息分发平台的行业客户，可选择将智能信息的模板数据接入自用平台，在自用平台上实现模板预览、模板管理等操作。为此您需要将模板查询API返回的JSON数据渲染成适配于自用平台的预览视图。 本指南将指导您如何将智能信息的模板数据渲染成前端预览视图。
总体开发思路 渲染模板预览视图所需的数据保存在pages字段中。调用智能信息模板查询API接口获取pages字段，经多个前端组件开发后，即可渲染出适配于自用平台的预览视图。总体开发流程如图1所示。 图1 将模板数据渲染成预览视图的开发流程 关键阶段介绍 调用查询模板API，获取pages字段。
父组件开发 编写app-preview组件的JavaScript逻辑 父组件代码示例
子组件开发 支持的子组件类型 事件处理效果预览 子组件代码示例
短信应用 创建短信应用 查询短信应用 获取短信应用详情 修改短信应用 父主题： API
Array of SmsApp objects 查询结果。 page_info Page object 分页信息。 表4 SmsApp 参数 参数类型 描述 app_id String 应用ID，用于获取、修改应用的唯一标识。 最小长度：1 最大长度：50 app_name String
最大长度：255 响应参数 状态码： 200 表3 响应Body参数 参数 参数类型 描述 app_name String 应用名称。 最小长度：1 最大长度：30 app_id String 应用ID。 最小长度：1 最大长度：50 状态码： 400 表4 响应Body参数 参数 参数类型
获取短信应用详情 功能介绍 该接口用于用户获取已创建的短信应用详情。 URI GET /v1/sms/apps/{app_id} 表1 路径参数 参数 是否必选 参数类型 描述 app_id 是 String 应用ID。 请求参数 表2 请求Header参数 参数 是否必选 参数类型
修改短信应用 功能介绍 该接口用于用户修改短信应用。 URI PUT /v1/sms/apps/{app_id} 表1 路径参数 参数 是否必选 参数类型 描述 app_id 是 String 应用ID。 请求参数 表2 请求Header参数 参数 是否必选 参数类型 描述 X-Auth-Token
创建短消息应用 前提条件 智能信息的企业备案已审核通过。 操作步骤 在左侧导航，选择“短消息配置（国内） > 短消息应用管理”。 在界面右上角，单击“添加应用”。 配置应用信息，如图1所示。 最多支持添加2个应用。 应用名称：自定义应用的名称。 图1 创建短消息应用 填写完成后，单击“确定”。成功创建短消息应用。
扩大企业营收空间，主要应用场景包含GMV提升和APP促活。 提升品牌价值 通过技术手段改变原有服务信息的单一呈现方式，将服务内容升级为多元呈现及多样交互，提升用户体验，打造全新的全触点场景，主要应用场景包含活动宣传和公众服务。 图1 KooMessage应用场景及价值
在页面右上方，可根据需要，选择“状态”、“创建时间”或“应用名称”进行查询。 若需要对查询到的短消息应用进行修改，在对应“操作”列单击“修改”进行操作。 添加短消息应用 添加应用页面会显示还可添加应用数、已添加应用数和共支持添加应用数，若还可添加应用，按照如下步骤进行添加： 进入管理控制台，选择“云消息服务
智能信息服务号（业界也称之为短信服务号）是基于移动终端（当前仅支持华为移动终端）传统短信，为企业提供全链路、高触达、低成本的新型服务及营销门户。通过最大化地有效利用移动终端消息模块的流量，将企业传统短信触达升级为可信赖、便捷化的品牌营销阵地。 应用场景 某电商平台在双11、双12或者618等大促
组件赋予事件类型。 目前PreviewService函数仅可处理OPEN_APP（仅支持移动端，在非移动端操作会有弹窗提示）、OPEN_BROWSER、OPEN_URL事件，VIEW_PIC事件需在app-preview-image中单独处理。 模板预览事件类型 表1 事件类型及ActionTypes枚举值
app-preview-swiper组件 开发横滑组件时可定义的属性及其作用如表1所示，您可根据实际需求进行定义。 表1 横滑组件属性及作用 属性 作用 item.style 样式定义。 item.swiper.autoplay 是否自动轮播。 item.swiper.loop 是否循环。
app-preview-image组件 HTML <div class="imgBox preview-element"> <img class="preview-element" [src]="item?.src" [style]="item.style" // 若图片的动作类
'text' app-preview-text 按钮 item.type === 'button' app-preview-button 图片 item.type === 'image' app-preview-image 视频 item.type === 'video' app-preview-video
[item]="item" ></app-preview-button> <app-preview-image *ngIf="item.type === 'image'" [item]="item"></app-preview-image> <app-preview-video
直达快应用/H5/MINI card营销活动、服务等页面。 自定义短信下挂按钮 通过短信下挂按钮，自定义营销入口，可实现： 根据营销需求快速、灵活自定义按钮。 跳转H5、Deeplink、快应用或MINI card推荐下载。 打开应用服务跳转 可跳转企业的公司官网、APP、快应用、H5页面、MINI
app-preview-text组件 HTML <div> <p class="preview-element text-element" [style]="item.style" (click)="PreviewService
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
