ផ្នែកទី 3៖ បង្កើតគេហទំព័រ eCommerce ដោយប្រើ PrestaShop Framework

Build an ecommerce site using PrestaShop framework

Dear my friend who doesn’t want their website to have SSL Certificates, right? Therefore, in this tutorial, 1Byte នឹងណែនាំអ្នកឱ្យដំឡើងវិញ្ញាបនបត្រ SSL ដោយឥតគិតថ្លៃនៅលើគេហទំព័ររបស់អ្នក។ 

នេះជាផែនទីផ្លូវរបស់អ្នក៖

  • ជំហាន 1: Install the PrestaShop framework, and necessary packages, and set up customizations on the BackEnd side of the Server. You’ve done this in ជាផ្នែកមួយ 1
  • ជំហាន 2: Based on the components in step 1, install PrestaShop site through your browser. You’ve done this in ជាផ្នែកមួយ 2
  • ជំហាន 3: ដំឡើង វិញ្ញាបនប័ត្រ SSL នៅលើគេហទំព័ររបស់អ្នក. អ្នកនៅទីនេះ វគ្គ៣!!!
  • ជំហាន 4: ប្ដូរចំណុចប្រទាក់តាមបំណង និងគ្រប់គ្រង PrestaShop តាមការចូលចិត្តរបស់អ្នក ^^

តម្រូវការជាមុន

To be able to finish ជំហានទី 3អ្នកត្រូវអាន និងបញ្ចប់នូវចំណុចនេះទាំងពីរ ជាផ្នែកមួយ 1 និង ជាផ្នែកមួយ 2. នេះជាកត្តាចាំបាច់ ហើយអ្នកត្រូវតែមានសមាសធាតុដូចខាងក្រោមៈ

1) ឈ្មោះដែន

2) Cloud Hosting or Cloud Server

3) PrestaShop framework ត្រូវបានដំឡើងរួចហើយទាំងនៅលើ Server & browser របស់អ្នក។

៤) មានស្មារតីចង់រៀនអ្វីថ្មីៗ

តោះ​ធ្វើ​វា

ជំហានទី 1: ចូលទៅក្នុង Server របស់អ្នកតាមរយៈ terminal

ssh root@<your-server-IP>
ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
Remember to change your IP Server

ជំហានទី 2៖ កំណត់រចនាសម្ព័ន្ធ firewall-cmd ដើម្បីទទួលយកសេវា https

sudo firewall-cmd --zone=public --permanent --add-service=https
sudo firewall-cmd --reload
sudo firewall-cmd --list-services
ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
Successfully added https service

Step 3: Install the Certbot Let’s Encrypt

sudo yum install epel-release -y
sudo yum install certbot python2-certbot-apache mod_ssl -y

Step 4: Point your domain to this Cloud Server/ Cloud Hosting

កត់ចំណាំ:

អ្នក​ត្រូវ​មាន​ ដែន ឈ្មោះ។ នេះគឺជាកំហិត។ If you don’t have a domain name, you can’t continue this tutorial 😂. We would really appreciate it if you purchased on 1Byte’s Website

Do you know what your server’s IP address is? This is also a must, and there are several methods to figure out:

  • វិធីសាស្រ្ត 1: អ្នកអាចពិនិត្យមើលអ៊ីមែលរបស់អ្នកដើម្បីទទួលបានព័ត៌មាននេះ។
  • វិធីសាស្រ្ត 2: អ្នកអាចចូលទៅកាន់ User Dashboard ជ្រើសរើសផ្នែក Cloud Server ឬ Cloud Hosting ហើយទទួលបាន IP របស់វា។
  • វិធីសាស្រ្ត 3: ពិនិត្យដោយផ្ទាល់នៅលើស្ថានីយជាមួយ ifconfig ពាក្យបញ្ជា

ចុងបញ្ចប់នៃការកត់សម្គាល់៖

Ok, back to the main point. Here, I will guide you to point your domain to Cloud Server/Cloud Hosting on 1Byte platform + If you use a 3rd party domain, you have to do it yourself because each provider will have a different way of pointing, and managing domains 1Byte លើកទឹកចិត្តអ្នកឱ្យទិញដែនរបស់យើង។ ហេតុអ្វី? ដោយសារតែធ្វើតាមការណែនាំជាជំហាន ៗ ធានាថាជោគជ័យ 100% ។ 

