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

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

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

CDN ngày càng trở nên quan trọng đối với những ai làm Website, nhưng để chọn ra một nhà cung cấp CDN giá rẻ hoạt động ổn định không phải là điều dễ dàng. Hôm nay ad sẽ “hướng dẫn cài đặt BunnyCDN” – Một nhà cung cấp CDN giá rẻ chất lượng cao hoạt động mượt mà.

Hướng dẫn cài đặt BunnyCDN toàn tập

CDN là gì?

CDN viết tắt của Content Delivery Network là mạng lưới máy chủ lưu giữ bản sao của các nội dung tĩnh bên trong website và phân phối đến nhiều máy chủ PoP. Mạng lưới máy chủ CDN được đặt ở khắp mọi nơi trên toàn cầu. Từ PoP (Points of Presence), dữ liệu sẽ tiếp tục được gửi đến người dùng cuối. Thông qua CDN, bản sao nội dung trên máy chủ gần nhất sẽ được trả về cho người dùng khi họ truy cập website.

Tại sao chọn BunnyCDN?

Trong các nhà cung cấp CDN thì BunnyCDN là một dịch vụ CDN rất tốt với mức giá không thể rẻ hơn (chỉ từ $0.01/GB). Dịch vụ này trang bị sẵn cả plugin dành cho nền tảng WordPress (xem tại đây), sở hữu nhiều tính năng “hay ho” và cho phép khách hàng dùng thử miễn phí 14 ngày mà không cần phải add thẻ VISA/ Mastercard. BunnyCDN có PoP tại Singapore và Hong Kong nên tốc độ truy cập tại Việt Nam rất nhanh.

Chi phí thấp

BunnyCDN chỉ yêu cầu nạp vào 1 khoản tiền tối thiểu là 10$/năm. Số tiền này không phải là phí duy trì tài khoản, mà nó sẽ trừ vào lượng băng thông CDN sẽ sử dụng.

Và bạn sử dụng thêm bao nhiêu băng thông, thì sẽ tính phí bấy nhiêu. (Dùng mấy trả mấy đó).

Đây là một mức phí rất thấp, so với nhiều dịch vụ CDN khác: KeyCDN (40$), StackPath (75$), Cloudfront (85$), CDN77 (49$)…

Bảo vệ băng thông

BunnyCDN có hệ thống kiểm tra và giới hạn băng thông từ các nguồn truy cập không mong muốn, giúp bạn giảm đáng kể chi phí không cần thiết.

42 Datacenter

BunnyCDN có 42 Datacenter tại 05 châu lục, đặc biệt có cả Hong Kong, Singapore hoặc Tokyo nên tốc độ truy cập tại Việt Nam rất nhanh.

Miễn phí SSL

SSL miễn phí cho CDN với chỉ 1 Click 🙂

Và rất rất nhiều tính năng khác

Bạn có thể xem thêm toàn bộ tính năng của BunnyCDN tại đây

Hướng dẫn đăng ký BunnyCDN

BunnyCDN cho phép người dùng mới 14 ngày dùng thử miễn phí với 1000GB băng thông, đăng ký chỉ với 2 bước đơn giản, và không cần khai báo VISA hoặc Paypal.

1. Truy cập vào BunnyCDN.com và điền thông tin tài khoản

Email Address: Địa chỉ email của bạn

Password: Mật khẩu bạn muốn tạo cho tài khoản BunnyCDN

Đánh dấu vào I agree with the terms of services & acceptable use policty

Rồi bấm Create Account

Hướng dẫn đăng ký BunnyCDN

2. Xác nhận Email

Truy cập vào Email, bạn sẽ thấy có một email gửi từ BunnyCDN với tiêu đề là “Confirm your BunnyCDN account”

Confirm your BunnyCDN account

Mở email và bấm vào Confirm Account

kích hoạt tài khoản BunnyCDN

Email đã được xác minh. Bấm vào Go to dashboard để tới trang quản lý và bắt đầu cài đặt BunnyCDN

tiền hành cài đặt BunnyCDNCài đặt CDN BunnyCDN

1. Tạo Pull Zone

