32:Td6b,md`# Эй Пи Ай для чайников

## Как залогиниться на d3 Привет! В этом посте мы рассмотрим простейшие операции с [Эй Пи Ай](https://d3.ru/api/docs/). Допустим, вы хотите посмотреть, на какие посты вы подписаны. Или получить список всех заметок, оставленных в вашем профиле. Эти данные не предоставляются кому попало. Сервер d3.ru должен знать, что вы – это Вы. API – это возможность отправить запрос к серверу и получить на него ответ. Чтобы сервер отправил вам ваши данные, вы должны передать ему два параметра: UID (идентификатор пользователя) и SID (идентификатор сессии). То, что вы залогинены на d3.ru, означает, что ваш браузер хранит ваши SID и UID. Он хранит их в cookies (печеньки). Это такое специальное хранилище, в котором браузер держит текстовые значения. Браузер всегда передает cookies вместе с запросами на сервер, если домен сервера соответствует домену cookie. Но браузер не передает cookie одного домена на сервер другого домена. Иначе, Фейсбук имел бы доступ к вашему аккаунту Google и наоборот. API не использует cookies. SID и UID передаются в заголовках запроса – это как бы поля в анкете, которые надо заполнить перед передачей запроса на сервер *(на самом деле, cookies тоже передаются в заголовках, но уже другая история)*. Браузер может хранить ваши данные не только в cookies, но и в localStorage, и ещё кое-где ещё. localStorage не передается на сервер с каждым запросом. Но программист, конечно же, может прочитать значение из localStorage и передать куда надо. Тем не менее, вы можете создать веб-страницу на своём сервере, хранить SID и UID в localStorage, и передавать их только на сервер d3.ru. Тогда сервер, предоставляющий эту веб-страницу, не будет знать учетных данных пользователя. Получить SID и UID можно просто подсмотрев значения cookies в своём браузере, или вызвав специальный метод API. Вот пример функции, которую можно использовать на веб-странице для получения SID и UID по логину и паролю: `33:[] 31:{"title":"Эй Пи Ай для чайников","cells":[{"id":0,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"async function login(username, password) {\n const response = await fetch('https://d3.ru/api/auth/login/', {\n body: JSON.stringify({\n username,\n password,\n }),\n headers: {\n 'Content-Type': 'application/json'\n },\n method: 'POST'\n });\n return await response.json();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"md`Теперь вы можете где-нибудь у себя на странице повесить два поля ввода и кнопку \"YARRR!!!\", которая будет сохранять SID и UID в localStorage:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"viewof username = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"viewof password = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"{\n const button = html``\n button.onclick = async function(event) {\n const session = await login(username, password);\n localStorage.setItem('sid', session.sid);\n localStorage.setItem('uid', session.uid);\n }\n return button;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":120,"value":"md`Обновите эти значения. Если вы успешно залогинились, не должно быть 'undefined':`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"localStorage.getItem('sid')","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"localStorage.getItem('uid')","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"async function subscriptions(uid, sid) {\n const response = await fetch('https://d3.ru/api/posts/subscriptions/', {\n headers: {\n 'Content-Type': 'application/json',\n 'X-Futuware-SID': sid,\n 'X-Futuware-UID': uid,\n },\n method: 'GET'\n });\n return await response.json();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":132,"value":"await subscriptions(localStorage.getItem('uid'), localStorage.getItem('sid'))","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"async function renderSubscriptions() {\n const result = await subscriptions(localStorage.getItem('uid'), localStorage.getItem('sid'));\n const items = result.posts\n .map(post => `

`).join('');\n return html`

${items}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"await renderSubscriptions()","pinned":true,"hidden":false,"mode":"ojs"},{"id":152,"value":"async function notes(uid, sid, username) {\n const notes = [];\n let page = 1;\n let pageCount = 1;\n\n const params = {\n method: 'GET',\n headers: { 'X-Futuware-UID': uid, 'X-Futuware-SID': sid, }\n };\n\n while (page <= pageCount) {\n const response = await fetch(\n `https://d3.ru/api/user_notes/?user_login=${username}&page=${page++}`, params);\n const result = await response.json();\n\n pageCount = result.page_count;\n notes.push(...result.user_notes);\n }\n\n return notes;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":155,"value":"await notes(localStorage.getItem('uid'), localStorage.getItem('sid'), 'romaklimenko')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}