4.1 – Login into your User Dashboard, navigate to the Domain section, and choose the domain that you want to use

1byte demo image
Here, 1Byte will use domain hobbykh.fun to do the demo

 4.2 – Navigate to DNS Management and do as shown below

Part 3: Build an ecommerce site using PrestaShop framework 7
Here the IP address of Cloud Hosting/Cloud Server is 112.109.90.106. Please replace your IP address instead. And finally, don’t forget to click Save

កត់ចំណាំ:

  • If your domain is completely new → ដំណើរការនេះចំណាយពេលត្រឹមតែ 5-15 នាទីប៉ុណ្ណោះ។
  • If your previous domain has been used, and now you transfer this domain to a new host

→ This process may take up to 30 minutes. Depends on what was the previous TTL value you used
ចុងបញ្ចប់នៃការកត់សម្គាល់

4.3 – Verify wheter your domain has received the server’s IP address or not?

#Using ping command to verify
ping hobbykh.fun -c4
ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
As you can see, the domain hobbykh.fun has pointed to the IP address 112.109.90.106

Step 5: Generate the cert key & install the Let’s Encrypt SSL Certificate

Back to your terminal, and type the command followings:

#Remember to change your domain name in here
sudo certbot --apache -d hobbykh.fun -d www.hobbykh.fun

The program will present you with a step-by-step guide to customize your certificate options. It will ask you to provide an email address for lost key recovery and notices, and then prompt you to agree to the terms of service.

If you did not specify your domains on the command line, you will be prompted for that as well.

If your Virtual Host, which we already done in ជាផ្នែកមួយ 1 files does not specify the domain they serve explicitly using the ServerName directive, you will be asked to choose the virtual host file. In most cases, the default ssl.conf file will work.

You will also be able to choose between enabling both http and https access or forcing all requests to redirect to https. For better security, it is recommended to choose the ជម្រើសទី 2: ប្តូរទិស ប្រសិនបើអ្នកមិនមានតម្រូវការពិសេសណាមួយដើម្បីអនុញ្ញាតឱ្យការតភ្ជាប់ដែលមិនបានអ៊ិនគ្រីប។ ជ្រើសរើសជម្រើសរបស់អ្នក បន្ទាប់មកចុច ENTER.

Please choose whether or not to redirect HTTP traffic to HTTPS, removing HTTP access.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
1: No redirect - Make no further changes to the webserver configuration.
2: Redirect - Make all requests redirect to secure HTTPS access. Choose this for
new sites, or if you're confident your site works on HTTPS. You can undo this
change by editing your web server's configuration.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Select the appropriate number [1-2] then [enter] (press 'c' to cancel):2
(This is the case that your domain has not been used before)

កត់ចំណាំ:

ក្នុង​ករណី​ពិសេស ដែនរបស់អ្នកត្រូវបានប្រើប្រាស់សម្រាប់គេហទំព័រជាក់លាក់មួយ ហើយបានដំឡើងវិញ្ញាបនបត្រ SSL។ បន្ទាប់មក Output ពី terminal នឹងមើលទៅដូចនេះ

(Because this domain hobbykh.fun has been used before, so I will choose option 1)
(If you receive a message like the image above, this means you have already installed an SSL Certificate on your website)

Step 6: Navigate to your website and check again


(អូ… គេហទំព័ររបស់យើងមិនទាន់មានការធានាសុវត្ថិភាពទេ @@! មានអ្វីខុស???) ការពន្យល់៖+ តោះ Encrypt មិត្តសម្លាញ់ ។​ ដំបូងដំឡើងវិញ្ញាបនបត្រ SSL នៅលើគេហទំព័ររបស់យើងដោយជោគជ័យ.
ប្រសិនបើអ្នកនឹកឃើញពី ជាផ្នែកមួយ 2យើងបានប្រាប់ PrestaShop ថាកុំបង្ខំឱ្យប្រើវិញ្ញាបនបត្រ SSL ដោយប្រញាប់ ព្រោះយើងចង់ភ្ជាប់ទៅ PrestaShop insecurely (http) first, then install the SSL certificate afterwards.+ Now we just need to go back to the Admin Dashboard, and configure PrestaShop to use SSL certificate

