Knowledgebase

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.

   

   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.

   

   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.

   

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

   

   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

   

   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

   

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

   

   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

   

   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.

   

   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

   

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

   Chọn Modules → Install new modules

   

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

   

   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.

   

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

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

   

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

   

   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

   

   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

   

   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.

2. Bước 2: Trên cột công cụ bên trái, chọn GENERAL → Web → Unsecure

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 URL, Base 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

   

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

   Nhấn Save

   

   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

   

    

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

   

   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

   

   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

   

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

   

   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:

   

   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 

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

<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>