25、Serverless编程实践：CodePen、Cognito与联合身份验证

Serverless编程实践：CodePen、Cognito与联合身份验证

1. 熟悉CodePen并连接API

1.1 使用CodePen通过GET连接API的步骤

1. 访问https://codepen.io ，进入CodePen网站。
2. 点击“Create”标签，然后选择“Pen”选项。
3. 点击“Settings”菜单，选择“Behavior”标签，取消勾选“Auto - Updating Preview”下的“Enabled”选项，以便能够运行代码。
4. 在CodePen UI的JS部分输入以下代码并点击“Run”：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://8vqyyjelad.execute-api.us-east-1.amazonaws.com/dev/greeting/Heartin');
xhr.onreadystatechange = function (event) {
    console.log(event.target.response);
}
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send();

在CodePen UI中可能会收到空白响应，但打开浏览器的开发者工具（如Chrome开发者工具），会看到实际的错误消息，这是因为CORS未启用。

1.2 创建启用CORS的API <