ជំហានទី 7៖ កំណត់រចនាសម្ព័ន្ធ PrestaShop ដើម្បីប្រើតែ https (ពិធីការដែលមានសុវត្ថិភាព)

(អ្នកនៅចាំវិធីភ្ជាប់ទៅ Admin Dashboard មែនទេ? ក្នុងករណីរបស់ខ្ញុំ ខ្ញុំនឹងទៅកាន់ “secret_page” ប្រើលិខិតសម្គាល់របស់ខ្ញុំដើម្បីចូល)

 

បន្ទាប់ពីចូលទៅ PrestaShop ដែលជាអ្នកគ្រប់គ្រង, នៅលើម៉ឺនុយរបារចំហៀងខាងឆ្វេង, ក្នុង Configure sectionជ្រើសរើស ជម្រើសទូទៅ 

ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
As you can see, PrestaShop has not yet enabled SSL, which is why Let’s Encrypt installed successfully, but when we access the website, the browser reports an Insecure Connection

បច្ចុប្បន្ន PrestaShop មិនបានបើក SSL ទេ ដូច្នេះនៅពេលអ្នកចុចលើតំណខាងលើ កម្មវិធីរុករករបស់អ្នកនឹងព្រមានអ្នក។ គ្រាន់តែចុច កម្រិតខ្ពស់… បន្ទាប់មក Accept The Risk

នៅចំណុចនេះ អ្នកនឹងត្រូវបានបញ្ជូនបន្តទៅកាន់ទំព័រ PrestaShop មួយផ្សេងទៀត។ គ្រាន់តែចុចលើ “I understand the riskប៊ូតុង” ។


ហើយឥឡូវនេះអ្នកគ្រាន់តែត្រូវការ ប្តូរទៅ YES at រួចបើកផ្នែក SSL

បន្ទាប់មករមៀលទៅបាតនៃទំព័រនេះ រួចចុច Save

កុំរង់ចាំដើម្បីអបអរ យើងនៅតែត្រូវកំណត់រចនាសម្ព័ន្ធធាតុ 1 បន្ថែមទៀត

ដូច​គ្នា​នឹង​ខាង​លើ​ដែរ ប៉ុន្តែ​ឥឡូវ​នេះ​ជ្រើស​រើស “Traffic & SEO” ជំរើស

រុករកទៅ“Set Shop URL"

ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
តាមលំនាំដើម PrestaShop ប្រើតែអាសយដ្ឋាន IP ប៉ុណ្ណោះ។
ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
Therefore, we need to change these IP Address to our domain-name. Remember to click “Save”

កត់ចំណាំ:

កុំដាក់ https:// or https://www.

Step 8: Let’s connect to our website again

ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
Hehe here it is, finally our website has a padlock icon, our website has used https protocol – secured

អ្នកអាចទៅ Digicert, អ្នកទិញ SSLឬគេហទំព័រណាមួយដែលអ្នកដឹងដើម្បីពិនិត្យមើល។ គ្រាន់តែវាយបញ្ចូលដែនរបស់អ្នក ហើយរីករាយនឹងលទ្ធផល

ផ្នែកទី 3៖ បង្កើតគេហទំព័រអេឡិចត្រូនិកដោយប្រើក្របខ័ណ្ឌ PrestaShop
នេះគឺជាលទ្ធផលនៃ SSL Shopper

សន្និដ្ឋាន

To everyone who has come to this point in the roadmap, I say, well done. Set up an SSL Certificate for your website now that PrestaShop is up and running. After that, all that’s left is to polish your website, add your products for sale, tweak your prices, and so on. 1Byte cannot assist you with this; it is your responsibility to do it on your own. Each person’s business concept, product, pricing point, and management style will be distinct from the others. Let 1Byte wish you well on your business and thank you to those of you who have used 1Byte’s services.