NextJS là công nghệ frontend hiện đại, được sử dụng rộng rãi để xây dựng các ứng dụng web nhanh, linh hoạt và tối ưu trải nghiệm người dùng. Tuy nhiên, khi cần triển khai ứng dụng NextJS lên môi trường cPanel hosting – vốn thường được thiết kế cho PHP – nhiều người gặp phải không ít khó khăn, từ bước build cho đến cấu hình server.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách triển khai một ứng dụng NextJS lên cPanel một cách chi tiết và dễ hiểu. Dù bạn sử dụng shared hosting hay VPS có cài cPanel, bài viết sẽ cung cấp các bước cụ thể như: build ứng dụng, upload mã nguồn, cấu hình thư mục public và xử lý các vấn đề thường gặp.

Hướng dẫn này đặc biệt hữu ích với những ai muốn tận dụng hosting cPanel có sẵn thay vì thuê VPS hoặc server riêng để chạy ứng dụng Next.

2. Chuẩn bị

Bạn cần chuẩn bị sẵn source code ứng dụng NextJS đã được buid sẵn ở localhost bằng lệnh npm run build hoặc yarn build hoặc bun run build

Source code của bạn cần có file gốc để chạy, thường tên là server.js, kể cả bạn dùng vite hay typescript thì vẫn cần file này

Ví dụ nội dung file server.js:

const { createServer } = require('http')

const { parse } = require('url')

const next = require('next')

const dev = process.env.NODE_ENV !== 'production'

const hostname = 'localhost'

const port = process.env.PORT || 3000

// when using middleware `hostname` and `port` must be provided below

const app = next({ dev, hostname, port })

const handle = app.getRequestHandler()

app.prepare().then(() => {

createServer(async (req, res) => {

try {

// Be sure to pass `true` as the second argument to `url.parse`.

// This tells it to parse the query portion of the URL.

const parsedUrl = parse(req.url, true)

const { pathname, query } = parsedUrl

if (pathname === '/a') {

await app.render(req, res, '/a', query)

} else if (pathname === '/b') {

await app.render(req, res, '/b', query)

} else {

await handle(req, res, parsedUrl)

}

} catch (err) {

console.error('Error occurred handling', req.url, err)

res.statusCode = 500

res.end('internal server error')

}

})

.once('error', (err) => {

console.error(err)

process.exit(1)

})

.listen(port, () => {

console.log(`> Ready on http://${hostname}:${port}`)

})

})

3. Upload

Bạn xóa folder node_modules, nhưng giữ lại folder sau khi đã build code, folder chuẩn để upload sẽ có dạng như sau:

Trong folder cần có folder đã build và file cấu hình server.js. Sau đó, bạn tiến hành nén folder gốc thành file .zip có dạng như sau:

Sau đó, vào file manager trên cpanel

Sau đó bạn upload lên file manager và tiến hành giải nén, sau khi giải nén thì bạn sẽ có folder với cấu trúc thư mục như sau:

4. Tiến hành cài đặt

Bạn quay lại Cpanel, kéo xuống phần Software và chọn Setup Node.js App

Sau đó bạn chọn Create Application

Bạn tiến hàn cấu hình web app của bạn như sau:

Node.js version mới nhất đang được hỗ trợ là 20.18.3, bạn có thể chọn phiên bản thấp hơn

Application mode có Production và Development, bạn chọn phù hợp với nhu cầu cá nhân.

Application root là folder chứa folder source code ở phần 3, trong bài viết này là public_html/landingpage

Application URL bạn chọn tên miền mình muốn gán, có thể thêm prefix ví dụ như tenmien.com/prefix

Application Startup file chính là file server.js ở phần chuẩn bị, chúng ta để cùng thư mục source code là Application Root, sau đó nhập tên file, ở trong bài này là server.js

Sau khi bạn điền xong, bạn chọn Create thì sẽ sang bước tiếp theo

Sang đến màn hình sau, bạn chọn run npm install để cài đặt các package phù hợp với phiên bản bạn chọn, vì ở môi trường localhost phiên bản sẽ khác một chút, ví dụ cùng là node.js 18 nhưng ở localhost sẽ là 18.xx.xx thì ở cpanel sẽ là 18.xy.xz

Khi scrip npm install chạy xong, bạn chọn run js script

Sau đó bạn chọn start vì bạn đã build ở localhost rồi

Nếu bạn chưa build ở localhost thì bạn chọn build, tuy nhiên bộ nhớ ram của hosting có thể sẽ không đủ để build.

