4-Tich hop CDN su dung cho website

Hướng dẫn tích hợp CDN VietNamHost vào các loại mã nguồn website để sử dụng.

  1. Tích hợp WordPress sử dụng CDN
    Bước 1
    : Cài đặt plugin W3 Total Cache

    Đăng nhập vào trang quản trị WordPress Chọn Plugins → chọn Add New → Gõ W3 Total Cache trong ô tìm kiếm, khi có kết quả hiện ra nhấn vào Install Now. Sau khi cài đặt xong, click vào Active để plugin hoạt động.

    wp1

    Bước 2: Cấu hình plugin W3 Total Cache

    Chọn Performance → General Settings → Click vào mục CDN ở màn hình chính bên phải.

    wp2

    Sau khi mục cấu hình CDN hiện ra, tích chọn vào ô Enable và chọn kiẻu Generic Mirror ở CDN Type rồi nhấn vào Save all settings để lưu cấu hình. Lúc này sẽ xuất hiện hộp thoại cảnh báo A configuration issue prevents CDN from working. The “Replace default hostname with” field cannot be empty. Specify it here là do hostname chưa được cấu hình vào plugin.

    wp3

    Chọn Modify attachment URLs, điền domain website rồi nhấn Start

    wp4

    Bước 3: Cấu hình CDN

    Chọn Performance → CDN, Trong phần Configuration điền domain cdn được cấp vào ô Replace site’s hostname with

    wp5

    Sau đó kiểm tra kết quả bằng cách nhấn vào nút Test Mirror

    Sử dụng plugin WP Super Cache

    Bước 1: Cài đặt plugin WP Super Cache

    • Đăng nhập vào trang quản trị WordPress
    • Chọn “Plugins” → chọn “Add New
    • Gõ WP Super Cache trong ô tìm kiếm, khi có kết quả hiện ra chọn plugin WP Super Cache ByAutomattic (http://automattic.com/)
    • Nhấn vào Install Now.
    • Sau khi cài đặt xong, click vào Active để plugin hoạt động.

    Bước 2: Cấu hình plugin WP Super Cache

    Chọn Settings → WP Super Cache

    wp6

    Trong tab “Easy” nhấn chọn “Caching On” và click “Update Status

    wp7

    Tiếp theo chuyển sang tab “Advanced” và chọn những lựa chọn phù hợp với blog của bạn. Tích chọn vào những ô dưới đây:

    • Caching:
      • Cache hits to this website for quick access. (Recommended)
      • Use mod_rewrite to serve cache files. (Recommended)
    • Miscellaneous:
      • Compress pages so they’re served more quickly to visitors. (Recommended)
      • Don’t cache pages for known users. (Recommended)
      • Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated. (Recommended)

    Sau đó nhấn “Update Status

    Nếu bạn nhận được thông báo yêu cầu “Update Mod_Rewrite Rules” thì bạn kéo xuống và click vào nút Update Mod_Rewrite Rules

    wp8

    Tiếp theo chuyển sang tab “CDN” → Chọn “Enable CDN Support

    Trong ô “Off-site URL” và “Additional CNAMES” bạn nhập vào đường dẫn cdn được cấp.

    wp9

    Nhấn chọn ô “Skip https URLs to avoid “mixed content” errors” và nhấn “Save Changes.” để lưu lại các cài đặt

  2. Chọn tab Contents và nhấp vào Delete cache để đảm bảo cập nhật mới.
  1. Bước 1: Cài đặt module Drupal CDN

    Truy cập https://www.drupal.org/project/cdn, chuyên tới mục Downloads, chọn phiên bản module CDN phù hợp, nhấp chuột phải chọn Copy Link Address

    1

    Đăng nhập vào trang quản trị Drupal

    Chọn Modules → Install new modules

    2

    Dán đường link vừa copy vào ô Install from a URL rồi nhấn Install

    3

    Sau khi quá trình cài đặt kết thúc, vào lại Modules, xuống mục Performance and Scalability và tích chọn Enable CDN rồi nhấn Save configuration.

    4

    Bước 3: Cấu hình

    Chọn mục Configure vừa xuất hiện trong ô CDN

    5

    Tại tab General chọn Enable trong mục Status

    6

    Chuyển sang tab Details chọn Origin Pull trong Mode rồi điền domain website chạy CDN vào CDN mapping

    Cuối cùng chọn Save configuration.

    Nếu hộp thoại cảnh báo xuất hiện, chọn Aggregate and compress CSS files

    8

    Sau đó vào mục Bandwidth Optimization, tích chọn vào 2 ô Aggregate and compress CSS files vàAggregate JavaScript files rồi nhấn Save configuration

    9

    Dành cho Joomla
  1. Tích hợp Joomla sử dụng CDN
  2. Tải phiên bản mới nhất cho Joomla CDN plugin tại đây.
  3. Đăng nhập vào Joomla Admin Panel.
  4. Di chuyển đến Extensions > Install/Uninstall.
  5. Tải file plugin lên thông qua Browse.
  6. Duy chuyển đến Extensions > Plugin Manager.
  7. Chọn System - CDN plugin for Joomla!.
  8. Chọn Enable plugin và nhập đường dẫn CDN URL vào CDN URL Domain.
  1. Tích hợp Magento sử dụng CDN
  2. Bước 1: Đăng nhập vào Magento Admin Panel. Trên thanh công cụ nằm ngang, chọn System → Configuration.

  1. Bước 2: Trên cột công cụ bên trái, chọn GENERALWebUnsecure


Trong mục Unsecure, điền thông tin domain CDN được cấp thay thế cho giá trị {{unsecure_base_url}}trong các ô Base Skin URLBase Media URL, và Base JavaScript URL.



Cuối cùng nhấn Save Config.

Bước 3: Kiểm tra CDN hoạt động

  1. Tích hợp Prestashop sử dụng CDN
    Bước 1
    : Cấu hình CDN

    Truy cập trang quản trị PrestaShop

    Trên cột công cụ bên trái, chọn ADVANCED PARAMETERS → Performance

    1

    Cuộn chuột xuống mục CCC (COMBINE, COMPRESS AND CACHE), chọn YES tại các ô Smart cache for CSSSmart cache for JavaScriptMinify HTML và Compress inline JavaScript in HTML

    Nhấn Save

    2

    Tiếp tục cuộn chuột xuống mục MEDIA SERVER, điền domain CDN được cấp vào ô Media server #1 rồi nhấn Save

    3

     
  1. Tích hợp OpenCart sử dụng CDN
    Bước 1
    : Cài đặt Plugin CDN

    Download plugin CDN GoTechy cho OpenCart tại đây.

    Sau khi giải nén file trên, upload 2 thư mục admin và vqmod lên thư mục gốc của website.

    Truy cập trang quản trị OpenCart

    Trên thanh công cụ nằm ngang, chọn Extensions → Modules

    op1

    Khi màn hình liệt kê các module xuất hiện, đến dòng GoTechy CDN rồi nhấn Install

    Bước 2: Cấu hình CDN

    Cũng tại chính dòng GoTechy CDN trên, tiếp tục nhấn vào Edit

    op3

    Chọn Enabled tại ô Status, điền thông tin domain được cấp tại CDN Domain URL, tích chọn vào các ô còn lại rồi nhấn Save

    op4

  1. Tích hợp Xenforo sử dụng CDN
    Bước 1: 
    Thêm 2 dòng sau vào filelibrary/config.php:

    $config ['externalDataUrl'] = 'http://cdn.yourxenforo.com/data';
    $config ['javaScriptUrl'] = 'http://cdn.yourxenforo.com/js';
    

    Bước 2: Login vào trang admin của XenForo

    xenforo-1

    Chuyển đến phần Settings của style bạn đang dùng. Ví dụ: Appearance > Styles > Default Style > Style Property Groups

    Trong ô Path to images:

    xenforo-2

    Thêm http://cdn.yourxenforo.com vào trước đoạn text hiện tại:

    http://cdn.yourxenforo.com/styles/default
    

    Nhấn Update Style Properties 

Tích hợp cho webste tự viết để tách link static ra riêng dùng sử dụng CDN
Tạo htaccess với đoạn code bên dưới

RewriteEngine On
RewriteCond %{HTTP:Via} !\.yourdomain\.com
RewriteCond %{HTTP_HOST} !cdn.yourdomain.com
RewriteCond %{HTTP_HOST} yourwebsite.com [NC]
RewriteCond $1 !^.swf$ [NC]
RewriteCond $1 "\.(jpe?g|gif|bmp|png|ico|pdf|docx?|xlsx?|pptx?|rar|zip|tar|gz|tgz|bz2|flv|avi|mov|wmv|mp3|wav|xml|txt|woff|woff2)$" [NC]
RewriteRule ^(.*) http://cdn.yourdomain.com/$1 [R,L]
Tích hợp cho webste tự viết đã có link static riêng dùng sử dụng CDN
Vd website đã đang sử dụng static.domain.com là link riêng để tải image,js,css...
Bước 1: đăng kí CDN VietNamHost
Bước 2: khai báo trên CDN ADMIN: Cdn Name là static.domain.com.
            chọn 1 url để làm CDN Origins. vd: staticsrc.domain.com
Bước 3: thêm staticsrc.domain.com vào Host đang chạy web theo dạng Domain Alias (Hosting) / ServerAlias (Apache) / server_name(nginx).
Bước 4: cập nhật DNS của static.domain.com sang CDN. Bắt đầu sử dụng CDN.
Tích hợp vào IIS để sử dụng CDN

Bạn có thể cấu hình URL rewrite trong Web.config trong phần rewrite. Cấu trúc chính bao gồm các inbound rule và outbound rule.


<rewrite>

<rules>
<!-- inbound rules -->
</rules>
<outboundRules rewriteBeforeCache="true">
<!-- outbound rules -->
</outboundRules>
</rewrite>


Khi muốn sửa đổi URL, bạn nên thay đổi trong phần outbound rule.
Ví dụ sử dụng CDN chỉ cho images và JavaScript


<rule name="CDN-01-jpg" preCondition="CheckHTML" stopProcessing="true">

<match
filterByTags="Img"
pattern="(^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*\.(jpg|jpeg|png).*)" />
<action type="Rewrite" value="https://cdn.domain.com{R:1}" />
</rule>
<rule name="CDN-01-js" preCondition="CheckHTML" stopProcessing="true">
<match
filterByTags="Script"
pattern="(^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*\.(js).*)" />
<action type="Rewrite" value="https://cdn.domain.com{R:1}" />
</rule>
<rule name="CDN-01-custom-img" preCondition="CheckHTML" stopProcessing="true">
<match
filterByTags="None"
pattern="&lt;img ([^>]*)data-src=&quot;(.*?)&quot;([^>]*)>" />
<action
type="Rewrite"
value="&lt;img {R:1}data-src=&quot;https://mycdn.azureedge.net{R:2}&quot;{R:3}>" />
</rule>
<preConditions>
<preCondition name="CheckHTML">
<add input="{RESPONSE_CONTENT_TYPE}" pattern="^text/html" />
</preCondition>

  • 4 Users Found This Useful
Was this answer helpful?

Related Articles

2-Cau hinh dich vu CDN chi voi 3 buoc cuc nhanh

Hướng dẫn cấu hình CDN để sử dụng ngay sau 3 bước (1 phút)- Bước 1: Login vào CDN ADMIN - Bước...

1-Dang ki dich vu CDN mien phi

Đăng kí dịch vụ CDN miễn phí tại VietNamHost: Bước 1: Đăng ký tài khoản miễn phí và đăng nhập...

3-Cau hinh DNS de su dung CDN

cấu hình DNS để website chuẩn bị dùng CDN. Vd thiết lập DNS cho cdn.domain.comTạo 1 record CNAME...