Install ReactJS / การติดตั้ง ReactJS

Example install on subdomain "demonodejs.codeorangedemo7423.com"

1. Create subdomain via control panel

2. SSH username@server (can request us to enable ssh)

3. Create npm environment in folder outside website (use folder "includes") and create app environment:

$ cd orangedemo7423.com/includes/
$ npx create-react-app my-app 

4. Create static build production in folder build: 

$ cd my-app-nodejs
$ npm run build

5. Move all files to the root folder of your subdomain (if you want to install in subfolder, have to change configuration according to https://medium.com/@svinkle/how-to-deploy-a-react-app-to-a-subdirectory-f694d46427c1):

$ mv build/* ../../demonodejs/

6. add .htaccess for Apache support:

create file: [domain][subdomain]/.htaccess

$echo 'Options -MultiViews
> RewriteEngine On
> RewriteCond %{REQUEST_FILENAME} !-f
> RewriteRule ^ index.html [QSA,L]'> ~/orangedemo7423.com/demonodejs/.htaccess

Can see example: http://demonodejs.orangedemo7423.com

สำหรับภาษาไทย ดังนี้

ตัวอย่างการติดตั้งใน subdomain "demonodejs.codeorangedemo7423.com"

1. เพิ่ม subdomain ใน control panel

2. SSH username@server (สามารถติดต่อเราเพื่อขอเปิดการใข้งาน)

3. สร้าง npm environment in folder outside website (use folder "includes") และสร้าง app environment:

$ cd orangedemo7423.com/includes/
$ npx create-react-app my-app 

4. สร้าง static build production in folder build: 

$ cd my-app
$ npm run build

5. ย้ายไฟล์ทั้งหมดไปที่ root folder ของ subdomain (หากท่านต้องการติดตั้งในซับโฟลเดอร์ต้องเปลี่ยน configuration: https://medium.com/@svinkle/how-to-deploy-a-react-app-to-a-subdirectory-f694d46427c1)

$ mv build/* ../../nodejs/

6. เพิ่ม .htaccess for Apache support :

สร้างไฟล์ที่ [domain][subdomain]/.htaccess

$echo 'Options -MultiViews
> RewriteEngine On
> RewriteCond %{REQUEST_FILENAME} !-f
> RewriteRule ^ index.html [QSA,L]'> ~/orangedemo7423.com/nodejs/.htaccess

ท่านสามารถดูหน้าเว็บตัวอย่างได้ที่: http://demonodejs.orangedemo7423.com