Sau khi build xong bạn bấm dấu x để tắt và save lại

Vậy là Website của bạn đã chạy thành công.

Bài viết Hướng dẫn chạy NextJS trên cPanel đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.

Bước 1: Truy cập vào trang quản trị admin account

• Đăng nhập vào tài khoản cPanel của bạn.
• Trong mục Security, chọn Two-Factor Authentication.

Bước 2: Bật Xác Thực Hai Yếu Tố

• Chọn Set Up Two-Factor Authentication.
• Scan mã QR bằng ứng dụng Google Authenticator trên điện thoại của bạn.
• Nhập mã bảo mật (Security Code) từ ứng dụng Google Authenticator vào ô tương ứng và nhấn Configure Two-Factor Authentication để lưu lại.

Bước 3: Hoàn tất

• Sau khi bật Xác thực hai yếu tố, trong các lần đăng nhập sau, bạn sẽ cần nhập mã bảo mật từ ứng dụng Google Authenticator sau khi nhập mật khẩu đúng.

Chúc bạn thực hiện thành công! Nếu có bất kỳ thắc mắc hay gặp khó khăn nào trong quá trình thiết lập, vui lòng liên hệ với đội ngũ hỗ trợ của chúng tôi để được giải đáp.

Bài viết Hướng Dẫn Bật Xác Thực Hai Yếu Tố (2FA) Trên Hệ Thống Hosting cPanel đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.

1. Đăng nhập vào cPanel của bạn, điều hướng đến phần Files và nhấp vào Web Disk:

   

2. Mặc định, hệ thống sẽ tạo một tài khoản Web Disk cho tài khoản cPanel của bạn. Để truy cập nó, nhấp vào nút Configure Client Access:

   
    

   Nếu bạn muốn tạo một tài khoản Web Disk cho một thư mục cụ thể, bạn có thể làm điều đó trong phần Create an Additional Web Disk Account:

   

3. Khi bạn truy cập vào tài khoản cần thiết, chọn Windows 10 từ menu thả xuống tương ứng:

   

4. Sau khi hoàn tất, bạn có thể tải xuống một kịch bản khởi đầu nhanh hoặc cấu hình Web Disk trên thiết bị của bạn theo các bước được cung cấp. Chúng tôi khuyến nghị bạn tiến hành cài đặt thủ công. Dưới đây là cách thực hiện:

   a. Mở Computer và nhấp vào Map network drive.

   
   b. Nhấp vào Connect to a Web site that you can use to store your documents and pictures.

   
   c. Nhấp Next, sau đó chọn Choose a custom network location.

   
   d. Chèn địa chỉ sau vào Internet or network address field:

   https://servername:2078 – trong đó servername là tên của máy chủ nơi tài khoản của bạn được đặt.

   e. Nhấp Next.

   

   f. Chèn tên cPanel username và cPanel password vào các ô tương ứng và nhấp OK. Đừng quên kiểm tra tùy chọn Remember my credentials.

   

   g. Bạn sẽ được yêu cầu nhập tên cho địa chỉ mạng của bạn. Nó có thể là bất kỳ tên phù hợp nào bạn muốn hiển thị cho tài khoản Web Disk của bạn trên thiết bị của bạn. Nhấp Next và sau đó Finish.

   h. Quay lại Computer. Bạn sẽ thấy ổ đĩa mạng của bạn đã được thêm và nhấp vào nó. Danh sách các tệp và thư mục máy chủ của bạn sẽ hiển thị bên phải.

Bây giờ bạn có thể quản lý các tệp của trang web trên thiết bị cục bộ của bạn:

Bây giờ tài khoản Web Disk của bạn đã được cấu hình trên Windows 10 xong.

Bài viết Cách thiết lập Web Disk trên Windows 10 đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.

Ngoài ra, không thể gán một người dùng khác vào cùng một tài khoản cPanel với bất kỳ gói hosting nào do cấu hình hệ thống tệp.

Để quản lý Tài khoản con trong User Manager, các bạn hãy làm theo hướng dẫn sau:

Thêm Tài khoản con

1. Đăng nhập vào cPanel của bạn >> Mục Preferences >> Menu User Manager:
   
2. Nhấp vào Add User.
   
3. Nhập thông tin người dùng cho Tài khoản con mới:

• Full Name: Họ và tên của người dùng
• Username: Tên người dùng cho Tài khoản con
• Domain: Tên miền cho Tài khoản con
• Contact Email Address: Hệ thống sẽ gửi thông báo tài khoản và xác nhận đặt lại mật khẩu đến địa chỉ email này
  

