2019-05-06 07:31:26 -04:00
|
|
|
|
---
|
|
|
|
|
id: bd7158d8c443edefaeb5bdef
|
2021-02-16 13:01:20 -08:00
|
|
|
|
title: 时间戳微服务
|
2019-05-06 07:31:26 -04:00
|
|
|
|
challengeType: 4
|
2020-09-18 00:11:18 +08:00
|
|
|
|
forumTopicId: 301508
|
2021-01-13 03:31:00 +01:00
|
|
|
|
dashedName: timestamp-microservice
|
2019-05-06 07:31:26 -04:00
|
|
|
|
---
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --description--
|
|
|
|
|
|
2021-09-18 11:22:53 -07:00
|
|
|
|
构建一个 JavaScript 的全栈应用,在功能上与这个应用相似:<https://timestamp-microservice.freecodecamp.rocks/>。 在这个项目中,你将使用以下方法之一编写你的代码:
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
2021-09-18 11:22:53 -07:00
|
|
|
|
- 克隆 [这个 GitHub 仓库](https://github.com/freeCodeCamp/boilerplate-project-timestamp/) 并在本地完成项目。
|
2021-05-12 21:25:58 +05:30
|
|
|
|
- 使用[我们的 Replit 初始化项目](https://replit.com/github/freeCodeCamp/boilerplate-project-timestamp)来完成你的项目。
|
2021-09-18 11:22:53 -07:00
|
|
|
|
- 使用你选择的网站生成器来完成项目。 需要包含我们 GitHub 仓库的所有文件。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
2021-09-18 11:22:53 -07:00
|
|
|
|
完成本项目后,请将一个正常运行的 demo(项目演示)托管在可以公开访问的平台。 然后在 `Solution Link` 字段中提交它的 URL。 此外,还可以将项目的源码提交到 `GitHub Link` 中。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
2021-12-18 20:00:08 +05:30
|
|
|
|
**注意:** 时区转换不是本项目的目的,因此假设所有发送的有效日期将使用 `new Date()` 解析为 GMT 日期。
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --hints--
|
|
|
|
|
|
2021-02-16 13:01:20 -08:00
|
|
|
|
提交自己的项目,而不是示例的 URL。
|
2021-02-06 04:42:36 +00:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
(getUserInput) => {
|
|
|
|
|
assert(
|
|
|
|
|
!/.*\/timestamp-microservice\.freecodecamp\.rocks/.test(getUserInput('url'))
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
```
|
|
|
|
|
|
2022-03-21 22:25:58 +05:30
|
|
|
|
一个对 `/api/:date?` 的有效日期的请求应该返回一个 JSON 对象,该对象的 `unix` 键是输入日期的 Unix 时间戳,单位是毫秒(数字类型)。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
(getUserInput) =>
|
2021-05-12 21:25:58 +05:30
|
|
|
|
$.get(getUserInput('url') + '/api/2016-12-25').then(
|
2020-12-16 00:37:30 -07:00
|
|
|
|
(data) => {
|
|
|
|
|
assert.equal(
|
|
|
|
|
data.unix,
|
|
|
|
|
1482624000000,
|
|
|
|
|
'Should be a valid unix timestamp'
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
(xhr) => {
|
|
|
|
|
throw new Error(xhr.responseText);
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
```
|
|
|
|
|
|
2021-12-18 20:00:08 +05:30
|
|
|
|
对具有有效日期的 `/api/:date?` 的请求应返回一个带有 `utc` 键的 JSON 对象,该键是输入日期的字符串,格式为:`Thu, 01 Jan 1970 00:00:00 GMT`
|
2019-05-06 07:31:26 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
(getUserInput) =>
|
2021-05-12 21:25:58 +05:30
|
|
|
|
$.get(getUserInput('url') + '/api/2016-12-25').then(
|
2020-12-16 00:37:30 -07:00
|
|
|
|
(data) => {
|
|
|
|
|
assert.equal(
|
|
|
|
|
data.utc,
|
|
|
|
|
'Sun, 25 Dec 2016 00:00:00 GMT',
|
|
|
|
|
'Should be a valid UTC date string'
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
(xhr) => {
|
|
|
|
|
throw new Error(xhr.responseText);
|
|
|
|
|
}
|
|
|
|
|
);
|
2019-05-06 07:31:26 -04:00
|
|
|
|
```
|
|
|
|
|
|
2021-12-18 20:00:08 +05:30
|
|
|
|
对 `/api/1451001600000` 的请求应该返回 `{ unix: 1451001600000, utc: "Fri, 25 Dec 2015 00:00:00 GMT" }`
|
2021-02-06 04:42:36 +00:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
(getUserInput) =>
|
2021-05-12 21:25:58 +05:30
|
|
|
|
$.get(getUserInput('url') + '/api/1451001600000').then(
|
2021-02-06 04:42:36 +00:00
|
|
|
|
(data) => {
|
|
|
|
|
assert(
|
|
|
|
|
data.unix === 1451001600000 &&
|
|
|
|
|
data.utc === 'Fri, 25 Dec 2015 00:00:00 GMT'
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
(xhr) => {
|
|
|
|
|
throw new Error(xhr.responseText);
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
```
|
|
|
|
|
|
2021-12-18 20:00:08 +05:30
|
|
|
|
你的项目可以处理可以通过 `new Date(date_string)` 成功解析的日期
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
(getUserInput) =>
|
2021-12-18 20:00:08 +05:30
|
|
|
|
$.get(getUserInput('url') + '/api/05 October 2011, GMT').then(
|
2020-12-16 00:37:30 -07:00
|
|
|
|
(data) => {
|
2021-02-06 04:42:36 +00:00
|
|
|
|
assert(
|
|
|
|
|
data.unix === 1317772800000 &&
|
|
|
|
|
data.utc === 'Wed, 05 Oct 2011 00:00:00 GMT'
|
|
|
|
|
);
|
2020-12-16 00:37:30 -07:00
|
|
|
|
},
|
|
|
|
|
(xhr) => {
|
|
|
|
|
throw new Error(xhr.responseText);
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
```
|
2019-05-06 07:31:26 -04:00
|
|
|
|
|
2021-12-18 20:00:08 +05:30
|
|
|
|
如果输入的日期字符串无效,api 将返回一个具有结构的对象 `{ error : "Invalid Date" }`
|
2019-05-06 07:31:26 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
(getUserInput) =>
|
2021-05-12 21:25:58 +05:30
|
|
|
|
$.get(getUserInput('url') + '/api/this-is-not-a-date').then(
|
2020-12-16 00:37:30 -07:00
|
|
|
|
(data) => {
|
|
|
|
|
assert.equal(data.error.toLowerCase(), 'invalid date');
|
|
|
|
|
},
|
|
|
|
|
(xhr) => {
|
2021-06-07 00:19:07 +09:00
|
|
|
|
assert(xhr.responseJSON.error.toLowerCase() === 'invalid date');
|
2020-12-16 00:37:30 -07:00
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
```
|
2019-05-06 07:31:26 -04:00
|
|
|
|
|
2021-12-18 20:00:08 +05:30
|
|
|
|
一个空的日期参数应该返回一个带有 `unix` 键的 JSON 对象中的当前时间
|
2019-05-06 07:31:26 -04:00
|
|
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
|
(getUserInput) =>
|
2021-05-12 21:25:58 +05:30
|
|
|
|
$.get(getUserInput('url') + '/api').then(
|
2020-12-16 00:37:30 -07:00
|
|
|
|
(data) => {
|
|
|
|
|
var now = Date.now();
|
|
|
|
|
assert.approximately(data.unix, now, 20000);
|
|
|
|
|
},
|
|
|
|
|
(xhr) => {
|
|
|
|
|
throw new Error(xhr.responseText);
|
|
|
|
|
}
|
|
|
|
|
);
|
2019-05-06 07:31:26 -04:00
|
|
|
|
```
|
2020-08-13 17:24:35 +02:00
|
|
|
|
|
2021-12-18 20:00:08 +05:30
|
|
|
|
空日期参数应返回带有 `utc` 键的 JSON 对象中的当前时间
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
(getUserInput) =>
|
2021-05-12 21:25:58 +05:30
|
|
|
|
$.get(getUserInput('url') + '/api').then(
|
2020-12-16 00:37:30 -07:00
|
|
|
|
(data) => {
|
|
|
|
|
var now = Date.now();
|
|
|
|
|
var serverTime = new Date(data.utc).getTime();
|
|
|
|
|
assert.approximately(serverTime, now, 20000);
|
|
|
|
|
},
|
|
|
|
|
(xhr) => {
|
|
|
|
|
throw new Error(xhr.responseText);
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
# --solutions--
|
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
|
```js
|
|
|
|
|
/**
|
|
|
|
|
Backend challenges don't need solutions,
|
|
|
|
|
because they would need to be tested against a full working project.
|
|
|
|
|
Please check our contributing guidelines to learn more.
|
|
|
|
|
*/
|
|
|
|
|
```
|