В этой статье я стараюсь решать ошибки части 5, загрузить ее на Github и показать проект на heroku.com.
Теперь мы можем стимулировать его и улучшить шаг за шагом проекта до того, как все мы пытаемся развернуть первую версию проекта к GitHub и Heroku. Сначала: перейти к Github.com и сделать счет для вашего проекта Github это веб-служба хостинга для контроля версий с использованием GIT. Это в основном используется для компьютерного кода. Он предлагает все функциональные возможности управления распределенными версиями и управление исходным кодом (SCM) Git, а также добавление собственных функций. Он обеспечивает контроль доступа и несколько функций совместной работы, такие как отслеживание ошибок, запросы на функцию, управление задачами и Wikis для каждого проекта. Откройте клиентскую папку в терминале и с командой NPM Run Build Consustry сделать его готов к развертыванию: Откройте учетную запись GitHub и перейдите на вкладку «Репозиторий» и нажмите «Новая кнопка», чтобы сделать новый репозиторий для вашего проекта:
Введите имя вашего репозитория и добавьте инициализировать этот репозиторий с помощью контрольного списка Readme Whith, затем кнопкой Pess .gitignore, чтобы игнорировать папку модуля узла для развертывания, поэтому проект загрузки и загрузки будет быстрее, но запомнить после загрузки проекта с помощью (NPM Install install) в VSCode Терминал должен добавить папку узла-модулей со всеми требованиями проекта. Тип узла на текстовом поле и нажмите кнопку Создать репозиторий:
Теперь откройте учетную запись на веб-сайте Heroku (Heroku – это платформа в качестве службы (PAAS), которая позволяет разработчикам создавать, запустить и действовать полностью в облаке: www.heroku.com)
Затем на приборной панели нажимайте новую кнопку, а затем создать новую кнопку приложения для настройки Heroku New App
На следующем шаге:
Теперь на вкладке развертывания щелкните кнопку GitHUB и на месте поиска Попробуйте найти репозиторий GitHUB
Затем нажмите кнопку Connect. Теперь внизу страницы Нажмите (включить автоматическое развертывание), чтобы автоматически развернуть ваше приложение после изменения на GitHub. Следующий шаг переходит на ресурс Нажмите и добавьте базу данных MySQL на приложение Heroku. Не забудьте добавить JAWSDB MySQL бесплатная версия: затем щелкните на MySQL Перейти на другую страницу, чтобы получить доступ к имени пользователя и пароле Heroku MySQL: Теперь мы должны скопировать строку подключения и вставить ее внутри нашего проекта в качестве адреса базы данных MySQL, поэтому ниже код в строке 33-38 app.js:
const connection = mysql.createConnection({
host: 'localhost',
user:'root',
password:'myjs123',
database:'simple-react-sql-db'
});
Должна измениться на хост пользовательских паролей и адрес базы данных строки подключения. Теперь проверьте свое приложение, чтобы убедиться, что он работает. Мы должны увидеть эту ошибку, потому что у нас не пользовательская таблица в новой базе данных, чтобы сопоставить ее сейчас. Так что в вашем Workbench перейдите на главную вкладку, чтобы добавить свою базу данных Heroku, чтобы добавить свою таблицу в новой базе данных: теперь в базе данных localhost с оператором Copy Table и вставьте таблицу в базе данных App app app ange, мы можем иметь эту таблицу на Heroku: теперь вставьте свой Данные в базу данных: последнее изменение находится на папке Backend Marrops в файле HTML-маршрута. Мы должны изменить имя базы данных в базу данных приложений Heroku App: Expec снова тестируйте ваше приложение, оно работает без каких-либо ошибок. Теперь мы должны построить проект …
Оригинал: “https://dev.to/kmaryam27/step-by-step-react-nodejs-and-mysql-simple-full-stack-application-2018-part-6-1ak2”