Как создать веб-приложение с помощью ChatGPT

Как создать веб-приложение с помощью ChatGPT
Такие читатели, как вы, помогают поддерживать MUO. Когда вы совершаете покупку по ссылкам на нашем сайте, мы можем получать партнерскую комиссию. Читать далее.

Одно из самых больших заявлений о ажиотаже вокруг ChatGPT заключается в том, что он может быть эффективным инструментом программирования. Идея заключается в следующем: вы описываете то, что хотите, на естественном языке; чат-бот генерирует код, который делает именно это. Но насколько хорош ChatGPT в этом?





СДЕЛАТЬ ВИДЕО ДНЯ ПРОКРУТИТЕ, ЧТОБЫ ПРОДОЛЖИТЬ СОДЕРЖАНИЕ

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





как проверить, какая у меня материнская плата

Шаг 1. Создание схемы вашего веб-приложения

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





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

  ChatGPT предлагает разработать план для веб-приложения

После использования подсказки выше, вот результат, который мы получили:



  Блок-схема или план веб-приложения, разработанного chatgpt

Вам нужно включить плагин «Show Me» в вашей учетной записи ChatGPT, чтобы создать блок-схему, подобную нашей выше. Ты можешь устанавливать и использовать плагины ChatGPT всего за несколько шагов, хотя вам понадобится премиум-подписка.

Без плагина вы получите текстовый план или блок-схему в формате ASCII. Это все еще нормально. Даже без плагина ChatGPT должен предоставить четкий план приложения, как в примере ниже.





  текстовая разбивка веб-приложения ChatGPT

Шаг 2: Разделение чертежа на более мелкие модули

Теперь, когда у нас есть общая картина, мы обратились к ChatGPT за помощью в разделении приложения на более мелкие компоненты, которые мы можем разработать отдельно, а затем интегрировать для формирования полного веб-приложения. ChatGPT предложил разбить его на три составляющие:

как удалить уведомления facebook на facebook
  1. Регистрационный модуль
  2. Модуль входа
  3. Модуль чата

У нас были и другие идеи, но цель здесь — позволить ChatGPT управлять кадрами.





1. Создание компонента регистрации

Мы сразу приступили к созданию компонента регистрации. Мы попросили ChatGPT разработать соответствующий алгоритм. Здесь мы вмешались, указав, что нам нужны только имя пользователя, адрес электронной почты и аватар для регистрации. Вот подсказка:

  Запрос на сборку компонента регистрации

И вот результат:

  Алгоритм регистрации пользователя

Далее мы предложили ChatGPT создать компонент регистрации.

  запрос на создание компонента регистрации

Хотя мы не включили поле пароля в процесс регистрации, ChatGPT поступил правильно, включив его в сгенерированный HTML-код. Мы скопировали код без каких-либо изменений, и вот как он выглядит в браузере.

  Страница регистрации, созданная ChatGPT

Далее мы предложили ChatGPT сгенерировать скрипт регистрации PHP. Сначала нам предложили: «Напишите PHP-код для логики на стороне сервера для обработки отправки формы». Хотя сгенерированный скрипт работал нормально, в нем было много уязвимостей.

Не было ни хеширования паролей, ни обработки ошибок, и он был подвержен SQL-инъекциям — ChatGPT делал только самый минимум. Исправить это было относительно легко. Мы просто попросили ChatGPT «выявить все ошибки в только что сгенерированном коде, а затем использовать выявленные точки для оптимизации кода». После этого наш PHP-скрипт регистрации был готов к работе.