通过 Microsoft Graph API 的 Azure Web

Ethan Guerin

2024年3月17日星期日上午12:58:24

探索 Azure Web 应用中的电子邮件发送挑战
在开发旨在通过 Office365 的 Exchange Online 管理电子邮件的 Web 应用程序时，开发人员可能会选择 Microsoft Graph API，因为它具有访问电子邮件、日历、联系人等的全面功能。然而，这种方法也面临着一系列挑战，特别是当应用程序需要仅应用程序访问权限来执行发送电子邮件或从邮箱检索消息等操作时。设置仅限应用程序访问的过程涉及在 Azure 上注册应用程序、授予特定权限并获得同意，这对于无缝集成至关重要。
然而，本地开发过程中遇到的一个常见障碍是“跨云请求中不支持机密客户端”错误。此错误指向配置或环境问题，引发人们对本地调试的可行性以及未经彻底测试就将应用程序部署到云的影响的担忧。困境在于确定此身份验证错误的根本原因，并确定调试和部署利用 Microsoft Graph API 进行电子邮件操作的 Azure Web 应用程序的最佳实践。

命令描述

const express = require('express'); 导入Express框架来创建服务器。

const msal = require('@azure/msal-node'); 导入 Node.js 的 Microsoft 身份验证库 (MSAL) 以处理 Azure AD 身份验证。

const fetch = require('node-fetch'); 导入 node-fetch 库以从 Node.js 发出 HTTP 请求。

const app = express(); 初始化一个新的 Express 应用程序。

app.use(express.json()); 告诉 Express 应用程序将传入请求识别为 JSON 对象。

const config = { ... }; 定义 MSAL 身份验证客户端的配置设置，包括客户端 ID、租户 ID 和客户端密码。

const cca = new msal.ConfidentialClientApplication(config); 使用指定的配置初始化新的 MSAL 机密客户端应用程序。

