Интеграция входа 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 у вас должен быть аккаунт twitter 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 и вы хотите их отредактировать, пожалуйста, перейдите на панель управления приложениями 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, посмотрите на учебник по webhosting на back4app https //www back4app com/docs/platform/parse web hosting после этого перейдите на панель управления twitter https //developer twitter com/en/apps и выберите \<font color="#2166ae">создать приложение\</font> или вы можете отредактировать существующее приложение, перейдя в \<font color="#2166ae">детали\</font> > \<font color="#2166ae">редактировать\</font> > \<font color="#2166ae">редактировать детали\</font> заполните название приложения описание приложения скажите нам, как будет использоваться это приложение для url адреса сайта вы можете оставить его как ваш поддомен back4app https //www back4app com/docs/platform/parse web hosting и url адреса обратного вызова будут поддомен https //www back4app com/docs/platform/parse web hosting + \<font color="#2166ae">/twitter callback\</font> это будет выглядеть примерно так 3 настройка twitter чтобы начать использовать вход в twitter для javascript, вам нужно выполнить следующие шаги чтобы связать back4app с вашим приложением twitter и войти в свою учетную запись back4app; нажмите на \<font color="#2166ae">настройки сервера\</font> вашего приложения затем нажмите на \<font color="#2166ae">настройки\</font> блока вход в twitter он должен выглядеть так 4 получите шаблон скачайте шаблон в нашем репозитории github вы можете сделать это, используя следующую команду curl lok https //github com/templates back4app/twitter login js/archive/master zip && unzip master zip 5 замените ключи после загрузки проекта выше, пожалуйста, откройте файл \<font color="#2166ae"> /cloud/app js\</font> и замените следующие переменные на ключи, сгенерированные на шаге 2 const back4appwebhostdomain = ' \<font color="#eb144c">ваш домен back4app webhost\</font> '; const consumer key = ' \<font color="#eb144c">ваш ключ потребителя\</font> '; const consumer secret = ' \<font color="#eb144c">ваш секрет потребителя\</font> '; 6 загрузите свой код на сервер back4app чтобы развернуть ваше приложение с помощью back4app, вам нужно загрузить ваш код в cloud code для этого выполните следующие шаги перейдите в ваше приложение на сайте back4app https //www back4app com/ и нажмите на \<font color="#2166ae">настройки сервера\</font> найдите блок “cloud code” и нажмите на \<font color="#2166ae">настройки\</font> блок ''cloud code'' выглядит так 3\ нажмите на \<font color="#2166ae">выбрать файлы\</font> и выберите все файлы, импортированные из \<font color="#2166ae">index html\</font> переместите их в \<font color="#2166ae">public\</font> , затем нажмите \<font color="#2166ae">сохранить\</font> , как показано здесь 4\ ваши файлы будут выглядеть так 7 готово после выполнения руководства, описанного выше, вам просто нужно открыть ваш браузер с адресом веб хостинга, который вы создали если вам нужна помощь или какая либо функция/ссылка не работает, пожалуйста, свяжитесь с нашей командой через чат!