{"id":2970,"date":"2023-11-09T20:02:20","date_gmt":"2023-11-09T13:02:20","guid":{"rendered":"https:\/\/dev.artru.net\/?p=2970"},"modified":"2024-10-05T11:45:56","modified_gmt":"2024-10-05T04:45:56","slug":"cung-cap-noi-dung-tinh-thong-qua-subdomain","status":"publish","type":"post","link":"https:\/\/artru.net\/en\/cung-cap-noi-dung-tinh-thong-qua-subdomain\/","title":{"rendered":"Provide static content through Subdomain"},"content":{"rendered":"

Continue the website optimization program. In my previous article, I have instructions on how to do it Combine Subdomain and Cloudflare as a free image CDN<\/a>.<\/p>\n\n\n\n

With this new method, it will be simpler. Providing static content through Subdomain does not require using additional hosting to store images.<\/p>\n\n\n\n

Create Subdomain<\/h2>\n\n\n\n

How to create a Subdomain is also quite simple, you just need to pay attention to the step of pointing the subdomain same directory<\/strong> with the main website.<\/p>\n\n\n\n

Example of creating a subdomain in cPanel.<\/p>\n\n\n\n

    \n
  1. Log in to cPanel and navigate to the section Domains<\/strong> \u2192 choose Create A New Domain<\/strong>.<\/li>\n\n\n\n
  2. Enter the subdomain. For example cdn.example.com<\/code>.<\/li>\n\n\n\n
  3. Check the box Share document root (\/home\/username\/public_html) with \"example.com\"<\/code> so that the subdomain can use the source of the main domain.<\/li>\n\n\n\n
  4. Press the button Submit<\/strong>.<\/li>\n<\/ol>\n\n\n
    \n
    \"Create
    Create subdomain in cPanel<\/figcaption><\/figure>\n<\/div>\n\n\n

    NOTE:<\/strong> It is required to point the subdomain to the root directory of the main domain. Each management panel will have a different setup. Example of Domain Pointers Alias in DirecAdmin. <\/p>\n\n\n\n

    Add CORS header<\/h2>\n\n\n\n

    Most popular browsers will ask you to set it up CORS header<\/a> for your domain.<\/p>\n\n\n\n

    You can set CORS to file .htaccess<\/code>:<\/p>\n\n\n\n

    <IfModule mod_headers.c>\n    Header set Access-Control-Allow-Origin \"*\"\n<\/IfModule><\/code><\/pre>\n\n\n\n
    Replace URLs<\/h2>\n\n\n\n
    This step simply rewrites the main domain name into a subdomain before serving it to users, so it will not affect the database. When you turn off the Plugin, the URL will return to the same.<\/p>\n\n\n\n
    There are many plugins that support this such as CDN Enabler, Litespeed Cache,...<\/p>\n\n\n\n
    If you use the CDN Enabler plugin you must press a button Save Changes<\/code> instead of Save Changes and Validate Configuration<\/s><\/code> then it saves the CDN configuration.<\/p>\n\n\n
    \n
    \"CDN
    CDN Enabler Settings<\/figcaption><\/figure>\n<\/div>\n\n\n
    The setup in Litespeed Cache is similar to CDN Enabler but it has deeper options. You can configure different subdomains to serve different content.<\/p>\n\n\n\n
    For example:<\/p>\n\n\n\n