Прежде чем перейти к статье, хочу вам представить, экономическую онлайн игру Brave Knights, в которой вы можете играть и зарабатывать. Регистируйтесь, играйте и зарабатывайте!
Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript.
Зачем это нужно
API — удобный и универсальный способ наладить взаимодействие с сайтом или другим веб-приложением. Основная проблема при написании кода обычно заключается в том, он должен быть уведомлен об ответе. Но в результате обращения к API вы не получаете завершения.
У этой проблемы есть два основных варианта решения:
Отправить запрос, получить результат и отобразить его в интерфейсах.
Найти результат в документации веб-сайта (если она есть) и отобразить его в интерфейсах.
Но гораздо более простое решение — отправить данные в формате JSON и вернуть интерфейс в Typescript.
Это можно сделать с помощью специальных библиотек преобразования JSON в Typescript, но я собираюсь использовать для этой операции ChatGPT, потому что так гораздо интереснее. Я создал репозиторий с полным кодом для преобразования JSON в Typescript — не стесняйтесь клонировать и использовать его.
Что такое ChatGPT
ChatGPT — это языковая модель искусственного интеллекта, обученная OpenAI для генерации текста и взаимодействия с пользователями в разговорной манере, похожей на человеческую. Пользователи могут отправлять запросы на естественном языке и получать краткую информацию или развернутые ответы по широкому кругу тем всего за несколько секунд.
ChatGPT также помогает писать, отлаживать и объяснять фрагменты кода. В настоящее время сервис ChatGPT открыт для публичного использования. Поэтому в этом руководстве, мы будем использовать его API для создания конвертера JSON в Typescript.
Во сколько это обойдется
Если брать за основу стоимость одного запроса к API обычного Chat GPT (gpt-3.5-turbo), то, согласно данным TechCrunch, она составит 0.002 доллара за 1 000 токенов или 750 слов. Месячная подписка на коммерческий вариант ChatGPT Plus, включающая «безлимит» обойдется уже в 20 долларов.
Настройка проекта
Для начала я расскажу вам, как создать среду проекта для веб-приложения. Мы будем использовать React.js для внешнего интерфейса и Node.js для внутреннего сервера.
Создайте папку проекта для веб-приложения, выполнив приведенный ниже код:
mkdir json-to-typescript
cd json-to-typescript
mkdir client serverНастройка сервера Node.js
Перейдите в папку сервера и создайте файл «package.json».
cd server & npm init -yУстановите Express, Nodemon и библиотеку CORS:
ExpressJS — быстрая минималистичная среда, предоставляющая несколько функций для создания веб-приложений на Node.js.
CORS — это пакет Node.js, который обеспечивает связь между различными доменами.
Nodemon — инструмент Node.js, который автоматически перезапускает сервер после обнаружения изменений файлов.
npm install express cors nodemonСоздайте файл «index.js» — точку входа на веб-сервер.
touch index.jsНастройте сервер Node.js с помощью Express.js. Приведенный ниже фрагмент кода возвращает объект JSON при посещении «http://localhost:4000/api» в браузере.
// Интересные статьи
Интересные статьи
