VS Code Extension с WebView для подключения к API

Question

Я хочу создать расширение VS Code, которое будет подключаться к API и отображать некоторые данные.

API, к которому я хочу подключиться, использует Auth0 аутентификацию. После аутентификации я буду отображать данные для пользователя.

Это то, что я могу сделать с Web-представлениями в VS Code или мне нужно использовать другой подход?

Answer 1

Да Вы можете сделать это.

---

Из документов :

Поскольку extension host является процессом Node.js, вы можете использовать Node API в своих расширениях и, что еще лучше, вы можете повторно использовать существующие модули Node.js при реализации расширения. Вы определяете зависимости модулей внутри package.json и используете npm для установки модуля Node.js.

Имея это в виду, вы можете использовать пакет node-auth0 (или какой-либо другой) для аутентификации. Таким образом, ваше расширение может выполнить следующие шаги:

1. Запросите учетные данные пользователя (имя пользователя и пароль) с помощью vscode.window.showInputBox API. Это также можно сделать с помощью веб-обозрения, однако API showInputBox является более простым и простым для начала.
2. Используйте пакет node-auth0 для обработки аутентификации
3. Получить данные из вашего API
4. Отображение данных для пользователя с помощью веб-просмотра

Чтобы начать работу с веб-представлениями, вы можете ознакомиться с примером расширения веб-просмотра .