blocks|key|4320856|text|只需将本地公共文件夹上传到您的主机public_html文件夹|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4320857|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Just upload your local public folder to your hosting public_html folder

blocks|key|4321187|text|确保您的主机提供商支持您将在CPanel上看到的Node.js。我使用的公司是Namecheap，他们刚刚在CPanel中添加了Node.js运行时环境。联系您的主机公司，询问他们是否支持Node.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4321188|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Make sure your hosting provider supports Node.js that you will see on CPanel.
The company I use is Namecheap and they just added Node.js runtime environment to CPanel.
Contact your hosting company and ask them if they support Node.js

blocks|key|4321054|text|按照以下步骤在CPanel上部署React网站|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4321055|Step(1)+:+Under+your+local+project+directory+run+this+command+"npm+
+++++++++++run+build"+or+"yarn+build"+then+"build"+directory+will+be+created.+This+directory+contains+the+bundle+of+all+static+files+with+dependencies+which+you+can+directly+copy+onto+your+production+server.+

Step+(2)+:+Go+to+inside+the+"build"+folder+and+select+all+files+and+compress+or+make+a+Zip+then+upload+in+cpanel+it+will+work.+|code-block|syntax|javascript|4321056|注意:对于react应用程序，不需要上传整个项目，我们只需要部署"build“目录。|4321057|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Follow the steps to deploy your React website on CPanel
<pre><code>Step(1) : Under your local project directory run this command &quot;npm 
 run build&quot; or &quot;yarn build&quot; then &quot;build&quot; directory will be created. This directory contains the bundle of all static files with dependencies which you can directly copy onto your production server. 

Step (2) : Go to inside the &quot;build&quot; folder and select all files and compress or make a Zip then upload in cpanel it will work. 
</code></pre>
Note: for react app no need to upload whole projects we need to deploy only &quot;build&quot; directory.

blocks|key|4321335|text|我同意你应该有一个专用的或VPS主机的事实，因为你需要对命令行进行控制。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4321336|我建议你做什么，除了在其他评论中提到的(通过SSH访问cPanel，安装节点和npm等)，你应该使用GitHub或BitBucket上传文件。|4321337|当你这样做的时候，每次你需要的时候更新你的web应用程序将会变得更加容易。|4321338|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I’m agree with the fact that you should have a dedicated or VPS hosting, because you will need to have control to the command line.

What I would suggest you to do, apart of what has been mentioned in other comments (accessing the cPanel via SSH and install node and npm, etc), you should upload the files using GitHub or BitBucket.

When you do it this way it will be even easier to keep updating your web app every time you need.

blocks|key|4321174|text|我假设您有ssh访问权限。如果你确实通过SSH安装NodeJS，然后上传你的文件，最好在你的public_html上做。不仅是构建，还有整个项目。我会用git来做。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4321175|当你上传文件时，你必须安装npm，并且在你的客户端文件夹中，你必须安装你的客户端，因为仅仅上传node_modules文件夹是行不通的。|4321176|你应该永远安装并永远运行node+server.js，这将使服务器即使在关闭终端时也能运行|4321177|我希望我已经解释清楚了。|4321178|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I imagine you have ssh access. If you do install NodeJS via SSH and then upload your files, it will be better if you do it on your public_html. Not only the build but the whole project. I would do it using git.

When you have you files up you will have to install npm and in your client folder you have to install your client, because just uploading the node_modules folders won't work.

You should install forever and run forever node server.js, that will make the server run even when you close the terminal

I hope I explained myself.

blocks|key|4321408|text|步骤1:在package.json文件中添加"homepage":+".",-->|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4321409|步骤2：npm+run+build+-->这将创建一个构建文件夹。|4321410|第3步:创建一个.htaccess，它将如下所示|4321411|<IfModule+mod_rewrite.c>
RewriteEngine+On
RewriteBase+/
RewriteRule+%5Eindex\.html$+-+[L]
RewriteCond+%25{REQUEST_FILENAME}+!-f
RewriteCond+%25{REQUEST_FILENAME}+!-d
RewriteCond+%25{REQUEST_FILENAME}+!-l
RewriteRule+.+/index.html+[L]
</IfModule>|code-block|syntax|javascript|4321412|步骤4:现在获取build文件夹中的所有文件以及您的htaccess，并将它们放在所需的域或子域中|4321413|entityMap^0|M|G|0|4|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

