{"id":194,"date":"2019-08-23T04:21:04","dateGmt":"2019-08-23T01:21:04","guid":{"rendered":"http://wordpress.loc/?p=194"},"modified":"2019-08-25T06:56:12","modifiedGmt":"2019-08-25T03:56:12","slug":"%d1%83%d1%81%d1%82%d0%b0%d0%bd%d0%be%d0%b2%d0%ba%d0%b0","status":"publish","type":"post","link":"http://wordpress.loc/?p=194","title":"Установка","excerpt":"

Для установки WaR JS на компьютере установить: NodeJS версии не ниже ^10.15.3 С помощью службы npm установить глобально консольное приложение для создания Реакт приложения. npm install -g create-react-app Затем нужно создать приложение React запустив комманду. create-react-app myapp Дождавшись окончания установки, переходим в папку с только что созданным проектом. cd myap Настало время установки warjs, для […]

\n","excerptProtected":false,"content":"\n

Для установки WaR JS на компьютере установить:

\n\n\n\n\n\n\n\n

С помощью службы npm установить глобально консольное приложение для создания Реакт приложения.

\n\n\n\n\n\n\n\n

Затем нужно создать приложение React запустив комманду.

\n\n\n\n\n\n\n\n

Дождавшись окончания установки, переходим в папку с только что созданным проектом.

\n\n\n\n\n\n\n\n

Настало время установки warjs, для этого запустим его установку.

\n\n\n\n\n\n\n\n

Затем привести файл src/App.js к следующему виду:

\n\n\n\n
import React, { Component } from 'react';\nimport { WpDecorator } from 'warjs';\n\nexport default class App extends Component {\n  render () {\n    return (\n      <div>\n        <WpDecorator />\n      </div>\n    );\n  }\n}\n
\n\n\n\n

Внимание!

Приложение настроено, но данные из локального сайта ещё не подтянуты.
\n\n\n\n

Настроить сайт, в Настройки > Постоянные ссылки > Простые, как показано на изображении:

\n\n\n\n
\"\"
\n\n\n\n

Убедившись, что изменения вступили в силу, сделать запрос к сайту, появится дирректория storage/. Копировать её в public.

\n\n\n\n
node node_modules/wpdata/index.js --host <http://localhost:8080>[ --path //default . ]
\n\n\n\n
cp -r storage public/storage
\n\n\n\n

Примерно так так должен выглядеть сам каталог storage/

\n\n\n\n

storage
\n├── categories
\n│   ├── category_15.json
\n│   ├── category_16.json
\n│   ├── category_17.json
\n│   ├── category_18.json
\n│   └── category_1.json
\n├── categories.json
\n├── media
\n├── pages
\n├── pages.json
\n├── posts
\n│   ├── post_147.json
\n│   ├── post_160.json
\n│   ├── post_194.json
\n│   └── post_home.json
\n└── posts.json

\n\n\n\n

На этом установка закончена, затем перейти в корень проекта и запустить сервер, если использовали create-react-app, при установке, тогда команда:

\n\n\n\n\n\n\n\n
После этого должна открыться страница http://localhost:3000 и на этой странице будет сайт.
Вносите в него изменение на стороне Реакт, а материалы создавайте на Водпресс.
Установка завершена!
\n\n\n\n

Чтобы запустить сайт в production: собрать build, скопировать каталог storage в build/storage, и отправить все файлы из папки build прямо в облачное хранилище с услугой статичный веб сайт.

\n\n\n\n
npm build
\n\n\n\n

Если Linux сделать также, если нет тогда по своему:

\n\n\n\n
rm -rf build/storage && cp -r < path >/storage build/storage
\n\n\n\n

Затем загрузить на услугу статический сайт.

\n","contentProtected":false,"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts/194"}],"collection":[{"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts"}],"about":[{"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":26,"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts/194/revisions"}],"predecessor-version":[{"id":288,"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts/194/revisions/288"}],"wp:attachment":[{"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=194"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"error":0,"sticky":false,"format":"standard","tags":[],"categories":[18]}