JavaScript
Интеграция входа Twitter в проект JavaScript
12 мин
вход в twitter введение в этом разделе объясняется, как вы можете интегрировать вход в twitter в ваш проект на javascript после завершения этого пошагового руководства вы будете готовы загрузить свой код в cloud code этот проект будет использовать новую версию 3 1 parse server на панели управления вашим проектом перейдите в настройки сервера > управление parse server(настройки) и выберите 3 1 1 для получения дополнительной информации о миграции на parse server 3 1 x смотрите https //www back4app com/docs/advanced guides/parse server 3 смотрите это руководство, если вы не понимаете синтаксис облачного кода для этого проекта предварительные требования чтобы начать этот учебник, вам потребуется приложение, созданное на back4app смотрите https //www back4app com/docs/get started/new parse app чтобы узнать, как создать приложение на back4app настроить поддомен для вашего приложения back4app смотрите https //www back4app com/docs/platform/activating web hosting чтобы узнать, как создать поддомен в back4app у вас должен быть https //twitter com/ и вы должны подать заявку на https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul3bvcnrhbc9wzxrpdglvbi9lc3nlbnrpywwvymfzawmtaw5mbyj9%22%7d 1 создайте новое приложение back4app прежде всего, необходимо убедиться, что у вас есть существующее приложение, созданное в back4app однако, если вы новый пользователь, вы можете проверить https //www back4app com/docs/get started/new parse app чтобы узнать, как создать одно 2 сгенерируйте токены доступа для того чтобы у вас заработал вход через twitter в вашем проекте, вам необходимо иметь ключ потребителя и секрет потребителя чтобы сгенерировать ваши ключи токенов доступа, вам необходимо иметь приложение twitter в основном, у вас есть два варианта если у вас есть существующие приложения twitter и вы хотите их отредактировать, пожалуйста, перейдите на https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul2fwchmifq%3d%3d%22%7d если вы хотите создать новое приложение, вы можете получить доступ к той же панели управления, но у вас должен быть одобренный аккаунт разработчика подсказка во время запроса доступа к аккаунту разработчика вам, безусловно, зададут несколько вопросов, но не забудьте согласиться с условиями контракта 2 1 настройка деталей приложения в этой теме мы собираемся настроить учетные данные приложения twitter обратите внимание, что необходимо активировать webhosting для этого приложения, а чтобы узнать больше о webhosting, посмотрите на https //www back4app com/docs/platform/parse web hosting после этого перейдите на https //developer twitter com/en/apps и выберите создать приложение создать приложение или вы можете отредактировать существующее приложение, перейдя в детали детали > редактировать редактировать > редактировать детали редактировать детали заполните название приложения описание приложения скажите нам, как будет использоваться это приложение для url адреса сайта вы можете оставить его как ваш https //www back4app com/docs/platform/parse web hosting и url адреса обратного вызова будут https //www back4app com/docs/platform/parse web hosting + /twitter callback /twitter callback это будет выглядеть примерно так 3 настройка twitter чтобы начать использовать вход в twitter для javascript, вам нужно выполнить следующие шаги чтобы связать back4app с вашим приложением twitter и войти в свою учетную запись back4app; нажмите на настройки сервера настройки сервера вашего приложения затем нажмите на настройки настройки блока вход в twitter он должен выглядеть так 4 получите шаблон скачайте шаблон в нашем репозитории github вы можете сделать это, используя следующую команду curl lok https //github com/templates back4app/twitter login js/archive/master zip && unzip master zip 5 замените ключи после загрузки проекта выше, пожалуйста, откройте файл /cloud/app js /cloud/app js и замените следующие переменные на ключи, сгенерированные на шаге 2 const back4appwebhostdomain = ' ваш домен back4app webhost ваш домен back4app webhost '; const consumer key = ' ваш ключ потребителя ваш ключ потребителя '; const consumer secret = ' ваш секрет потребителя ваш секрет потребителя '; 6 загрузите свой код на сервер back4app чтобы развернуть ваше приложение с помощью back4app, вам нужно загрузить ваш код в cloud code для этого выполните следующие шаги перейдите в ваше приложение на https //www back4app com/ и нажмите на настройки сервера настройки сервера найдите блок “cloud code” и нажмите на настройки настройки блок ''cloud code'' выглядит так 3\ нажмите на выбрать файлы выбрать файлы и выберите все файлы, импортированные из index html index html переместите их в public public , затем нажмите сохранить сохранить , как показано здесь 4\ ваши файлы будут выглядеть так 7 готово после выполнения руководства, описанного выше, вам просто нужно открыть ваш браузер с адресом веб хостинга, который вы создали если вам нужна помощь или какая либо функция/ссылка не работает, пожалуйста, свяжитесь с нашей командой через чат!