step 1:<code>"homepage": ".",</code> -->add this on package.json file

step 2 : <code>npm run build</code> --> this will create a build folder.

step 3 : make a .htaccess it will look like this

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

step 4 : now take all the files in build folder plus your htaccess and drop them in the desired domain or subdomain

blocks|key|4321339|text|在Cpanel/Server上部署React+App。请按照以下步骤操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4321340|Step+1)转到Package.json文件并添加此属性"homepage":"http://yourdomain.com"，然后将您的域粘贴到其中。喜欢|offset|length|style|CODE|4321341|​|4321342|📷|atomic|4321343|4321344|Step+2)现在使用npm+run+build构建应用程序|4321345|在您的项目目录中，它将创建一个build文件夹，其中将包含项目的所有静态文件。压缩所有文件并上传到网站运行的cpanel目录。|4321346|Step+3)创建一个.htaccess文件并将其放在根目录下。并将以下代码粘贴到.htaccess文件中。|4321347|<IfModule+mod_rewrite.c>
RewriteEngine+On
RewriteBase+/
RewriteRule+%5Eindex\.html$+-+[L]
RewriteCond+%25{REQUEST_FILENAME}+!-f
RewriteCond+%25{REQUEST_FILENAME}+!-d
RewriteCond+%25{REQUEST_FILENAME}+!-l
RewriteRule+.+/index.html+[L]
</IfModule>|code-block|syntax|javascript|4321348|现在运行您的项目。看起来不错。|4321349|谢谢|4321350|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/8e85c2d0da7f175a65fbb33abb807f49.png|imageAlt^0|0|0|7|T|Y|0|0|0|1|0|0|0|0|7|B|D|0|0|0|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1C|8|@$D|1D|E|1E|F|G]|$D|1F|E|1G|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1H|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1I|8|@]|9|@$D|1J|E|1K|1|1L]]|A|$]]|$1|M|3|I|5|6|7|1M|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1N|8|@$D|1O|E|1P|F|G]|$D|1Q|E|1R|F|G]]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1S|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1T|8|@$D|1U|E|1V|F|G]]|9|@]|A|$]]|$1|T|3|U|5|V|7|1W|8|@]|9|@]|A|$W|X]]|$1|Y|3|Z|5|6|7|1X|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|19|1A|-4]]]]

To Deploy React App on Cpanel/Server. Please follow the Steps
<code>Step 1)</code> Go to Package.json file and add this Property <code>&quot;homepage&quot;:&quot;http://yourdomain.com&quot;</code> and paste your domain within it. Like
<a href="https://i.stack.imgur.com/BTIN9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BTIN9.png" alt="enter image description here" /></a>
<code>Step 2)</code> Now build the App using <code>npm run build</code>
In your project directory it will create a build folder and it will contain all your static files for project. Zip all files and upload on your cpanel directory where your website run.
<code>Step 3)</code> Create an .htaccess file and Place it on root directory. And paste the below code in .htaccess file.
<pre><code>&lt;IfModule mod_rewrite.c&gt;
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
&lt;/IfModule&gt;
</code></pre>
Now Run your Project. It will Work.
Thanks

I've created a react app with the following folder structure

-public 
&emsp;--dist 
&emsp;&emsp;---bundle.js 
&emsp;&emsp;---styles.css 
&emsp;--index.html 
&emsp;--images 
-server 
&emsp;--server.js 
-src 
&emsp;--components 
&emsp;--app.js 
-.babelrc 
-package.json 
-webpack.config.js

I want to upload it to cPanel. Is that possible? Would I also need to upload the node_modules/ folder?

here is a link to my repo: <a href="https://github.com/theoiorga/react-expensify-app" rel="noreferrer">https://github.com/theoiorga/react-expensify-app</a>

How to deploy a react app on cPanel?

服务器

GitHub

我已经创建了一个具有以下文件夹结构的react应用程序-public --dist  -bundle.js  -Styes.css --index.html --图像-server --server.js-src --组件 --app.js-.babelrc-package.json-webpack.config.js...

问如何在cPanel上部署react应用程序？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在cPanel上部署react应用程序？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在cPanel上部署react应用程序？
EN