HTML 电子邮件中的深层链接未在移动设备上打开应用程序

编程问答 2022-04-25

问题描述

我的 HTML 表单中嵌入了一个深层链接，它是通​​过 nodeJS 上的 SendGrid API 提交的。

虽然用户能够收到电子邮件，但他们无法点击它。

        <!DOCTYPE html>
        <html>
            <head>
                <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <Meta name="viewport" content="width=device-width,initial-scale=1.0">
           </head>
           <body>
                <div class="main">
                <div>
                    <h1>Welcome to Example</h1>
                    <button disabled style="font-size:20px;">Connect</button>
                </div>
                <div class="content">
                    <p>A request to reset your password has been made. If you did not make this request,simply ignore this email. If you did make this request,please reset your password below.</p>
                </div>
                <div>
                <form action="exampleapp://resetpassword/" target="_blank">
                    <input type="submit" value="Reset Password" style="background: #00008B; padding: 10px 50px; border: none; color: #FFF"/>
                </form>
                </div>
                <div>
                    <h2><a href="https://www.example.com/en" target="_blank">Example Here</a></h2>
                </div>
                </div>
            </body>
            <footer>
                <div>
                    <p>Having trouble viewing this email?</p>
                    <a href="#">Contact our support team.</a>
                </div>
            </footer>
        </html>

我曾尝试将 <form><input /></form> 更改为 <a href="exampleapp://resetpassword/">，但无济于事。

请帮忙，谢谢

解决方法

我使用 AWS 和 NodeJS 创建了一个自定义解决方案。

有关详细信息，请阅读https://roycjh.medium.com/how-to-direct-users-from-email-to-your-mobile-app-or-website-using-deep-links-2727af0fc74a

deep-linkingemailemailhtmlsendgrid