如何从Slack应用中启动Outlook？附React实现代码

在Slack应用里启动Outlook，可借助mailto:协议实现，逻辑和网页端类似，具体方式如下：

• Slack原生支持mailto:协议链接，点击后会唤起本地默认邮件客户端（包含Outlook）
• 你可以直接在Slack消息中插入带参数的mailto:链接，或是在自定义Slack应用（如Bot、内嵌界面）中使用该协议

如果是用React开发Slack应用的前端界面，可复用你网页端的代码逻辑生成mailto:链接，示例代码如下：

const Mailto = ({ email, subject, body, children }) => {
  return (
    <a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{children}</a>
  );
};

ReactDOM.render(
  <Mailto email="foo@bar.baz" subject="你好，欢迎到来" body="你好世界！">
    给我发邮件！
  </Mailto>,
  document.getElementById('root')
);

注意事项 #

• 务必对mailto:链接的主题、正文等参数用encodeURIComponent编码，避免特殊字符导致链接失效
• 若要在Slack消息里直接使用，可写成 <mailto:foo@bar.baz?subject=你好%2C欢迎到来&body=你好世界！|给我发邮件！> 格式，Slack会自动解析为可点击的链接

内容的提问来源于stack exchange，提问作者GoneCase123