app.post('/send-email', async (req, res) =>app.post('/send-email', async (req, res) => { ... }); 定义异步处理电子邮件发送逻辑的 POST 端点“/send-email”。

cca.acquireTokenByClientCredential({ scopes: ['https://graph.microsoft.com/.default'], }); 使用指定范围的客户端凭据流获取令牌。

fetch('https://graph.microsoft.com/v1.0/me/sendMail', { ... }); 向 Microsoft Graph API 发出 POST 请求以发送电子邮件。

app.listen(port, () =>app.listen(port, () => console.log(\`Server running on port ${port}\`)); 启动服务器并侦听指定端口。

命令	描述
const express = require('express');	导入Express框架来创建服务器。
const msal = require('@azure/msal-node');	导入 Node.js 的 Microsoft 身份验证库 (MSAL) 以处理 Azure AD 身份验证。
const fetch = require('node-fetch');	导入 node-fetch 库以从 Node.js 发出 HTTP 请求。
const app = express();	初始化一个新的 Express 应用程序。
app.use(express.json());	告诉 Express 应用程序将传入请求识别为 JSON 对象。
const config = { ... };	定义 MSAL 身份验证客户端的配置设置，包括客户端 ID、租户 ID 和客户端密码。
const cca = new msal.ConfidentialClientApplication(config);	使用指定的配置初始化新的 MSAL 机密客户端应用程序。
app.post('/send-email', async (req, res) =>app.post('/send-email', async (req, res) => { ... });	定义异步处理电子邮件发送逻辑的 POST 端点“/send-email”。
cca.acquireTokenByClientCredential({ scopes: ['https://graph.microsoft.com/.default'], });	使用指定范围的客户端凭据流获取令牌。
fetch('https://graph.microsoft.com/v1.0/me/sendMail', { ... });	向 Microsoft Graph API 发出 POST 请求以发送电子邮件。
app.listen(port, () =>app.listen(port, () => console.log(\`Server running on port ${port}\`));	启动服务器并侦听指定端口。

了解电子邮件服务集成

前端脚本作为用户的初始界面，使他们能够在发送之前输入收件人的电子邮件地址和消息内容。它使用 HTML 作为结构，使用 JavaScript 来处理用户操作，特别是通过单击按钮触发的“sendEmail”函数。此函数收集表单数据，并通过对“/send-email”（用于处理电子邮件请求的指定端点）的 fetch API 调用将其发送到后端。这说明了从客户端浏览器与服务器端逻辑交互的基本但有效的方法，遵循 Web 应用程序的异步特性，以确保非阻塞的用户体验。

后端脚本是使用 Express 框架在 Node.js 中开发的，是核心功能所在。收到来自前端的请求后，它会使用 Microsoft 身份验证库 (MSAL) 通过客户端凭据流向 Azure AD 进行身份验证。此身份验证模型适用于不需要用户直接参与的服务器到服务器交互，因此适合从 Web 应用程序发送电子邮件等自动化流程。经过身份验证后，脚本将构造 POST 请求并将其发送到 Microsoft Graph API 的“/sendMail”端点，其中包括必要的标头和 JSON 格式的电子邮件内容。使用 async-await 语法可确保操作按顺序执行，在尝试发送电子邮件之前等待令牌获取，从而优雅地管理网络请求的异步性质。

电子邮件服务交互接口

HTML 和 JavaScript

<html>
<body>
    <form id="emailForm">
        <input type="email" id="recipient" placeholder="Recipient Email"/>
        <textarea id="message" placeholder="Your message here"></textarea>
        <button type="button" onclick="sendEmail()">Send Email</button>
    </form>
    <script>
        function sendEmail() {
            const recipient = document.getElementById('recipient').value;
            const message = document.getElementById('message').value;
            // Assuming there is a backend endpoint '/send-email'
            fetch('/send-email', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ recipient, message }),
            })
            .then(response => response.json())
            .then(data => console.log(data))
            .catch((error) => console.error('Error:', error));
        }
    </script>
</body>
</html>

电子邮件传送后端服务

Node.js 和 Express

const express = require('express');
const msal = require('@azure/msal-node');
const fetch = require('node-fetch');
const app = express();
app.use(express.json());

const config = {
    auth: {
        clientId: 'YOUR_CLIENT_ID',
        authority: 'https://login.microsoftonline.com/YOUR_TENANT_ID',
        clientSecret: 'YOUR_CLIENT_SECRET',
    },
};
const cca = new msal.ConfidentialClientApplication(config);

app.post('/send-email', async (req, res) => {
    try {
        const tokenResponse = await cca.acquireTokenByClientCredential({
            scopes: ['https://graph.microsoft.com/.default'],
        });
        const { recipient, message } = req.body;
        const sendEmailResponse = await fetch('https://graph.microsoft.com/v1.0/me/sendMail', {
            method: 'POST',
            headers: {
                'Authorization': \`Bearer ${tokenResponse.accessToken}\`,
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                message: {
                    subject: 'Hello from EmailService',
                    body: {
                        contentType: 'Text',
                        content: message,
                    },
                    toRecipients: [{ emailAddress: { address: recipient } }],
                },
                saveToSentItems: 'true',
            }),
        });
        if (sendEmailResponse.ok) {
            res.json({ message: 'Email sent successfully' });
        } else {
            throw new Error('Failed to send email');
        }
    } catch (error) {
        console.error(error);
        res.status(500).json({ error: 'Internal Server Error' });
    }
});

const port = 3000;
app.listen(port, () => console.log(\`Server running on port ${port}\`));

探索跨云身份验证挑战

跨云请求的复杂性，特别是涉及 Azure Web App 服务中的机密客户端，揭示了不同云环境中复杂的安全措施和兼容性问题。当配置为机密客户端的 Azure 应用程序尝试访问与应用程序注册位置不同的云环境中的资源时，通常会出现“跨云请求不支持机密客户端”错误。这种情况在混合或多云架构中尤其常见，其中资源跨越各种云平台，包括 Microsoft Azure 和 Office 365 环境。了解跨云交互的边界和限制对于开发人员构建安全且实用的解决方案至关重要。

为了应对此类挑战，开发人员必须应对云服务配置的复杂性，包括了解租户 ID、服务端点以及跨这些环境访问资源所需的特定权限的细微差别。此外，利用条件访问策略并了解权限委派可以在减少这些错误方面发挥重要作用。确保应用程序的请求与云服务的安全性和合规性协议保持一致至关重要。此外，开发人员可能需要考虑替代方法或架构，例如部署代理服务或利用多租户配置来促进无缝跨云通信。

Azure 电子邮件服务常见问题解答

什么是 Microsoft Graph API？
Microsoft Graph API 是一个统一端点，用于访问来自 Microsoft 云生态系统的数据、关系和见解，使应用程序能够与电子邮件服务、用户数据等进行交互。
如何在 Azure 中注册电子邮件服务应用程序？
要注册应用程序，请转到 Azure 门户，选择“Azure Active Directory”，然后选择“应用程序注册”，最后选择“新注册”。按照提示设置您的应用程序。
使用 Microsoft Graph 发送电子邮件需要哪些权限？
您需要 Mail.Send 权限才能发送电子邮件。对于更广泛的访问（包括阅读和发送），需要 Mail.ReadWrite 和 Mail.Send 权限。
我可以在没有用户交互的情况下使用 Microsoft Graph 发送电子邮件吗？
是的，通过使用客户端凭据流进行身份验证，您可以发送电子邮件而无需直接用户交互，非常适合自动化流程或服务。
如何处理“跨云请求不支持机密客户端”错误？
此错误通常需要调整应用程序的配置，以确保其正确符合云环境的要求。这可能涉及在应用程序注册期间选择正确的云实例或为跨云请求实施代理服务。

成功将 Azure Web 应用服务与 Microsoft Graph API 集成以发送和检索消息需要克服多项技术挑战，其中主要是“跨云请求中不支持机密客户端”错误。这一特殊问题凸显了 Microsoft 生态系统内跨云交互的复杂性，需要采用细致入微的方法来进行应用程序注册、权限授予和身份验证流程选择。开发人员必须确保他们的应用程序针对其预期运行的环境进行了正确配置，无论是本地用于开发和测试还是部署在云中用于生产。此外，了解 Azure Active Directory 和 Microsoft Graph API 身份验证机制的基本原理至关重要。它涉及认识不同云环境的局限性和功能，以确保无缝、安全和高效的运行。这一探索不仅强调了细致的配置和测试的重要性，而且还强调了利用微软广泛的云服务来增强应用程序功能和用户体验的潜力。

通过 Microsoft Graph API 的 Azure Web 应用服务电子邮件发送问题

了解电子邮件服务集成

电子邮件服务交互接口

电子邮件传送后端服务

探索跨云身份验证挑战

Azure 电子邮件服务常见问题解答