4. Đặt mật khẩu cho người dùng:
   Mật khẩu cần được nhập và xác nhận trong các ô văn bản thích hợp như được hiển thị dưới đây.
   Hãy nhớ rằng quan trọng là chọn một mật khẩu an toàn.
   Bạn có thể chọn Generate để tự động tạo ra một mật khẩu có đột bảo mật cao.
   
5. Chọn các dịch vụ của Tài khoản con.
6. Nhấp vào Create để hoàn tất, hoặc Create and Add Another User (Tạo và thêm người dùng khác) để thêm một tài khoản mới khác:
   

Dịch vụ Tài khoản con

Nếu tên người dùng của Tài khoản con khớp với tên người dùng của tài khoản Email/FTP/Web Disk hiện tại, giao diện sẽ hiện thị lỗi tài khoản này không hợp lệ.

Dịch vụ Email cho phép bạn bật địa chỉ email của Tài khoản con, tức là người dùng sẽ có một hộp thư email username@domain.com.

Tùy chọn Quota ( Dung lượng ) xác định không gian ổ cứng mà Tài khoản con có thể sử dụng để lưu trữ email.

Dịch vụ FTP cho phép bạn quản lý các tệp của trang web, tức là người dùng sẽ có một tài khoản FTP username@domain.com.

Tùy chọn Quota xác định không gian ổ cứng mà người dùng Tài khoản con có thể sử dụng trong thư mục home đã chỉ định.

Hộp text Home Directory ( Thư mục Home ) cho phép bạn chỉ định thư mục home FTP của Tài khoản con.

Tiện ích Web Disk cho phép bạn quản lý và xử lý các tệp trên máy chủ của bạn trên nhiều loại thiết bị (ví dụ: máy tính, điện thoại di động hoặc một số loại phần mềm).

Đối với Giao diện Cơ bản cPanel:

Home Directory cho phép bạn thay đổi thư mục home Web Disk của Tài khoản con.

Permissions ( Quyền ) cho phép bạn chỉ định quyền thư mục home của Tài khoản con:

• Read – Write ( Đọc-Ghi ) — Cài đặt này cho phép Tài khoản con truy cập để đọc, tải về, liệt kê và ghi tệp tin bên trong thư mục.
• Read – Only ( Chỉ Đọc ) — Cài đặt này chỉ cho phép tài khoản này truy cập để đọc, tải về và liệt kê các tệp tin bên trong thư mục.
  

Đối với Giao diện Retro cPanel ( giao diện cổ điện, phiên bản cũ ):

Home Directory cho phép bạn thay đổi thư mục home Web Disk của Tài khoản con.

Permissions ( Quyền ) cho phép bạn chỉ định quyền thư mục home của Tài khoản con:

• Read – Write — Cài đặt này cho phép Tài khoản con truy cập để đọc, tải về, liệt kê và ghi tệp tin bên trong thư mục.
• Read – Only — Cài đặt này chỉ cho phép tài khoản này truy cập để đọc, tải về và liệt kê các tệp tin bên trong thư mục.

Bạn phải bật Xác thực Dấu ấn ( enable Digest Authentication ) nếu bạn sử dụng Windows Vista, Windows 7, Windows 8 hoặc Windows 10 để truy cập Web Disk qua kết nối văn bản rõ ràng, không mã hóa.
Bạn không cần bật Xác thực Dấu ấn ( enable Digest Authentication ) nếu bạn đáp ứng các điều kiện sau:

• Tên miền có chứng chỉ SSL được ký bởi một cơ quan chứng chỉ được công nhận.
• Bạn có thể kết nối với Web Disk bằng SSL qua cổng 2078.

LƯU Ý: Đừng bật enable Digest Authentication nếu tên miền sử dụng chứng chỉ bảo mật SSL.

Đăng nhập vào Tài khoản con

Sau khi bạn tạo một Tài khoản con, bạn có thể sử dụng một số phương pháp để truy cập nó:

• Để đăng nhập vào Webmail và truy cập Tài khoản con email của bạn, điều hướng đến https://example.com:2096, nơi example.com đại diện cho tên miền của bạn hoặc địa chỉ IP của máy chủ. Sau đó, nhập tên người dùng và mật khẩu của Tài khoản con.
• Để sử dụng tính năng FTP, đăng nhập qua một ứng dụng FTP.
• Để sử dụng Web Disk, kết nối thông qua hệ điều hành máy tính cục bộ của bạn hoặc thông qua một ứng dụng của bên thứ ba.