Bấm vào ADD PULL ZONE

tạo Pull Zone trong cdn BunnyCDN

Điền tên Pull ZoneTên miền của website cần cài đặt CDN.

Ví dụ:

  • Pull Zone Name: cdnwebchuyennghiep247
  • Tên miền cài CDN (Origin URL): https://webchuyennghiep247.com

Pricing Zones là giá băng thông theo từng khu vực. Nếu truy cập vào website của bạn không đến từ Châu Lục nào, hãy bỏ đánh dấu châu lục đó.

Sau đó bấm ADD PULL ZONE

Và tên miền CDN của bạn sẽ có dạng cdnwebchuyennghiep247.net

2. Cài đặt BunnyCDN – WordPress CDN Plugin

Truy cập vào trang quản lý WordPress của website bạn. Tìm tới Plugin > Cài mới > gõ bunnycdn > Cài đặt

cài đặt plugin BunnyCDN

Kích hoạt

Tiếp theo bấm vào BunnyCDN

tiến hành cấu hình BunnyCDN

Điền Pull Zone Name đã tạo ở Bước 2 > Bấm Enable BunnyCDN

cầu hình plugin BunnyCDN

3. Kiểm tra hoạt động

Tùy từng website, mà bạn sẽ chờ BunnyCDN tải dữ liệu về cdnwebchuyennghiep247.b-cdn.net

Để kiểm tra dữ liệu đã được tải về hoàn tất chưa. Hãy mở trang chủ website, bấm tổ hợp phím Ctrl + U

Và xem thử đã có đường dẫn CDN trong mã nguồn chưa! Nếu có, may quá, dữ liệu đã được chuyển qua máy chủ CDN rồi. Nếu chưa có, hãy chờ đợi.

kiểm tra hoạt động BunnyCDN

4. Đổi tên miền CDN

Mặc định tên miền CDN trong mã nguồn sẽ có dạng XXX.b-cdn.net, như ở đây là cdnwebchuyennghiep247.b-cdn.net

Nhưng nếu chúng ta cần đổi nó theo tên miền, ví dụ: cdn.domain.com thì sao?

Hãy truy cập vào Pull Zones > Bấm vào Pull Zones Name bạn vừa tạo

Đổi tên miền CDN

Điền tên miền CDN muốn tạo, rồi bấm ADD như hình dưới.

thiết lập tên máy chủ CDN tùy chỉnh

5. Trỏ tên miền

Tiếp theo bạn cần tạo một bản ghi Record CNAME, để trỏ tên miền CDN vừa tạo, về tên miền CDN mặc định của BunnyCDN, như ở hình ví dụ là cdnwebchuyennghiep247.b-cdn.net

tạo một bản ghi Record CNAME

Ở đây mình sử dụng Pavietnam, nên sẽ tạo một Record CNAME với thông số là:

  • Hostname: cdn
  • Loại: CNAME
  • Địa chỉ: cdnwebchuyennghiep247.b-cdn.net
  • TTL: để 360 hoặc để mặc định

đổi tên miền CDN

6. Bật SSL cho tên miền CDN

Tiếp theo bạn cần bật SSL cho tên miền CDN vừa tạo, nếu không sẽ gặp lỗi địa chỉ trên trình duyệt hiện màu xám hoặc đỏ.

Bấm vào Enable tại mục SSL của tên miền CDN bạn vừa tạo. Rồi chờ thôi.

Lưu ý: là bạn phải chờ tên miền ở trên trỏ và về xong xuôi, thì mới Enable SSL nhé

Bật SSL cho tên miền CDN

Bấm vào Get a free certificate

Get a free certificate bunnycdn

Bấm tiếp Continue

bật ssl free cho tên miền CDN

Bấm OK

Cách thiết lập SSL cho tên miền tùy chỉnh của bạn

Xong

thiết lập SSL cho tên miền tùy chỉnh của bạn

7. Đổi tất cả link CDN sang tên miền tùy chỉnh

Bạn truy cập lại plugin BunnyCDN để cấu hình CDN Domain Name sang cdn.webchuyennghiep247.com, API Key và nên tắt CDN cho admin để tiết kiệm

