Форум

Nexus · #11 (**permalink**) 14.11.2017, 12:56

komplekt_17, строки 30-69 включительно, если не ошибаюсь.

komplekt_17 · #12 (**permalink**) 14.11.2017, 13:23

Цитата:

komplekt_17, строки 30-69 включительно, если не ошибаюсь.

обёртывание не помогло

komplekt_17 · #13 (**permalink**) 14.11.2017, 13:25

Цитата:

komplekt_17, строки 30-69 включительно, если не ошибаюсь.

обёртывание не помогло

Nexus · #14 (**permalink**) 14.11.2017, 13:28

Сообщение от komplekt_17

обёртывание не помогло

А как вы "обернули"?

komplekt_17 · #15 (**permalink**) 14.11.2017, 13:39

так

import React, { Component } from 'react';
import { render } from 'react-dom'
// Подключаем библиотеку unsplash-js
// (при настроенной webpack-сборке)
import Unsplash from 'unsplash-js';

class App extends Component{
// Создаем экземпляр объекта для доступа к API
const unsplash = new Unsplash({
  // Application ID из настроек вашего приложения
  applicationId: "8b304f2104e7394c1a13751e65223fec24a86aa32f974953dc0f4634c28e4e9b",
  // Application Secret из настроек вашего приложения
  secret: "6b338b013c7d2d927bd055c83d422d775531d9ea0916a006b2a9c5c3180b31a3",
  // Полный адрес страницы авторизации приложения (Redirect URI)
  // Важно: этот адрес обязательно должен быть указан в настройках приложения на сайте Unsplash API/Developers 
  callbackUrl: "http://www.skart-info.ru/myProjects/diplomajs/"
});

// Генерируем адрес страницы аутентификации на unsplash.com
// и указываем требуемые разрешения (permissions)
const authenticationUrl = unsplash.auth.getAuthenticationUrl([
  "public",
  "write_likes"
]);	

// Считываем GET-параметр code из URL
// [url]www.example.com/auth?code=abcdef123456[/url]...
const code = location.search.split('code=')[1];

render(
		// Если код передан, отправляем запрос на получение токена
		{ code ? (
				unsplash.auth.userAuthentication(code)
				.then(res => res.json())
				.then(json => {
					// Сохраняем полученный токен
					unsplash.auth.setBearerToken(json.access_token);
				});

				// Теперь можно сделать что-то от имени пользователя
				unsplash.photos.listPhotos(1, 10, "latest")
				.then(res => res.json())
				.then(json => {
					//console.log(json);
					return (
						<div>
							{
								json.map(foto => {
									return (
										<div key={foto.id} className="col-md-4 comment">
											<div className="com-span-1">
												<div className="com-name"> {foto.user.name} </div>
												<div className="com-date"> {foto.updated_at} </div>
											</div>
											<div className="text"> {foto.text} 
												<img src={foto.links.html} />
											</div>
										</div>
									);
								})
							}
						</div>
					)
				})
			) : (location.assign(authenticationUrl));
		}
	);
	 
	
}

export default App;

Nexus · #16 (**permalink**) 14.11.2017, 13:45

komplekt_17, попробуйте так:

import React, { Component } from 'react';
// Подключаем библиотеку unsplash-js
// (при настроенной webpack-сборке)
import Unsplash from 'unsplash-js';


// Создаем экземпляр объекта для доступа к API
const unsplash = new Unsplash({
  // Application ID из настроек вашего приложения
  applicationId: "8b304f2104e7394c1a13751e65223fec24a86aa32f974953dc0f4634c28e4e9b",
  // Application Secret из настроек вашего приложения
  secret: "6b338b013c7d2d927bd055c83d422d775531d9ea0916a006b2a9c5c3180b31a3",
  // Полный адрес страницы авторизации приложения (Redirect URI)
  // Важно: этот адрес обязательно должен быть указан в настройках приложения на сайте Unsplash API/Developers 
  callbackUrl: "http://www.skart-info.ru/myProjects/diplomajs/"
});

// Генерируем адрес страницы аутентификации на unsplash.com
// и указываем требуемые разрешения (permissions)
const authenticationUrl = unsplash.auth.getAuthenticationUrl([
  "public",
  "write_likes"
]);	