Chỉnh sửa Tài khoản con

Để chỉnh sửa một Tài khoản con, nhấp vào Edit:

Bạn có thể điều chỉnh các thuộc tính sau đây của Tài khoản con trong phần này:

• Full name — Họ và tên của người dùng
• Contact Email Address  — Địa chỉ email thay thế cho người dùng của Tài khoản con
• Email, FTP and Web Disk  — Quyền truy cập của Tài khoản con vào các dịch vụ email, FTP và Web Disk

Trong danh sách tài khoản, tài khoản cPanel và tài khoản nhật ký bao gồm một ngôi sao trên hình đại diện của họ. Bạn không thể chỉnh sửa những tài khoản này trong giao diện này do cấu hình hệ thống vì chúng là các tài khoản mặc định.

Xóa Tài khoản con

Để xóa một Tài khoản con, nhấp vào Delete và sau đó xác nhận rằng bạn muốn xóa tài khoản.

LƯU Ý: Nếu bạn xóa một Tài khoản con, hệ thống sẽ loại bỏ tất cả các dịch vụ của Tài khoản con.

Trong danh sách tài khoản, tài khoản cPanel và tài khoản nhật ký bao gồm một ngôi sao trên hình đại diện của họ. Bạn không thể xóa những tài khoản này do cấu hình hệ thống vì chúng là các tài khoản mặc định.

Bài viết Cách sử dụng User Manager trong cPanel đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.

Bước 1: Đăng nhập vào cPanel.

Bước 2: Tìm đến mục DOMAINS > Chọn Subdomains. Hoặc quý khách có thể search Subdomains ở ô tìm kiếm.

Chọn Subdomain

Bước 3: Tại phần Create a Subdomain, quý khách điền các thông tin sau đây:

Nhập thông tin để tạo Subdomain

Bao gồm:

1. Subdomain: Điền Subdomain muốn tạo. Ví dụ: Quý khách muốn tạo Subdomain demo.vietnixdocs.com thì điền vào ô Subdomain là demo.

2. Domain: Quý khách chọn domain chính.

3. Document Root: Điền tên thư mục chứa subdomain mới. Hệ thống tự động khai báo khi quý khách điền ô Subdomain. Mặc định, tên thư mục sẽ là tên của subdomain.

4. Nhấn chọn Create để thêm Subdomain mới.

Bước 4: Sau khi tạo thành công, quý khách sẽ nhận được kết quả như hình bên dưới.

Subdomain được tạo thành công

Sau khi đã tạo Subdomain thành công thì quý khách vui lòng truy cập DNS để thêm bản ghi cho Subdomain.

Bước 5: Quý khách truy cập vào phần File Manager tại giao diện cPanel sẽ thấy thư mục của subdomain vừa bạn. Tại đây, quý khách có thể bắt đầu upload các tập tin lên và sử dụng.

Chọn File Manager

Subdomain đã được tạo

Như vậy trên đây là các bước hướng dẫn tạo Subdomain trên hosting cPanel.

Bài viết Tạo subdomain trên hosting cPanel đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.

Đăng nhập vào cPanel từ portal (Trang quản trị dịch vụ tại Tenten)

Bước 1: Đăng nhập dịch vụ tại đây bằng tài khoản quản trị dịch vụ bạn đã đăng ký ở Tenten.

Bước 2: Sau khi đăng nhập, giao diện quản lý dịch vụ sẽ hiện ra như dưới đây.

Bước 3: Click chọn Quản lý dịch vụ > Hosting > Click chọn vào gói Hosting đã đăng ký > Auto login để đăng nhập vào cPanel.

Bước 4: Sau đó chúng ta sẽ được chuyển tới giao diện quản trị của cPanel dành cho hosting đã chọn.

Đăng nhập trực tiếp vào cPanel

Bước 1: Đăng nhập vào cPanel bằng cách truy cập đường dẫn sau:

https://domain_cua_ban:2083 hoặc https://IP:2083.

