如何制作5G消息内容

场景描述

例如，智慧商旅服务号通过如图1所示的5G消息和终端用户交互，用户可通过该消息完成订机票、订酒店等商旅服务。本节介绍如何制作该5G消息内容。

图1 商旅助手5G消息

操作步骤

1. 参考如何登录5G消息应用开发平台中操作，登录5G消息应用开发平台。
2. 在主菜单中，选择“内容管理 > 内容制作”。
3. 在“5G消息”中，单击“新建5G消息”。
4. 新建单卡片或多卡片消息。
   1. 设置5G消息名称，例如“乘风破浪”。
      图2 设置名称
      
   2. （可选）若消息需要携带图片、视频、音频或者文件，可执行该步骤。

      在左侧选择“素材”，在“我的素材”中上传素材。选中合适的素材拖入到右侧编辑框中，设置卡片宽度和媒体高度。

      图3 上传素材
      
      图4 拖入素材
      
   3. 在左侧选择“组件”，拖拽标题组件到编辑区，设置多媒体下方卡片内容的标题。
      图5 设置标题
      
   4. 从组件中选择多行文本拖拽到编辑区，设置文本内容。

      内容样例：你好，我是商旅助手。您可以在这里预定机票、火车票、酒店和旅游产品，查询自己的订单，联系客服，同时还能看到最新的优惠信息。

      图6 设置多行文本
      
   5. 从组件中选择按钮拖拽到编辑区，设置按钮显示文字“预定机票”以及按钮类型。
      图7 设置按钮
      

      表1 选择类型

      参数

      参数说明

      选择类型

      单击按钮后，触发的动作类型。 打开链接：指示本地浏览器打开一个网站地址，可链接到“我的H5图文”或者“外部网页”。 拨打电话：通过本地拨号盘拨打电话。 回复消息：用于回复信息。终端用户单击该按钮后，会从用户手机端发一条消息到服务号，这个消息的内容即按钮名称。若设置了关联消息，服务号会将关联的消息发送到终端用户手机端，若没有设置关联消息，服务号则不会回复任何消息给用户。 显示位置：在用户端上展示一个地理位置。可以通过坐标拾取工具拾取位置坐标，请输入位置名称和具体坐标。 请求位置：请求用户上传一个地理位置。 创建日程：在手机本地日历中创建一个日程。设置日程开始时间、结束时间、标题和日程描述。 支付：用于在手机浏览器中跳转支付页面，目前支持支付宝支付功能，选择该选项，需要设置订单编号、金额(￥)、商品名称、商品描述，需要自定义业务获取这些信息。使用该功能前需要在5G消息应用开发平台上方菜单栏中选择“应用配置 > 第三方能力接入”，选择“支付宝支付”或者“微信支付”页签参考表2或表3配置支付宝或者微信对接信息。 配置示例：选择打开链接类型，链接到“外部网页”，设置链接地址，使用内置浏览器打开链接地址。

      表2 支付宝支付对接参数说明

      参数	说明
      应用id	支付宝沙箱的AppID，登录蚂蚁金服开放平台，在“开发中心 > 沙箱应用”下，获取“APPID”的值。
      应用密钥	应用的密钥，获取方法请参考生成密钥。
      支付宝公钥	登录蚂蚁金服开放平台，在“开发中心 > 沙箱应用”下，单击“查看应用公钥”。

      表3 微信支付对接参数说明

      参数	说明
      应用ID	微信开放平台分配给应用的AppID。 获取方法如下： 注册并登录微信开放平台，申请到微信 APP 支付权限。 选择“管理中心”，在应用后单击“查看”。 在“应用详情”页面，查看“AppID”取值。
      微信商户号	微信开放平台分配的商户号。商户申请开通微信支付功能后，通过后，微信商户平台会发通知邮件，邮件中包含“微信支付商户号”。
      API密钥	API密钥，交易过程可生成签名的密钥。 获取方法如下： 商户申请开通微信支付功能，通过后，微信商户平台会发通知邮件，邮件中包含“商户平台登录账号”和“商户平台登录密码”，使用邮件中账号密码登录微信商户平台。 选择“账户中心 > 账户设置 > API安全”，首次登录请按照提示安装操作证书。 安装后在“API密钥”区域单击“设置密钥”，系统会随机生成API密钥。请商户妥善保管该密钥，防止泄露。
      商户私钥	商户身份的密码，具有极高的安全性，用于获取接口调用凭证access_token时使用。 获取方法如下： 商户申请开通微信支付功能，通过后，微信商户平台会发通知邮件，邮件中包含“商户平台登录账号”和“商户平台登录密码”，使用邮件中账号密码登录微信商户平台。 选择“账户中心 > 账户设置 > API安全”，在“API证书”区域单击“下载证书”。 证书下载后，打开压缩包会看到“apiclient_cert.pem”（对应商户公钥）和“apiclient_key.pem”（对应商户私钥），用Notepad++打开获取“apiclient_key.pem”值。
      商户公钥	商户公钥，获取方法如下： 商户申请开通微信支付功能，通过后，微信商户平台会发通知邮件，邮件中包含“商户平台登录账号”和“商户平台登录密码”，使用邮件中账号密码登录微信商户平台。 选择“账户中心 > 账户设置 > API安全”，在“API证书”区域单击“下载证书”。 证书下载后，打开压缩包会看到“apiclient_cert.pem”（对应商户公钥）和“apiclient_key.pem”（对应商户私钥），用Notepad++打开获取“apiclient_cert.pem”值。

      图8 支付订单确认页
      
   6. 参考上一步，设置其他按钮。
      图9 设置其他按钮
      
   7. 单击“>”，可设置多卡片消息中其他卡片消息。
      多卡片消息即消息中有多张图片等多媒体内容，轮播展示。

      图10 设置多卡片
      

5. （可选）当5G消息中标题、多行文本、按钮组件的文本内容或者链接中需要设置变量时，需要先新增变量，并设置默认值。
   本节“乘风破浪”5G消息内容不涉及变量，可跳过该步骤。

   1. 在右侧单击“变量”后的“+”，新增变量。
      图11 新增变量
      
   2. 单击变量名后的“...”，选择“设置”。
      图12 设置变量
      
   3. 设置变量名和默认值。
      图13 设置变量
      
   4. 在标题、多行文本组件的文本内容或者按钮组件的链接、电话文本中直接拖入该变量，引入变量。

      例如，如图14所示，鼠标光标放在多行文本组件需要引入变量的文本位置，从右侧变量区域选择变量拖入到左侧引入位置，系统会自动显示“${变量名}”。后续在服务号菜单或者投放任务中使用该5G消息时，变量会自动取5.c中设置的默认值。在智能对话中使用该5G消息时，会自动显示该变量设置区域。

      图14 引入变量
      
      图15 智能对话中设置变量
      

6. （可选）设置5G消息样式。
   图16 设置样式
   

7. 单击上方的，保存消息。
8. 单击左上角“5G”，可返回5G消息开发平台首页。
   图17 返回5G消息开发平台首页
   
   

   鼠标放在已创建好的5G消息，单击消息上的图标，可预览、编辑和删除该5G消息。

相关知识

除了操作步骤中创建的单卡片或者多卡片消息，您还可创建如下类型的5G消息：

• 坐标：在“我的5G消息”页签，单击“+ 新建5G消息”，从组件中拖拽“坐标”到右侧，设置位置坐标，可创建位置消息。
• 文本消息：仅从组件中，拖动“多行文本”到画布。
• 多媒体消息：仅从组件中，拖动媒体资源或从“素材”中拖动图片或者视频等到画布。