{"id":1326,"date":"2025-02-25T02:00:46","date_gmt":"2025-02-24T23:00:46","guid":{"rendered":"https:\/\/shedov.top\/ru\/?p=1326"},"modified":"2026-01-17T15:05:41","modified_gmt":"2026-01-17T12:05:41","slug":"instrukciya-po-razvertyvaniyu-crystal-v1-0-na-lokalnom-pk","status":"publish","type":"post","link":"https:\/\/shedov.top\/ru\/instrukciya-po-razvertyvaniyu-crystal-v1-0-na-lokalnom-pk\/","title":{"rendered":"\u0418\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u043f\u043e \u0440\u0430\u0437\u0432\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u044e CRYSTAL v1.0 \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u041f\u041a"},"content":{"rendered":"<div class=\"single_contents\">\n    <h2>\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435:<\/h2>\n    <nav>\n        <ul>\n            <li>0. <a href=\"#paragraph_0\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u041f\u041a<\/a><\/li>\n            <li>1. <a href=\"#paragraph_1\">\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 Node.js, npm \u0438 Git<\/a><\/li>\n            <li>2. <a href=\"#paragraph_2\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u041f\u041a<\/a><\/li>\n            <li>3. <a href=\"#paragraph_3\">\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 MongoDB<\/a><\/li>\n            <li>4. <a href=\"#paragraph_4\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 .env.dev \u0438 \u0437\u0430\u043f\u0443\u0441\u043a frontend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/a><\/li>\n            <li>5. <a href=\"#paragraph_5\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432 .env., .env.dev \u0438 \u0437\u0430\u043f\u0443\u0441\u043a backend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/a><\/li>\n            <li>6. <a href=\"#paragraph_6\">MongoDB Compass<\/a><\/li>\n        <\/ul>\n    <\/nav>\n\n<h2 id=\"paragraph_0\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430:<\/h2>\n<ul class=\"stack_color\">\n    <li>\n        <strong>M<\/strong>ongoDB v8.0.4. \n<\/li> \n<li> \n<strong>E<\/strong>xpress.js v4.21.2. \n<\/li> \n<li> \n<strong>R<\/strong>eact v19.0.0. \n<\/li> \n<li> \n<strong>N<\/strong>ode.js v24.0.2.\n    <\/li>\n    <li>\n        NPM v11.3.0.\n    <\/li>\n    <li>\n        Vite v6.1.0.\n    <\/li>\n<\/ul>\n\n<h2>\u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u041f\u041a:<\/h2>\n<ul>\n    <li>\n        OS: Windows 11 Pro, \u0434\u0430\u043b\u0435\u0435 - Win 11.\n    <\/li>\n    <li>\n        \u041a\u043e\u043c\u0430\u043d\u0434\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 (Windows \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b), \u0434\u0430\u043b\u0435\u0435 - \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b.\n    <\/li>\n    <li>MongoDB Compass v1.45.0.<\/li>\n    <li>MongoDB Community Server v8.0.4.<\/li>\n<\/ul>\n<\/div>\n\n<p style=\"margin-top: 15px;\"><strong>\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e, \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0432\u0441\u0435 \u043f\u0443\u043d\u043a\u0442\u044b.<\/strong><\/p>\n\n<h2 id=\"paragraph_1\">1. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 Node.js, npm \u0438 Git<\/h2>\n\n<h3>1.1. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 Node.js \u0438 npm.<\/h3>\n\n<p><a href=\"https:\/\/git-scm.com\/downloads\/win\" rel=\"noreferrer noopener\" target=\"_blank\"\n>\u0421\u043a\u0430\u0447\u0430\u0439\u0442\u0435<\/a> \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 Node.js. \u0412\u043e \u0432\u0440\u0435\u043c\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0439\u0442\u0435\n    \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\n    \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u0421\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u043e \u0441 Node.js, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442c\u044f npm.<\/p>\n    \n<p>\u0414\u0430\u043b\u0435\u0435, \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043d\u0430 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0435 - 'Win+R', \u0437\u0430\u0442\u0435\u043c \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0432 \u043e\u0442\u043a\u0440\u044b\u0432\u0448\u0438\u043c\u0441\u044f \u043e\u043a\u043d\u0435:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>cmd<\/code><\/pre>\n\n\n<p>\u0414\u0430\u043b\u0435\u0435 \u043d\u0430\u0436\u043c\u0438\u0442\u0435 - 'Enter', \u043e\u0442\u043a\u0440\u043e\u0435\u0442\u0441\u044f \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0432 \u043d\u0435\u043c, \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0438\u0436\u0435, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u0438 Node.js \u0438 npm:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>node -v && npm -v<\/code><\/pre>\n\n\n<h3>1.2. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 Git.<\/h3>\n\n<p><a href=\"https:\/\/git-scm.com\/downloads\/win\" rel=\"noreferrer noopener\" target=\"_blank\"\n>\u0421\u043a\u0430\u0447\u0430\u0439\u0442\u0435<\/a> \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 Git. \u0412\u043e \u0432\u0440\u0435\u043c\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0439\u0442\u0435\n    \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\n    \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e.<\/p>\n\n<p>\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0432\u0435\u0440\u0441\u0438\u044e Git, \u043f\u043e\u0441\u043b\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>git -v<\/code><\/pre>\n\n\n<h2 id=\"paragraph_2\">2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u041f\u041a<\/h2>\n\n<p><strong>\u041f\u0440\u043e\u0435\u043a\u0442 \u0431\u0443\u0434\u0435\u0442 \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e GitHub CLI, \u043d\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u044b (HTTPS, SSH). <a\n        rel=\"noreferrer noopener\" href=\"https:\/\/docs.github.com\/en\/github-cli\/github-cli\/quickstart\" data-type=\"URL\"\n        target=\"_blank\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e GitHub CLI<\/a>, <a rel=\"noreferrer noopener\"\n        href=\"https:\/\/cli.github.com\/\" data-type=\"URL\" target=\"_blank\"\n>\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a<\/a>.<\/strong><\/p>\n\n<p><strong>\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438, \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0430 \u0434\u0438\u0441\u043a\u0435 - 'C'.<\/strong><\/p>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0435, \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0438\u0436\u0435:<\/p>\n\n<pre class=\"wp-block-code language-default line-numbers\">\n<code>mkdir C:\\CRYSTAL && cd C:\\CRYSTAL && gh repo clone CrystalSystems\/crystal-v1.0<\/code><\/pre>\n\n\n\n<p>\u0414\u0430\u043d\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430, \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043f\u0430\u043f\u043a\u0443 'CRYSTAL' \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 - 'C:\\CRYSTAL', \u0438 \u043a\u043b\u043e\u043d\u0438\u0440\u0443\u0435\u0442 \u0432 \u043d\u0435\u0451 - CRYSTAL v1.0, \u0438\u0437 <a\n        rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/CrystalSystems\/crystal-v1.0\" data-type=\"URL\" target=\"_blank\"\n>\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f<\/a> \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n\n<h2 id=\"paragraph_3\">3. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 MongoDB<\/h2>\n\n<h3>3.1. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 MongoDB Community Server.<\/h3>\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.mongodb.com\/try\/download\/community\" data-type=\"URL\" target=\"_blank\"\n>\u0421\u043a\u0430\u0447\u0430\u0439\u0442\u0435<\/a> \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 MongoDB Community Server\n    (\u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u0441\u044b\u043b\u043a\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 VPN), \u0432 \u043f\u043e\u043b\u0435 - 'Platform', \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 - 'Windows x64', \u0432 \u043f\u043e\u043b\u0435 -\n    'Package', \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 - 'msi. \u0412 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0435, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 - 'Complete' \u0438 \u043d\u0430\u0436\u043c\u0438\u0442\u0435 - 'Next', \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0443, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044f\n    \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. MongoDB \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 - \"C:\\Program Files\\MongoDB\", \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043e\u043b\u0436\u043d\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f\n    \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 - MongoDB Compass.<\/p>\n\n<h3>3.2. \u0417\u0430\u043f\u0443\u0441\u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0430 MongoDB.<\/h3>\n\n<h4>\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0430 \u0432\u0435\u0440\u0441\u0438\u044f MongoDB, \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0448\u0435 8, \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0438 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0438\u0436\u0435. \u0423\u0442\u043e\u0447\u043d\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0438 \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 -\n    'C:\\Program Files\\MongoDB\\Server'.<\/h4>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>cd C:\\Program Files\\MongoDB\\Server\\8.0\\bin\\ && mongod.exe<\/code><\/pre>\n\n\n<h2 id=\"paragraph_4\">4. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 .env.dev \u0438 \u0437\u0430\u043f\u0443\u0441\u043a frontend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/h2>\n\n<h3>4.1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 .env.dev \u0441 \u0430\u0434\u0440\u0435\u0441\u043e\u043c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430.<\/h3>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n\n<pre class=\"wp-block-code language-default line-numbers\">\n<code>mkdir C:\\CRYSTAL\\crystal-v1.0\\frontend\\env && cd C:\\CRYSTAL\\crystal-v1.0\\frontend\\env && echo VITE_API_BASE_URL=http:\/\/localhost:3000 > .env.dev<\/code><\/pre>\n\n\n<h3>4.2. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439.<\/h3>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>cd C:\\CRYSTAL\\crystal-v1.0\\frontend && npm i<\/code><\/pre>\n\n\n<h3>4.3. \u0417\u0430\u043f\u0443\u0441\u043a frontend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/h3>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>npm run dev<\/code><\/pre>\n\n\n<p>\u041f\u043e\u0441\u043b\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430, frontend \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>http:\/\/localhost:8200\/<\/code><\/pre>\n\n\n<h2 id=\"paragraph_5\">5. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432 .env., .env.dev \u0438 \u0437\u0430\u043f\u0443\u0441\u043a backend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/h2>\n\n<p>\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0430.<\/p>\n\n<h3>5.1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 .env \u0441 \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u043c \u043a\u043b\u044e\u0447\u0435\u043c JSON Web Token \u0438 Email \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430.<\/h3>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443, \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0430\u043f\u043a\u0438 - 'env':<\/p>\n\n<pre class=\"wp-block-code language-default line-numbers\">\n<code>mkdir C:\\CRYSTAL\\crystal-v1.0\\backend\\env && cd C:\\CRYSTAL\\crystal-v1.0\\backend\\env<\/code><\/pre>\n\n\n<p>\u0414\u0430\u043b\u0435\u0435, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 - 'JWT_SECRET_KEY'.<\/p>\n<p>\u0414\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 - 'JWT_SECRET_KEY', \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0443 - 'F12' \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 Chrome (\u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u043b\u044e\u0431\u043e\u0439 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440) \u0438 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u044c, \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n\n<pre class=\"wp-block-code lang-js line-numbers\">\n<code>function generateJWTSecretKey(length = 80) {\n\nconst charset = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-=[]{}|:,.&lt;&gt;?\";\n  const array = new Uint8Array(length);\n  window.crypto.getRandomValues(array);\n  return Array.from(array)\n    .map(b => charset[b % charset.length])\n    .join('');\n}\n\nconst jwtSecretKey = generateJWTSecretKey();\n\nconsole.log(`JWT_SECRET_KEY=\"${jwtSecretKey}\"`);<\/code><\/pre>\n\n<p>* \u042d\u043d\u0442\u0440\u043e\u043f\u0438\u044f \u043a\u043b\u044e\u0447\u0430, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0434\u0430\u043d\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c, \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043e\u0442 450 \u0434\u043e 515 \u0431\u0438\u0442.<\/p>\n\n<p>\u041f\u043e\u0441\u043b\u0435 \u0432\u0432\u043e\u0434\u0430, \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043a\u0440\u0438\u043f\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u043e\u0439\u043a\u0438\u0439 - 'JWT_SECRET_KEY'.<\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440 \u0432\u044b\u0432\u043e\u0434\u0430 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430:<\/p>\n\n<pre class=\"wp-block-code language-default line-numbers\">\n<code>JWT_SECRET_KEY=\"IW4%ur)Zn5XWqbO[xTYwO&amp;8qi!6&lt;uoi1WZpFTSONl=!cBs5&#123;lA)fV,cgIn&#125;@EP0YSTvnOTsAeIq1A)|X\"<\/code><\/pre>\n\n\n<p>\u0414\u0430\u043b\u0435\u0435, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0441 \u0432\u0430\u0448\u0438\u043c - 'JWT_SECRET_KEY':<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>echo JWT_SECRET_KEY=\"\u0421\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0439_\u043a\u043b\u044e\u0447_JWT\" > .env<\/code><\/pre>\n\n\n<p>\u041f\u0440\u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 email, \u0442\u0430\u043a\u0438\u043c \u0436\u0435, \u043a\u0430\u043a \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 - 'CREATOR_EMAIL', \u0431\u0443\u0434\u0435\u0442 \u0432\u043a\u043b\u044e\u0447\u0435\u043d \u0440\u0435\u0436\u0438\u043c\n    \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 (\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\/\u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u043f\u043e\u0441\u0442\u043e\u0432).<\/p>\n<p>\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0438\u0436\u0435, \u043d\u0430 \u043d\u0443\u0436\u043d\u044b\u0439 email:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>echo CREATOR_EMAIL=email_\u0434\u043b\u044f_\u0440\u0435\u0436\u0438\u043c\u0430_\u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 >> .env<\/code><\/pre>\n\n\n<p>\u0414\u0430\u043b\u0435\u0435, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0441 \u043f\u043e\u0440\u0442\u043e\u043c \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u0430\u0434\u0440\u0435\u0441\u043e\u043c \u0438 \u0438\u043c\u0435\u043d\u0435\u043c \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445:<\/p>\n\n<pre class=\"wp-block-code language-default line-numbers\">\n<code>echo SERVER_PORT=3000>>.env && echo MONGO_BASE_URI=mongodb:\/\/127.0.0.1:27017>>.env && echo MONGO_DB_NAME=crystal>>.env\n<\/code><\/pre>\n\n\n<h3>5.2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 .env.dev.<\/h3>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u0444\u0430\u0439\u043b .env.dev \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442 \u0432 \u043d\u0435\u0433\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0432\u0435\u0440\u0430:<\/p>\n\n<pre class=\"wp-block-code language-default line-numbers\">\n<code>echo APP_MODE=dev > .env.dev && echo CORS_ORIGIN=true >> .env.dev && echo CORS_CREDENTIALS=true >> .env.dev\n<\/code><\/pre>\n\n\n<h3>5.3. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439.<\/h3>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>cd C:\\CRYSTAL\\crystal-v1.0\\backend && npm i<\/code><\/pre>\n\n\n<h3>5.4. \u0417\u0430\u043f\u0443\u0441\u043a backend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/h3>\n\n<p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n\n<pre class=\"wp-block-code language-default\">\n<code>npm run dev<\/code><\/pre>\n\n\n<p>\u041f\u043e\u0441\u043b\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430, \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u044f\u0432\u0438\u0442\u044c\u0441\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f - 'Server OK' \u0438 'DB connected'.<\/p>\n<p>\u041f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u0432 \u043e\u043a\u043d\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c, \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 - http:\/\/localhost:8200\/, \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0437\u0430\u0442\u0435\u043c \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c\n    \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435\n    \u043f\u043e\u0441\u0442.<\/p>\n\n<h2 id=\"paragraph_6\">6. MongoDB Compass<\/h2>\n\n<p>\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 MongoDB Compass, \u0438 \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 - 'Add new connection', \u0432 \u043f\u043e\u043b\u0435 - 'URI', \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0430\u0434\u0440\u0435\u0441 -\n    'mongodb:\/\/localhost:27017', \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 - 'Save & Connect', \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0431\u0434 \u0441\u043b\u0435\u0432\u0430, \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u044f\u0432\u0438\u0442\u044c\u0441\u044f \u0431\u0430\u0437\u0430\n    \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c - 'crystal', \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0431\u0443\u0434\u0443\u0442 \u0434\u0432\u0435 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 - 'posts' \u0438 'users'.<\/p>\n\n<div class=\"browserstack_testing__announcement___wrap\">\n         <div class=\"browserstack_testing__announcement\">\n            <div class=\"browserstack_testing__announcement___top\">\n               <p>CRYSTAL \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0432 <\/p>\n            <\/div>\n            <div class=\"browserstack_testing__announcement___bottom\">\n               <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 -1.5 31 33\">\n               <g fill=\"none\" fill-rule=\"evenodd\"> <\/g>\n               <g>\n                  <path d=\"m31.0344828 15.5172414c0 8.5701882-6.9470532 15.5172414-15.5172414 15.5172414-8.56989423 0-15.5172414-6.9470532-15.5172414-15.5172414 0-8.56989423 6.94734717-15.5172414 15.5172414-15.5172414 8.5701882 0 15.5172414 6.94734717 15.5172414 15.5172414\" fill=\"#ecb360\"><\/path>\n                  <path d=\"m26.8965517 13.9655172c0 7.7128847-6.0213369 13.9655173-13.4482758 13.9655173-7.42722227 0-13.4482759-6.2526326-13.4482759-13.9655173 0-7.71288459 6.02105363-13.9655172 13.4482759-13.9655172 7.4269389 0 13.4482758 6.25263261 13.4482758 13.9655172\" fill=\"#d76835\"><\/path>\n                  <path d=\"m27.9310345 12.4136422c0 6.8560652-5.3263006 12.413944-11.8969855 12.413944-6.5698174 0-11.89611797-5.5578788-11.89611797-12.413944 0-6.85576335 5.32630057-12.4136422 11.89611797-12.4136422 6.5706849 0 11.8969855 5.55787885 11.8969855 12.4136422\" fill=\"#d33a41\"><\/path>\n                  <path d=\"m26.8965517 13.4484262c0 6.2843054-4.8632703 11.37916-10.8622124 11.37916-5.9989422 0-10.86192551-5.0948546-10.86192551-11.37916 0-6.28490677 4.86298331-11.37946068 10.86192551-11.37946068 5.9989421 0 10.8622124 5.09455391 10.8622124 11.37946068\" fill=\"#b6cb46\"><\/path>\n                  <path d=\"m25.862069 14.4826111c0 5.7133106-4.6316645 10.3449751-10.3449751 10.3449751-5.71301565 0-10.34468011-4.6316645-10.34468011-10.3449751 0-5.71331065 4.63166446-10.34468007 10.34468011-10.34468007 5.7133106 0 10.3449751 4.63136942 10.3449751 10.34468007\" fill=\"#66ad4a\"><\/path>\n                  <path d=\"m21.7241379 12.4137931c0 4.5706247-3.7052373 8.2758621-8.275862 8.2758621-4.57090515 0-8.27586211-3.7052374-8.27586211-8.2758621 0-4.57062469 3.70495696-8.27586207 8.27586211-8.27586207 4.5706247 0 8.275862 3.70523738 8.275862 8.27586207\" fill=\"#aed7dc\"><\/path>\n                  <path d=\"m22.7586207 11.3793103c0 3.9991764-3.2419755 7.2413794-7.2415259 7.2413794-3.9995505 0-7.24123273-3.242203-7.24123273-7.2413794 0-3.99946945 3.24168223-7.24137927 7.24123273-7.24137927 3.9995504 0 7.2415259 3.24190982 7.2415259 7.24137927\" fill=\"#5bb1cf\"><\/path>\n                  <path d=\"m22.7586207 11.8963967c0 3.7136422-2.7788402 6.724293-6.2068966 6.724293s-6.2068965-3.0106508-6.2068965-6.724293c0-3.71333217 2.7788401-6.72398291 6.2068965-6.72398291s6.2068966 3.01065074 6.2068966 6.72398291\" fill=\"#25a8c3\"><\/path>\n                  <path d=\"m20.6896552 12.9308813c0 3.1423524-2.315869 5.6898084-5.1725531 5.6898084-2.8564055 0-5.1722745-2.547456-5.1722745-5.6898084 0-3.14235241 2.315869-5.68950199 5.1722745-5.68950199 2.8566841 0 5.1725531 2.54714958 5.1725531 5.68950199\"><\/path>\n                  <path d=\"m15.5171021 18.6206897c-2.8564055 0-5.1722745-2.547456-5.1722745-5.6898084 0-3.14235241 2.315869-5.68950199 5.1722745-5.68950199 2.8566841 0 5.1725531 2.54714958 5.1725531 5.68950199 0 3.1423524-2.315869 5.6898084-5.1725531 5.6898084z\" fill=\"#1b1a18\"><\/path>\n                  <path d=\"m18.3395432 11.2904163c-.4920811.8231975-1.4595626 1.299291-2.16129 1.062668-.7017274-.2363383-.8715674-1.0956984-.3798654-1.9191807.4920811-.82348231 1.4595626-1.29929107 2.16129-1.06295279s.8715674 1.09569839.3798654 1.91946549\" fill=\"#fffffe\"><\/path>\n               <\/g>\n               <\/svg>\n               <p>BrowserStack<\/p>\n            <\/div>\n            <a href=\"https:\/\/www.browserstack.com\/\" target=\"blank\" rel=\"noopener\" aria-label=\"\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 browserstack\">\n            <\/a>\n         <\/div>\n      <\/div>","protected":false},"excerpt":{"rendered":"\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435: 0. \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u041f\u041a 1. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 Node.js, npm \u0438 Git 2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u041f\u041a 3. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 MongoDB 4. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 .env.dev \u0438 \u0437\u0430\u043f\u0443\u0441\u043a frontend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 5. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432 .env., .env.dev \u0438 \u0437\u0430\u043f\u0443\u0441\u043a backend \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 6. MongoDB Compass \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: MongoDB v8.0.4. Express.js v4.21.2. [&hellip;]","protected":false},"author":1,"featured_media":2661,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,43,23,4,26,24,25,60,16,21,22,59,31],"tags":[],"class_list":["post-1326","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-crystal","category-crystal-v1-0","category-express-js","category-js","category-mern","category-mongodb","category-node-js","category-nosql","category-react","category-redux","category-tanstack-query","category-bazy-dannyh","category-dokumentaciya-crystal"],"_links":{"self":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts\/1326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/comments?post=1326"}],"version-history":[{"count":99,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts\/1326\/revisions"}],"predecessor-version":[{"id":4465,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/posts\/1326\/revisions\/4465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/media\/2661"}],"wp:attachment":[{"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/media?parent=1326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/categories?post=1326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shedov.top\/ru\/wp-json\/wp\/v2\/tags?post=1326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}