🚀往期学习笔录🔰:

🔰 鸿蒙应用开发与鸿蒙系统开发哪个更有前景?

🔰 嵌入式开发适不适合做鸿蒙南向开发?看完这篇你就了解了~

🔰对于大前端开发来说,转鸿蒙开发究竟是福还是祸?

🔰 鸿蒙岗位需求突增!移动端、PC端、IoT到底该怎么选?

🔰 记录一场鸿蒙开发岗位面试经历~

🔰 持续更新中……


使用场景

通过mailto电子邮件协议,可以创建指向电子邮件地址的超链接,方便用户通过网页或应用中的超链接直接跳转电子邮件应用。同时,支持在mailto:的相关字段中定义邮件的收件人、主题、正文内容等,节省用户编辑邮件的时间。

常见的应用场景举例如下:

  • 从网页拉起:
    • 用户在购物网站浏览产品页面时,看到“联系我们”按钮,点击后会拉起默认邮件客户端。收件人自动填写为客服邮箱,邮件主题设定为产品咨询。
    • 在招聘岗位页面,点击“申请职位”按钮,会拉起邮件客户端。收件人地址为招聘邮箱,邮件主题为“应聘某职位”,正文可以预先填入申请模板。
  • 从应用拉起:
    • 移动应用中,用户点击“反馈”按钮时,应用调用系统功能,拉起默认邮件客户端,预先填写反馈邮箱、问题描述等信息。
    • 移动应用中,当用户点击“通过邮件分享”按钮时,应用会通过 mailto 调用邮件客户端,预填邮件主题和正文。

mailto协议格式

mailto协议标准格式如下:

mailto:someone@example.com?key1=value1&key2=value2
  • mailto::mailto scheme,必填。
  • someone@example.com:收件人地址,选填。如果存在多个地址,用英文逗号分隔。
  • ?:邮件头声明开始符号。如果带邮件头参数,则必填。
  • key-value:邮件头参数,详细参数见下表。
邮件头 含义 数据类型 是否必填
subject 邮件主题 string
body 邮件正文 string
cc 抄送人,多个用逗号分隔 string
bcc 密送人,多个用逗号分隔 string

拉起方开发步骤

从网页拉起

网页中的超链接需要满足mailto协议。示例如下:

<a href="mailto:support@example.com?subject=Product Inquiry&body=I am interested in...">联系我们</a>

实际开发时,需要将邮箱地址替换为真实的邮箱,邮件内容可以根据需要进行配置。

实现效果如下:

从应用拉起

保证mailto字符串传入uri参数即可,在应用中page页面可通过 getContext(this) 获取context,在ability中可通过this.context获取context。

@Entry
@Component
struct Index {

  build() {
    Column() {
      Button('反馈')
        .onClick(() => {
          let ctx = getContext(this) as common.UIAbilityContext;
          ctx.startAbility({
            action: 'ohos.want.action.sendToData',
            uri: 'mailto:feedback@example.com?subject=App Feedback&body=Please describe your feedback here...'
          })
        
        })
    }
  }
}

实现效果如下:

目标方开发步骤

  1. 为了能够支持被其他应用通过mailto协议拉起,目标应用需要在 module.json5配置文件 中声明mailto。
{
  "module": {
    // ...
    "abilities": [
      {
        // ...
        "skills": [
          {
          "actions": [
              'ohos.want.action.sendToData'
            ],
            "uris": [
              {
                "scheme": "mailto",
                // linkFeature 用于适配垂类面板拉起
                "linkFeature": 'ComposeMail'
              }
            ]
          }
        ]
      }
    ]
  }
}
  1. 目标应用在代码中取出uri参数进行解析。
export default class EntryAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void { 
    // 应用冷启动生命周期回调,其他业务处理...
    parseMailto(want);
  }

  onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    // 应用热启动生命周期回调,其他业务处理...
    parseMailto(want);
  }

  public parseMailto(want: Want) {
    const uri = want?.uri;
    if (!uri || uri.length <= 0) {
      return;
    }
    // 开始解析 mailto...
  }
}
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