cấu hình plugin bunnycdn

Cấu hình WP Rocket với BunnyCDN

Nếu bạn đã cài đặt WP Rocket, bạn cần phải cấu hình nó để hoạt động với BunnyCDN và trang web của bạn.

Để tiến hành bạn click WP Rocket  > Settings > CDN 

Cấu hình WP Rocket với BunnyCDN

Phần CDN CNAME(s) bạn nhập Tên miền CDN tùy chỉnh của bạn (bao gồm cả https) > Sau đó Lưu lại là xong.

Kiểm tra Tích hợp CDN WP Rocket của bạn

Nếu bạn mở trang web của mình trong cửa sổ Duyệt web ẩn danh / riêng tư và sau đó mở phần Sources của Chế độ nhà phát triển, bạn sẽ thấy rằng trang web của mình hiện đang cung cấp nội dung qua CDN:

Kiểm tra Tích hợp CDN WP Rocket của bạn

Điều này chứng tỏ rằng CDN đang hoạt động và plugin được định cấu hình chính xác. Bây giờ bạn sẽ nhận thấy rằng trang web của bạn tải nhanh hơn rất nhiều, cũng như tiết kiệm rất nhiều băng thông trên máy chủ gốc của bạn.

Kiểm tra trang web của bạn đã cấu hình CDN BunnyCDN đúng hay chưa ? 

Cách 1:  Kiểm tra Network mã nguồn website

Bạn mở trang web của mình trong trình duyệt web và nhấn Ctrl + Shift + I trên bàn phím. Điều này sẽ mở ra các công cụ dành cho nhà phát triển.

Bạn chọn Tab Network (1) , sau đó nhấp vào Img (2) và làm mới trang web của bạn.

kiểm tra mã nguồn website với BunnyCDN

cdn.webchuyennghiep247.com, điều này có nghĩa là trang web được tích hợp thành công với BunnyCDN và cung cấp dữ liệu từ đó.

Tương tự bạn kiểm tra các tệp CSS. và các tệp JavaScript cũng sẽ thấy.

Cách 2: Kiểm tra trang thống kê BunnyCDN (Statistics)

Bạn mở trang thống kê trong bảng điều khiển BunnyCDN của bạn. Nếu bạn thấy lưu lượng truy cập (traffic) và yêu cầu (requests) ở đó,  cho thấy BunnyCDN đang cung cấp lưu lượng truy cập cho trang web của bạn.

Kiểm tra trang thống kê BunnyCDN

Lưu ý: Bạn cần để ý tỷ lệ truy cập bộ nhớ cache (Cache HIT Rate). Khi bạn vừa mới thêm trang web của mình,tỷ lệ này có thể thấp, nhưng nếu trang web của bạn có lượng truy cập tốt mà tỷ lệ này vẫn thấp, chẳng hạn như dưới 50% thì có thể bạn đã cấu hình sai chỗ nào đó.

>> Bạn nên xem bài viết này để khắc phục sự cố tỷ lệ truy cập bộ nhớ cache của chúng tôi.

Cách 3:  Kiểm tra trang web bằng các trang công cụ kiểm tra hiệu suất

Bạn có thể sử dụng các trang kiểm tra hiệu suất sau để biết được website của bạn để sử dụng CDN chính xác chưa, bạn sẽ nhận được điểm hiệu suất, danh sách các đề xuất để cải thiện và tiến trình chi tiết về các yêu cầu được cung cấp, nơi bạn có thể xem điều gì đang thực sự làm chậm trang web của mình.

https://tools.pingdom.com/

https://gtmetrix.com/

https://www.webpagetest.org/

kiểm tra hiệu suất trang web sử dụng bunnycdnkiểm tra hiệu suất trang website sử dụng bunnycdn

Sau khi xác minh rằng mọi thứ đã được cài đặt chính xác, bạn có thể cảm thấy thú vị khi thấy trang web của mình hoạt động nhanh như thế nào và để cải thiện hơn nữa hiệu suất của bạn.

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

Share this post

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

If you agree to these terms, please click here.


error: Alert: Content is protected !!