blob: f3d9d1bfe50dbd01b8a11bae1defa95f4ccdb539 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
<template>
<div style="line-height: 3rem">
<h1 class="primary--text">Basic Fetching Tutorial</h1>
<span>Example to get votes of a given YouTube video ID:</span>
<a href="https://youtube.com/watch?v=kxOuG8jMIgI" target="_blank"
>kxOuG8jMIgI</a
>
<h2>Example Request:</h2>
<span>Request URL:</span>
<a
:href="apiUrl + '/votes?videoId=kxOuG8jMIgI'"
target="_blank"
v-text="apiUrl + '/votes?videoId=kxOuG8jMIgI'"
/>
<br />
<span>
Request Method:
<a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET"
target="_blank"
>HTTP/GET</a
>
</span>
<br />
<span>Headers:</span>
<br />
<div class="code pa-4">
Accept: text/html,application/xhtml+xml,application/xml;q=0.9<br />
Pragma: no-cache<br />
Cache-Control: no-cache<br />
Connection: keep-alive
</div>
<span>Response:</span><br />
<div class="code pa-4">
{
<br />
"id": "kxOuG8jMIgI",<br />
"dateCreated": "2021-12-20T12:25:54.418014Z",<br />
"likes": 27326,<br />
"dislikes": 498153,<br />
"rating": 1.212014408444885,<br />
"viewCount": 3149885,<br />
"deleted": false<br />
}
</div>
<br />
<v-alert border="left" color="orange" text type="info">
<span>An invalid YouTube ID will return status code 404 "Not Found".</span
><br />
<span
>An incorrectly formatted YouTube ID will return 400 "Bad
Request".</span
>
</v-alert>
<a :href="endpointUrl" target="_blank" v-text="endpointUrl" />
</div>
</template>
<script>
export default {
data() {
return {
apiUrl: process.env.apiUrl,
};
},
};
</script>
<style scoped>
.code {
color: #aaa;
background: #353535;
border-radius: 0.5rem;
font-family: monospace;
line-height: 2rem;
}
</style>
|