// Считываем GET-параметр code из URL
// [url]www.example.com/auth?code=abcdef123456[/url]...
const code = location.search.split('code=')[1];

class App extends Component{
	render(){
		// Если код передан, отправляем запрос на получение токена
		if (code) {
			unsplash.auth.userAuthentication(code)
				.then(res => res.json())
				.then(json => {
					// Сохраняем полученный токен
					unsplash.auth.setBearerToken(json.access_token);
				});

			// Теперь можно сделать что-то от имени пользователя
			unsplash.photos.listPhotos(1, 10, "latest")
			.then(res => res.json())
			.then(json => {
				console.log(json);
					return (
						<div>
							{
								json.map(foto => {
									return (
										<div key={foto.id} className="col-md-4 comment">
											<div className="com-span-1">
												<div className="com-name"> {foto.user.name} </div>
												<div className="com-date"> {foto.updated_at} </div>
											</div>
											<div className="text"> {foto.text} 
												<img src={foto.html} />
											</div>
										</div>
									);
								})
							}
						</div>
					);
			});
		}
		 
		// Если кода нет, отправляем пользователя на аутентификацию
		else{	
			location.assign(authenticationUrl);
		}
	}
}

export default App;

komplekt_17 · #17 (**permalink**) 14.11.2017, 13:47

в вашем варианте кода надо подключать реактовский рендер?

import { render } from 'react-dom'

komplekt_17 · #18 (**permalink**) 14.11.2017, 13:53

Сообщение от Nexus

komplekt_17, попробуйте так:

import React, { Component } from 'react';
// Подключаем библиотеку unsplash-js
// (при настроенной webpack-сборке)
import Unsplash from 'unsplash-js';


// Создаем экземпляр объекта для доступа к API
const unsplash = new Unsplash({
  // Application ID из настроек вашего приложения
  applicationId: "8b304f2104e7394c1a13751e65223fec24a86aa32f974953dc0f4634c28e4e9b",
  // Application Secret из настроек вашего приложения
  secret: "6b338b013c7d2d927bd055c83d422d775531d9ea0916a006b2a9c5c3180b31a3",
  // Полный адрес страницы авторизации приложения (Redirect URI)
  // Важно: этот адрес обязательно должен быть указан в настройках приложения на сайте Unsplash API/Developers 
  callbackUrl: "http://www.skart-info.ru/myProjects/diplomajs/"
});

// Генерируем адрес страницы аутентификации на unsplash.com
// и указываем требуемые разрешения (permissions)
const authenticationUrl = unsplash.auth.getAuthenticationUrl([
  "public",
  "write_likes"
]);	

// Считываем GET-параметр code из URL
// [url]www.example.com/auth?code=abcdef123456[/url]...
const code = location.search.split('code=')[1];

class App extends Component{
	render(){
		// Если код передан, отправляем запрос на получение токена
		if (code) {
			unsplash.auth.userAuthentication(code)
				.then(res => res.json())
				.then(json => {
					// Сохраняем полученный токен
					unsplash.auth.setBearerToken(json.access_token);
				});

			// Теперь можно сделать что-то от имени пользователя
			unsplash.photos.listPhotos(1, 10, "latest")
			.then(res => res.json())
			.then(json => {
				console.log(json);
					return (
						<div>
							{
								json.map(foto => {
									return (
										<div key={foto.id} className="col-md-4 comment">
											<div className="com-span-1">
												<div className="com-name"> {foto.user.name} </div>
												<div className="com-date"> {foto.updated_at} </div>
											</div>
											<div className="text"> {foto.text} 
												<img src={foto.html} />
											</div>
										</div>
									);
								})
							}
						</div>
					);
			});
		}
		 
		// Если кода нет, отправляем пользователя на аутентификацию
		else{	
			location.assign(authenticationUrl);
		}
	}
}

export default App;

тоже не робит

Nexus · #19 (**permalink**) 14.11.2017, 13:53

komplekt_17, не знаю, я больше в backend.

komplekt_17 · #20 (**permalink**) 14.11.2017, 14:04

Сообщение от Nexus

komplekt_17, не знаю, я больше в backend.

я так и понял, все-равно мерси

Форум

Справочник

Discord чат

Курсы javascript