Отладка функций Firebase в VS Code от Хорхе Мендживара Firebase Developers Medium

Отладка функций Firebase в VS Code.

Отладка облачных функций Firebase максимально проста. Мы предполагаем, что вы уже настроили свой проект на своем компьютере и используете TypeScript, но он должен работать и для JavaScript..

Отладка функций Firebase в VS Code от Хорхе Мендживара Firebase Developers Medium свои учетные данные

Следующее требует:

firebase-admin версии 8.0.0 или выше.

firebase-functions версии 3.0.0 или выше.

Строительный проект.

Начнем с добавления следующей строки в файл package.json внутри вашего проекта, чтобы включить -w:

Это поможет нам следить за изменениями в коде..

Теперь самое интересное: откройте терминал в VS Code, перейдите в папку функций и создайте:

У вас должно получиться примерно следующее:

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

Отладка функций Firebase в VS Code от Хорхе Мендживара Firebase Developers Medium firebase

Учетные данные администратора.

Вам понадобится ключ учетных данных администратора для локального доступа к Firebase и Google API..

и выберите свой текущий проект в верхнем левом углу, после чего должны появиться несколько учетных записей служб. Обязательно выберите учетную запись службы App Engine по умолчанию, затем щелкните три точки справа и выберите создать ключ. .

Загрузите этот ключ и поместите его в удобное для вас место. Вы же не хотите, чтобы он плавал в GitHub на всеобщее обозрение.

Теперь откройте второе окно терминала внутри VS Code, щелкнув знак + в окне терминала и указав GOOGLE_APPLICATION_CREDENTIALS на расположение файла. Не закрывайте это окно терминала, поскольку учетные данные действительны только для текущего сеанса. Вы должны загружать свои учетные данные каждый раз, когда запускаете эмулятор..

Если вы случайно закроете терминал, просто снова установите местоположение учетных данных в новом окне терминала и продолжайте использовать его..

Запуск эмулятора Firebase.

В том же терминале, где вы только что предоставили свои учетные данные, перейдите в папку с функциями и запустите эмулятор в режиме проверки функций:

Вы увидите что-то подобное для каждой функции http в вашем проекте:

Мы будем использовать ссылку, возвращенную здесь, для отправки запросов, так что держите ее под рукой.

Если вы видите что-то подобное при вызове функции:

Это означает, что вы неправильно загрузили свои учетные данные или используете другой терминал, в который вы загрузили свои учетные данные. Вы должны загружать свои учетные данные каждый раз, когда запускаете эмулятор..

Чтобы остановить эмулятор, просто закройте это окно терминала..

Конфигурация отладки.

Щелкните значок запуска / отладки в VS Code слева. Затем нажмите шестеренку, чтобы отредактировать файл launch.json..

Отредактируйте файл так, чтобы он выглядел так:

Здесь мы указываем настройки отладки. Отладчик должен подключаться к порту 9229 (по умолчанию для эмулятора firebase) для отладки эмулятора, который мы ранее запустили..

Теперь щелкните зеленый обведенный треугольник рядом с надписью «RUN», чтобы прикрепить инструменты отладки VS Code к эмулятору..

Теперь мы все готовы к работе..

Отправка запросов.

Почтальон упростит отправку запросов к вашим функциям локально. Итак, давайте установим это.

Скачать приложение Postman.

Будьте первым, кто испытает новые возможности Почтальона! Не терпится увидеть, что приготовил для вас Почтальон? Будьте первым, кто…

Создайте запрос в Postman, используя ссылку, которую второй терминал VS Code вернул ранее, которая должна быть примерно такой:

И теперь VS Code должен иметь возможность отлаживать эту функцию всякий раз, когда вы ее вызываете. Он покажет отладочную информацию и остановится на любых установленных вами точках останова. То есть, пока подключен отладчик.

Код редактирования.

Чтобы перестроить новый код после внесения изменений, все, что вам нужно сделать, это сохранить его и щелкнуть зеленый обведенный треугольник, чтобы повторно подключить инструменты отладки к порту..

Разработчики Firebase.

Учебники, глубокие погружения и случайные размышления от Firebase…

Похожие статьи