使用Gmail JavaScript API掌握收件箱
- Joseph Gordon-Levitt原创
- 2025-02-19 10:49:10333浏览
>本文展示了使用Gmail Rest API和JavaScript构建基本的Gmail收件箱查看器。 我们将利用jQuery和Bootstrap提高效率。完整的代码可在我们的github存储库中可用。
>
密钥功能：
-
通过Google的开发人员控制台
- gmail API集成。 > Google的JavaScript客户端库，用于简化身份验证和API调用。
- > 安全的OAuth 2.0身份验证。
- 提取和显示用户的最后十个收件箱消息。
- >模式窗口，用于查看完整的电子邮件内容（使用IFRAMES进行安全安全）。
- 启用Gmail API：
>访问Google的开发人员控制台。
创建或选择一个项目。- >导航到APIS部分，并启用“ Gmail API”。 >为Web应用程序和浏览器API密钥创建OAUTH 2.0客户端ID凭据（为生产，添加HTTP转介限制）。 指定至少一个授权的JavaScript Origin（例如，
- ）。 不需要重定向URI。
-
http://localhost连接到gmail api：
>我们将使用Google的JavaScript客户端库进行简化的交互。 我们的HTML文件包括jQuery，Bootstrap和Google客户端库：
> 。>
用户身份验证：
<code class="language-html"><!DOCTYPE html>
<title>Gmail API demo</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<style>
.hidden { display: none; }
</style>
<div class="container">
<h1>Gmail API demo</h1>
<button id="authorize-button" class="btn btn-primary hidden">Authorize</button>
<table class="table table-striped table-inbox hidden">
<thead>
<tr>
<th>From</th>
<th>Subject</th>
<th>Date/Time</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</code>
，YOUR_CLIENT_ID>，YOUR_API_KEY，
， 函数使用OAuth 2.0处理用户身份验证。 （此处省略了这些功能的代码，但可在GitHub repo中使用）。
>。handleClientLoad()>提取和显示收件箱消息：checkAuth()>
handleAuthClick()handleAuthResult()函数使用gmail API获取最后十个消息，并调用loadGmailApi()将它们添加到表中。
>。 显示电子邮件内容：
displayInbox()>模态窗口使用iframe安全地显示电子邮件内容，从而防止了与应用程序的样式发生的潜在冲突。 （此处省略了此功能的代码，但在GitHub repo中可用）。appendMessageRow()>
appendMessageRow()
>提供的CSS样式在模态内iframe。 （此处省略了此处的代码，但可以在GitHub repo中使用）。>
进一步的改进：
- 改进的日期格式
- 模板引擎（小胡子或车把）
- 适当的日期排序
- 超过10条消息的分页
- >自动更新通知
- >全部源代码，包括实用程序功能和身份验证/消息处理功能，可在我们的GitHub repo上获得。 FAQS部分已被省略，因为它在很大程度上重复了已经提供的信息。
以上是使用Gmail JavaScript API掌握收件箱的详细内容。更多信息请关注PHP中文网其他相关文章！
JavaScript jquery css bootstrap html for select date auto using console function this display table github http Access iframe
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn