Установка React JS в cPanel


React это JavaScript-библиотека для создания пользовательских интерфейсов. Обратите внимание: это библиотека, а не фреймворк. Называть React фреймворком, это ошибка.

Bu muhim: Siz allaqachon tugallangan loyihani hostingga joylashtirishingiz mumkin. Siz loyihani mahalliy serverda qurishingiz kerak va shundan keyingina tayyor loyihani xostga tayinlang. Xosting shaxsiy server emas.

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

1) Авторизируйтесь в панели управления cPanel

2) На локальном сервере, независимо от того, используете ли вы React, Vue, Gatsby или любой другой генератор сайтов на основе React или Vue, выполните следующие действия. Если вы используете React, откройте терминал и создайте новое приложение. В React это будет папка с именем build . Процесс такой же как описан выше:

3) Найдите каталог build и запакуйте его в архив .zip

4) Для загрузки файлов вы можете выбрать любой из удобных для вас способов:

Что вам нужно сделать, это загрузить все файлы из dist (или build ) в корневую папку сайта, например в public_html. За тем распаковать загруженные файлы.

 

5) Теперь создайте файл .htaccess с следующим содержимым в корневой папке вашего сайта. (Этот файл направит ваши URL-адреса на index.html)

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

На данном этапе развёртывание проекта на React JS завершено.

Видео урок: 


Bogʻliq maqolalar

Как создать symlink в cPanel

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

Установка Laravel в cPanel

Laravel это бесплатный веб-фреймворк с открытым исходным кодом, который устанавливается в...

Установка Vue.js в cPanel

Vue.js - JavaScript-фреймворк с открытым исходным кодом для создания пользовательских...

Cron задания в cPanel

Cron это программа, которая представляет собой планировщик задач в UNIX-подобных операционных...

Python-crontab в cPanel

Cron это программа, которая представляет собой планировщик задач в UNIX-подобных операционных...

Yuqoriga qaytish