Trong đó, thay thế domain_cua_ban bằng domain của bạn (ví dụ: https://tenten.xyz:2083) hoặc thay IP bằng IP của server Hosting bạn nhận được trong email khi đăng ký dịch vụ (ví dụ: https://103.18.7.212:2083).

Bước 2: Sau khi đăng nhập thành công sẽ hiện ra giao diện cPanel để quản trị hosting của bạn.

Đến đây, bạn đã đăng nhập thành công vào cPanel và tiến hành quản trị dịch vụ Hosting của mình.

Bài viết Hướng dẫn đăng nhập cPanel nhanh chóng đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.

Trong bài viết này sẽ hướng dẫn các bạn cách lấy database của Website trên hosting cPanel với 2 cách khác nhau.

Cách 1: Tải xuống database từ tính năng Backup

Đây là cách đơn giản nhất chúng ta có thể lấy được database. Đầu tiên chúng ta sẽ truy cập vào tính năng Backup như hình sau.

Sau khi truy cập vào tính năng này thì ta sẽ thấy được khu vực Download a MySQL Database Backup như hình sau.

Ta chỉ cần nhấp vào tên database cần tải về thì tự đồng trình duyệt sẽ tải database ấy về máy cá nhân của mình

Cách 2: Xuất database từ phpMyAdmin

Ở cách này thì ta sẽ cần truy cập vào tính năng phpMyAdmin như hình bên dưới.

Tại giao diện phpMyAdmin, các bạn sẽ nhấp vào tên database cần tải xuống, và sau đó chọn Export

Sau khi chọn Export, chúng ta tiếp tục chon Go là database sẽ tự động được tải về.

Chúc các bạn thao tác thành công !

Bài viết Hướng dẫn lấy database của Website trên hosting cPanel đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.

Bài viết dưới đây sẽ chỉ cho cái bạn cách cài wordpress thủ công trên Cpanel.

Mở đầu

WordPress là 1 CMS được dùng nhiều trong các lĩnh vực CEO, bán hàng, tin tức,.. là hệ thống mã nguồn mở dùng để xuất bản Blog hoặc Website viết bằng ngôn ngữ lập trình PHP và cơ sở dữ liệu MySQL.

• Ưu điểm:

— Dễ sử dụng

— Cộng đồng WordPress đông đảo

— Nhiều plugin hỗ trợ trong WordPress

— Hỗ trợ nhiều ngôn ngữ

• Nhược điểm:

— Chỉ phù hợp với doanh nghiệp nhỏ, vừa.

— Cài đặt các plugin không đơn, nếu cài đặt không đúng có thể dẫn đến xung đột xảy ra khi sư dụng.

Hướng dẫn cài đặt

1. Truy cập Cpanel

2. Thao tác

Tại trang giao diện trên các bạn chọn mục Bộ Quản Lý Tệp để truy cập vào thư mục chứa đường dẫn code, sau đó truy cập vào trang chủ wordpress để tải phiên bản wordpress mới nhất Tại Đây.

Đây là thư mục chứa code website của bạn, và mình lấy ví dụ 1 website của mình.

Click vào mục Tải Lên và chọn bản wordpress mới tải về, giải nén thư mục, vào trong thư mục wordpress để di chuyển thư mục code ra bên ngoài thư mục tên miền.

Sau khi đã tải thư mục lên các bạn nhấn giải nén. Thư mục code wordpress nó sẽ nằm trong thư mục wordpress –> di chuyển ra 1 thư mục ngoài.

Và di chuyển ra ngoài thư mục tên miền trên.

Sửa đổi tên thư mục wp-config-sample.php thành wp-config.php để chắc chắn hơn các bạn copy thư mục và thay đổi tên để phòng trường hợp khi cấu hình sai.

Trên đây kết quả khi đã thao tác.

3. Cấu hình MySQL để kết nối với code website.

Quay về mục giao diện và trọn Cơ Sở Dữ Liệu MySQL . Mình sẽ tạo database với đuôi _th và username tương tự

Tiếp theo ở dưới mục Thêm Người Dùng Vào Cơ Sở Dữ Liệu các bạn chọn user database và database name để cho phép user và db này được kết nối với nhau.

Tích vào mục mọi quyền –> Tạo Thay Đổi

Tiếp theo kết nối Database với Code, quay trở về giao diện thư mục code Chọn file wp-config.php chuột phải chọn Edit.

Các bạn copy DB_NAME và DB_USER và DB_PASSWORD vừa tạo ở trong mục MySQL.

Sau khi đã copy thông tin xong, các bạn trỏ tên miền về hosting đã cấu hình .

Và dưới đây là kết quả khi truy cập trang web. Và các bạn nhấn Continue để cấu hình thông tin quản trị wordpress.

Hi vọng cách trên sẽ giúp các bạn có thể cài được wordpress cho website. Cảm ơn các bạn đã đọc bài viết này!

Bài viết Cài đặt wordpress thủ công trên Cpanel đã xuất hiện đầu tiên vào ngày Hướng dẫn TENTEN.