Giới thiệu về 000webhost
000webhost.com là một nhà cung cấp dịch vụ hosting nổi bật, cho phép người dùng đăng ký tài khoản miễn phí với gói dịch vụ hỗ trợ 1GB lưu trữ và 10GB băng thông Người dùng có thể cài đặt tên miền riêng mà không gặp phải quảng cáo, đồng thời được hỗ trợ PHP và MySQL.
Tên miền mặc định có định dạng Subdomain.000webhostapp.com, trong đó Subdomain do người dùng tự chọn, còn phần còn lại là tên miền của nhà cung cấp Nếu bạn đã sở hữu một tên miền riêng, có thể trỏ nó về host của mình; nếu không, tên miền mặc định sẽ được sử dụng để truy cập vào website của bạn.
2.2 Đăng kí host và tên miền miễn phí
Truy cập vào địa chỉ : https://vn.000webhost.com/ bấm chọn nút đăng kí ở ngay trang chủ
Hình 2.1 Trang chủ tiếng việt 000webhost.com
Tại giao diện đăng ký, người dùng có thể lựa chọn phương thức để tạo tài khoản miễn phí Trong trường hợp này, tôi sẽ đăng ký một tên miền miễn phí với địa chỉ: http://tranvandungct1701.000webhostapp.com.
Hình 2.2 Giao diện đăng kí 000webhost
Lựa chọn một tên cho website của chúng ta, và đặt mật khẩu cho tài khoản:
Hình 2.3 Giao diện tạo website của 000webhost.com
Sau khi hoàn tất quá trình tạo website, bạn có thể truy cập vào địa chỉ của website và chọn mục quản lý để vào trang quản trị Tại đây, bạn có thể bắt đầu tải lên mã nguồn của website và khởi tạo cơ sở dữ liệu.
Dưới đây là phần địa chỉ sẽ sử dụng để cài đặt Alegrocart chạy website trên internet: http://tranvandungct1701.000webhostapp.com
Hình 2.4 Giao diện sau khi khởi tạo website thành công
Hình 2.5 Trang quản trị website của chúng ta
The management page for the newly created domain is illustrated in images 2.4 and 2.5 Here, users can manage various aspects including source files, databases, and the domain name of the website.
2.3 Upload file và cài đặt alegrocart trên hosting
Có nhiều phương pháp để tải tệp lên hosting, bao gồm việc nén tệp với định dạng zip hoặc sử dụng phần mềm như FileZilla và SmartFTP để thực hiện việc upload qua giao thức FTP của hosting.
Tải lên tệp nén của Alegrocart và giải nén trong thư mục public_html Sau đó, di chuyển các thành phần từ thư mục upload ra ngoài thư mục public_html và xóa các thành phần không cần thiết.
Hình 2.6 upload file nén Alertgrocart lên hosting
Hình 2.7 Các phần tử thu được sau khi giải nén
Hình 2.8 Xóa các phần tử không dùng đến Đến đây các file cần thiết của Alegrocart đã sẵn sàng cho quá trình cài đặt
Vào phần Quản lý Database ở trang quản trị host, bấm vào tạo Database để tạo một
Database và tài khoản người dùng Database mới mới
Hình 2.9 Giao diện tạo Database và tài khoản người dùng Database
Hình 2.10 Database và tài khoản người dùng Database đã tạo
Truy cập vào địa chỉ http://tranvandungct1701.000webhostapp.com để bắt đầu quá trình cài đặt Alegrocart Hãy đảm bảo rằng bạn đã điền đầy đủ thông tin về Database và tài khoản người dùng trong biểu mẫu cài đặt.
Database vừa tạo, chọn clean install
Hình 2.11 Form thông tin kết nối Database
Bấm "Continue" để chuyển đến bước tiếp theo, sau đó điền thông tin tài khoản quản trị và tên thư mục truy cập vào form thông tin trang quản trị website.
Hình 2.12 Form điền thông tin trang quản trị
Bấm Continue để hoàn tất việc cài đặt
Hình 2.13 Hình ảnh sau khi cài đặt Alegrocart thành công
Hình 2.14 Giao diện trang chủ sau khi cài đặt
Để truy cập trang quản trị của Alegrocart, bạn hãy vào địa chỉ http://tranvandungct1701.000webhostapp.com/admin_hlc/ và đăng nhập bằng tài khoản đã tạo ở bước trước.
Hình 2.15 Giao diện trang login quản trị
Hình 2.16 Giao diện trang quản trị
2.5 Việt hóa các chức năng người dùng Đầu tiền chúng ta phải đăng nhập vào trang quản trị website, chọn mục Configuration-
>Localization->Language chọn Insert để tạo ngôn ngữ tiếng Việt Nhập vào form thông tin ngôn ngữ tiếng Việt
Bước 1: Cài đặt ngôn ngữ tiếng Việt Điền và form với thông tin như sau:
Language : Tiếng Việt – Tên của ngôn ngữ
Code : vn – Mã của ngôn ngữ
Directory: tiengviet – Tên thư mục chứa ngôn ngữ tiếng Việt
Main Filename: vietnamese.php – Tên file điều khiển chính của ngôn ngữ
Language Status: Enabled – Trạng thái của ngôn ngữ, chúng ta sẽ để bật
Bấm vào save để lưu lại thông tin
Hình 2.18 Form tạo ngôn ngữ mới
Bước tiếp theo, truy cập vào trình quản lý file của hosting, sao chép thư mục admin_hlc/language/english và đổi tên thư mục vừa sao chép thành tiengviet Tiếp theo, trong thư mục tiengviet, hãy đổi tên file english.php thành vietnamese.php.
Hình 2.19 Cài đặt thư mục chứa ngôn ngữ tiếng Việt ở trang quản trị
Làm tương tự, copy thư mục catalog/language/english đổi tên thư mục vừa copy thành tiengviet , vào thư mục tiengviet đổi tên file english.php thành vietnamese.php
Hình 2.20 Cài đặt thư mục chưa ngôn ngữ tiếng Việt ở trang chủ Bước 2: Việt hóa
Công việc tiếp theo là mở từng file trong hai thư mục admin_hlc/language/tiengviet và catalog/language/tiengviet để dịch từ tiếng Anh sang tiếng Việt Nhiệm vụ này yêu cầu khả năng đọc hiểu tiếng Anh cơ bản và tính kiên nhẫn, vì có rất nhiều file cần được Việt hóa với nhiều thuật ngữ chuyên ngành Tổng số file cần Việt hóa lên đến hàng trăm, bao gồm cả file ngắn và dài.
Hình 2.21 Việt hóa controller account ở trang chủ
Hình 2.22 Việt hóa controller product ở trang quản trị
Kết quả: Thu được sau khi Việt hóa ta sẽ được một trang web đa ngôn ngữ bao gồm cả trang quản trị và trang chủ
Hình 2.23 Trang chủ sau khi được Việt hóa
Hình 2.24 Trang quản trị sau khi được Việt hóa
Bước 3: Đặt tiếng Việt làm ngôn ngữ mặc định
Chọn Cài đặt/ Thiết lập chọn tab thứ 2 bên trái, mục ngôn ngữ mặc định chọn Tiếng Việt để đặt mặc định cho trang quản trị
Hình 2.25 ngôn ngữ mặc định tiếng Việt cho trang quản trị
Bấm vào tab thứ 3 bên trái để:
- Chọn ngôn ngữ mặc định Tiếng Việt cho vùng địa lý
- Chọn quốc gia mặc định là Viet Nam
- Chọn khu vực mặc định là Hai Phong
- Chọn tiền tệ mặc định Vietnamese Dong
Sau khi hoàn tất website sẽ trở lên gần gũi và thân thiện hơn với người dùng Việt
Hình 2.26 Cài đặt thông tin vùng địa lý cho phù hợp với người Việt
Alegrocart cung cấp đầy đủ các loại tiền tệ từ khắp nơi trên thế giới, giúp người dùng dễ dàng điều chỉnh và bắt đầu xây dựng website cho người Việt.
Vào Cài đặt / Địa điểm / Tiền tệ tìm kiếm Vietnamese Dong, tại cột hành động bấm vào nút chỉnh sửa
Hình 2.27 Tìm kiếm Vietnamese Dong tại giao diện tiền tệ
27 Ở mục kí tự phải chúng ta thêm “vnđ” là kí hiệu viết tắt của Việt Nam Đồng
Mục Số thập phân ta bỏ trống hoặc điền giá trị 0
Hình 2.28 Giao diện chỉnh sửa tiền tệ 2.7 Thêm plugin facebook fanpage, messager
Fanpage trên mạng xã hội Facebook là công cụ hiệu quả để phát triển thương hiệu trực tuyến Do đó, chúng ta sẽ tiến hành cài đặt plugin do Facebook cung cấp để nhúng fanpage vào website.
Bước 1: Đầu tiên là tại một fanpage trên facebook có tên HL coffee
Hình 2.29 Fanpage Facebook được tạo
Bước 2: Truy cập vào địa chỉ : https://developers.facebook.com/docs/plugins/page- plugin/?locale=vi_VN
Copy link fanpage vừa tạo ở trên và dán vào ô URL Trang Facebook
Hình 2.30 khởi tạo giá trị cho plugin fanpage Facebook
Click the button to retrieve the code, then copy the source from step 1 and paste it into public_html/catalog/template/default/module/header.tpl in the uploaded source code.
Hình 2.31 Lấy mã nhúng của plugin
Hình 2.32 Cài đặt Facebook JDK trên website
Cài đặt ALEGROCART
Vào phần Quản lý Database ở trang quản trị host, bấm vào tạo Database để tạo một
Database và tài khoản người dùng Database mới mới
Hình 2.9 Giao diện tạo Database và tài khoản người dùng Database
Hình 2.10 Database và tài khoản người dùng Database đã tạo
Truy cập vào địa chỉ http://tranvandungct1701.000webhostapp.com để bắt đầu quá trình cài đặt Alegrocart Hãy chắc chắn rằng bạn đã điền đầy đủ thông tin về Database và người dùng trong form cài đặt.
Database vừa tạo, chọn clean install
Hình 2.11 Form thông tin kết nối Database
Bấm "Continue" để tiến tới bước kế tiếp, sau đó điền thông tin tài khoản quản trị và tên thư mục truy cập vào form thông tin trang quản trị website.
Hình 2.12 Form điền thông tin trang quản trị
Bấm Continue để hoàn tất việc cài đặt
Hình 2.13 Hình ảnh sau khi cài đặt Alegrocart thành công
Hình 2.14 Giao diện trang chủ sau khi cài đặt
Để truy cập vào trang quản trị của Alegrocart, hãy vào địa chỉ http://tranvandungct1701.000webhostapp.com/admin_hlc/ và đăng nhập bằng tài khoản đã tạo ở bước trước.
Hình 2.15 Giao diện trang login quản trị
Hình 2.16 Giao diện trang quản trị
Việt hóa các chức năng người dùng
Đầu tiền chúng ta phải đăng nhập vào trang quản trị website, chọn mục Configuration-
>Localization->Language chọn Insert để tạo ngôn ngữ tiếng Việt Nhập vào form thông tin ngôn ngữ tiếng Việt
Bước 1: Cài đặt ngôn ngữ tiếng Việt Điền và form với thông tin như sau:
Language : Tiếng Việt – Tên của ngôn ngữ
Code : vn – Mã của ngôn ngữ
Directory: tiengviet – Tên thư mục chứa ngôn ngữ tiếng Việt
Main Filename: vietnamese.php – Tên file điều khiển chính của ngôn ngữ
Language Status: Enabled – Trạng thái của ngôn ngữ, chúng ta sẽ để bật
Bấm vào save để lưu lại thông tin
Hình 2.18 Form tạo ngôn ngữ mới
Tiếp theo, truy cập vào trình quản lý file của hosting, sao chép thư mục admin_hlc/language/english và đổi tên thư mục vừa sao chép thành tiengviet Sau đó, vào thư mục tiengviet và đổi tên file english.php thành vietnamese.php.
Hình 2.19 Cài đặt thư mục chứa ngôn ngữ tiếng Việt ở trang quản trị
Làm tương tự, copy thư mục catalog/language/english đổi tên thư mục vừa copy thành tiengviet , vào thư mục tiengviet đổi tên file english.php thành vietnamese.php
Hình 2.20 Cài đặt thư mục chưa ngôn ngữ tiếng Việt ở trang chủ Bước 2: Việt hóa
Công việc tiếp theo là mở từng file trong hai thư mục admin_hlc/language/tiengviet và catalog/language/tiengviet để dịch từ tiếng Anh sang tiếng Việt Nhiệm vụ này yêu cầu khả năng đọc hiểu tiếng Anh cơ bản và sự kiên nhẫn, vì có rất nhiều file cần được Việt hóa với nhiều thuật ngữ chuyên ngành Tổng số file cần Việt hóa lên đến hàng trăm, bao gồm cả file ngắn và dài.
Hình 2.21 Việt hóa controller account ở trang chủ
Hình 2.22 Việt hóa controller product ở trang quản trị
Kết quả: Thu được sau khi Việt hóa ta sẽ được một trang web đa ngôn ngữ bao gồm cả trang quản trị và trang chủ
Hình 2.23 Trang chủ sau khi được Việt hóa
Hình 2.24 Trang quản trị sau khi được Việt hóa
Bước 3: Đặt tiếng Việt làm ngôn ngữ mặc định
Chọn Cài đặt/ Thiết lập chọn tab thứ 2 bên trái, mục ngôn ngữ mặc định chọn Tiếng Việt để đặt mặc định cho trang quản trị
Hình 2.25 ngôn ngữ mặc định tiếng Việt cho trang quản trị
Bấm vào tab thứ 3 bên trái để:
- Chọn ngôn ngữ mặc định Tiếng Việt cho vùng địa lý
- Chọn quốc gia mặc định là Viet Nam
- Chọn khu vực mặc định là Hai Phong
- Chọn tiền tệ mặc định Vietnamese Dong
Sau khi hoàn tất website sẽ trở lên gần gũi và thân thiện hơn với người dùng Việt
Hình 2.26 Cài đặt thông tin vùng địa lý cho phù hợp với người Việt
Alegrocart đã cung cấp đầy đủ các loại tiền tệ của các quốc gia trên thế giới, giúp người dùng dễ dàng chỉnh sửa và bắt đầu xây dựng website cho người Việt.
Vào Cài đặt / Địa điểm / Tiền tệ tìm kiếm Vietnamese Dong, tại cột hành động bấm vào nút chỉnh sửa
Hình 2.27 Tìm kiếm Vietnamese Dong tại giao diện tiền tệ
27 Ở mục kí tự phải chúng ta thêm “vnđ” là kí hiệu viết tắt của Việt Nam Đồng
Mục Số thập phân ta bỏ trống hoặc điền giá trị 0
Hình 2.28 Giao diện chỉnh sửa tiền tệ 2.7 Thêm plugin facebook fanpage, messager
Fanpage trên mạng xã hội Facebook là một công cụ hiệu quả để phát triển thương hiệu trực tuyến Do đó, chúng ta sẽ tiến hành cài đặt plugin do Facebook cung cấp để nhúng fanpage vào website.
Bước 1: Đầu tiên là tại một fanpage trên facebook có tên HL coffee
Hình 2.29 Fanpage Facebook được tạo
Bước 2: Truy cập vào địa chỉ : https://developers.facebook.com/docs/plugins/page- plugin/?locale=vi_VN
Copy link fanpage vừa tạo ở trên và dán vào ô URL Trang Facebook
Hình 2.30 khởi tạo giá trị cho plugin fanpage Facebook
Click the button to obtain the code, then copy the source text from step 1 and paste it into public_html/catalog/template/default/module/header.tpl within the uploaded source code.
Hình 2.31 Lấy mã nhúng của plugin
Hình 2.32 Cài đặt Facebook JDK trên website
In step 2, the code will be inserted into the desired location to display the fan page on the website For this example, I chose to place it in the footer section of the file located at public_html/catalog/template/default/module/footer.tpl in the website's source code.
Hình 2.33 Dán mã Facebook Fanpage vào chân trang
Bước 1: truy cập vào địa chỉ: https://developers.facebook.com/docs/messenger- platform/discovery/send-to-messenger-plugin?locale=vi_VN
Copy đoạn mã setup và dán vào public_html/catalog/teamlate/default/module/footer.tpl
Hình 2.34 Copy mã cài đặt của plugin messenger
Trong đó messenger_app_id, page_id : điền vào Id của fanpage chúng ta vừa tạo vào tham số này Clolor:blue, size:large
Hình 2.35 link cài đặt plugin chia sẻ AddThis
Truy cập vào trang chủ https://addthis.com tạo một plugin cho riêng mình, copy đoạn mã và nhúng vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
* Và cuối cùng là thành quả sau khi hoàn tất cài đặt 3 plugin trên
Hình 2.36 Kết quả sau khi cài đặt thành công Socical plugins
2.8 Thêm chức năng gửi tin nhắn thông báo qua zalo sử dụng API zalo
Xã hội phát triển, đời sống tinh thần con người tăng cao, khiến tỉ lệ người dùng smartphone ở Việt Nam vượt 70% Sự phát triển mạnh mẽ của mạng xã hội Zalo, đặc biệt là ứng dụng Zalo, đã dẫn đến việc người dùng Zalo trao đổi tin tức nhiều hơn so với Email, chủ yếu là trong giới công chức và văn phòng Do đó, tôi muốn sử dụng API của Zalo để tích hợp chức năng nhắn tin thông báo đặt hàng thành công cho khách hàng.
Hiện tại tính năng này chưa có trong Alegrocart chính về thế chúng ta phải đi xây dựng mới hoàn toàn
Sử dụng: Api Zalo do nhà phát triển cung cấp, Javascript với thư việ jquery và kĩ thuật Cross Domain
Sau đây chúng ta sẽ tiến hàng xây dựng tính năng này theo từng bước
Bước 1: Tạo một Official Account(OA)
OA trên Zalo tương tự như Fanpage trên Facebook, đại diện cho thương hiệu của người dùng Để tạo một OA, hãy truy cập vào [Zalo PC](https://zalo.me/pc) và chọn mục OFFICIAL ACCOUNT trên thanh menu Bạn có thể tạo OA với tên HL Coffee bằng cách làm theo hướng dẫn OA sẽ là đại diện cho thương hiệu cửa hàng của bạn trên ứng dụng Zalo.
Bước 2 Tạo ứng dụng mới, truy cập https://developers.zalo.me/ Chọn ứng dụng của tôi -> tạo ứng dụng mới
Hình 2.38 tạo ứng dụng mới
Hình 2.39 tạo ứng dụng mới
Bước 3 Liên kết ứng dụng với Official Account
To link an Official Account on the Zalo Developer page, select the application in the top right corner of the website Then, navigate to the left menu and choose "Official Account." Finally, select the desired Official Account to link and click on "Link."
Hình 2.40 Liên kết ứng dụng với Official Account
Bước 4 Xin xét duyệt quyền để sử dụng các API
Khi sử dụng API của Zalo, cần phải có các quyền tương ứng Hãy chọn quyền cần thiết và nộp để được xét duyệt Thời gian duyệt yêu cầu chỉ trong vòng 1 phút.
Hình 2.41 Xin xét duyệt quyền để sử dụng các API Bước 5 Lấy Official Account Access Token
To request access to the Official Account, please send the following link to the Admin: https://oauth.zaloapp.com/v3/oa/permission?app_id=&redirect_uri=.
The app_id represents the unique identifier for our application, while the redirect_uri is the configured link in the settings of the Official Account that connects to our application This link will direct users to the authorization page for granting permissions to the application.
Hình 2.42 trang cấp quyền cho ứng dụng
Sau khi người dùng chọn Official Account và nhấn "Cho phép", trình duyệt sẽ chuyển hướng về URL Callback của Official Account liên kết với ứng dụng Tại đây, OA Callback Url sẽ nhận một yêu cầu HTTP GET kèm theo các tham số access_token và oaId để lưu trữ và sử dụng.
Bước 6: Lập trình đoạn mã thực thi request
Truy cập vào file /public_html/catalog/template/default/content/success.tpl trên host Tạo modal thông báo sau khi khách hàng đặt hàng thành công
Access the public_html/catalog/template/default/module/footer.tpl file and use JavaScript along with the jQuery library to write code that sends a POST request containing a message to the Zalo API.
Hình 2.43 Hộp thoại thông báo gửi tin nhắn Zalo
Khi khách hàng đồng ý, hệ thống sẽ chuyển đến trang cấp quyền (Hình 2.39) Sau khi khách hàng có đủ quyền, hệ thống sẽ tự động gửi thông báo qua Zalo App và quay lại trang chủ của website.
Hình 2.44 Tin nhắn nhận được từ phái khách hàng
Phần này em đã sử dụng kĩ thuật Cross domain trong javascript để tạo các request từ 2 domain khác nhau, từ website đên api của Zalo
Thêm plugin facebook fanpage, messager
Fanpage trên mạng xã hội Facebook là công cụ hiệu quả giúp phát triển thương hiệu trực tuyến Do đó, việc cài đặt plugin do Facebook cung cấp để nhúng fanpage vào website là rất cần thiết.
Bước 1: Đầu tiên là tại một fanpage trên facebook có tên HL coffee
Hình 2.29 Fanpage Facebook được tạo
Bước 2: Truy cập vào địa chỉ : https://developers.facebook.com/docs/plugins/page- plugin/?locale=vi_VN
Copy link fanpage vừa tạo ở trên và dán vào ô URL Trang Facebook
Hình 2.30 khởi tạo giá trị cho plugin fanpage Facebook
Click the button to obtain the code, then copy the source from step 1 and paste it into public_html/catalog/template/default/module/header.tpl in the uploaded source code.
Hình 2.31 Lấy mã nhúng của plugin
Hình 2.32 Cài đặt Facebook JDK trên website
In step 2, the code will be pasted in the section where we want to display the fan page on the website For this example, I have chosen the footer section within the file public_html/catalog/template/default/module/footer.tpl of the website's source code.
Hình 2.33 Dán mã Facebook Fanpage vào chân trang
Bước 1: truy cập vào địa chỉ: https://developers.facebook.com/docs/messenger- platform/discovery/send-to-messenger-plugin?locale=vi_VN
Copy đoạn mã setup và dán vào public_html/catalog/teamlate/default/module/footer.tpl
Hình 2.34 Copy mã cài đặt của plugin messenger
Trong đó messenger_app_id, page_id : điền vào Id của fanpage chúng ta vừa tạo vào tham số này Clolor:blue, size:large
Hình 2.35 link cài đặt plugin chia sẻ AddThis
Truy cập vào trang chủ https://addthis.com tạo một plugin cho riêng mình, copy đoạn mã và nhúng vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
* Và cuối cùng là thành quả sau khi hoàn tất cài đặt 3 plugin trên
Hình 2.36 Kết quả sau khi cài đặt thành công Socical plugins
Thêm chức năng gửi tin nhắn thông báo qua zalo sử dụng API zalo
Với sự phát triển của xã hội và đời sống tinh thần ngày càng nâng cao, tỷ lệ người sử dụng smartphone ở Việt Nam đã vượt qua 70% Điều này đã thúc đẩy sự phát triển mạnh mẽ của mạng xã hội Zalo, với số lượng người dùng Zalo để trao đổi thông tin dự kiến sẽ vượt qua số lượng người dùng Email, chủ yếu là giới công chức và văn phòng Do đó, tôi muốn tích hợp API của Zalo để bổ sung chức năng gửi tin nhắn thông báo đặt hàng thành công đến khách hàng.
Hiện tại tính năng này chưa có trong Alegrocart chính về thế chúng ta phải đi xây dựng mới hoàn toàn
Sử dụng: Api Zalo do nhà phát triển cung cấp, Javascript với thư việ jquery và kĩ thuật Cross Domain
Sau đây chúng ta sẽ tiến hàng xây dựng tính năng này theo từng bước
Bước 1: Tạo một Official Account(OA)
OA trên Zalo tương tự như Fanpage trên Facebook, đóng vai trò đại diện cho thương hiệu của người dùng Để tạo một OA, hãy truy cập vào https://zalo.me/pc, chọn mục OFFICIAL ACCOUNT trên thanh menu, và làm theo hướng dẫn để tạo OA với tên HL Coffee OA sẽ là công cụ quan trọng để đại diện cho cửa hàng trên ứng dụng Zalo.
Bước 2 Tạo ứng dụng mới, truy cập https://developers.zalo.me/ Chọn ứng dụng của tôi -> tạo ứng dụng mới
Hình 2.38 tạo ứng dụng mới
Hình 2.39 tạo ứng dụng mới
Bước 3 Liên kết ứng dụng với Official Account
To link an Official Account on the Zalo Developer platform, select the application in the top right corner of the page at https://developers.zalo.me/ Then, from the left menu, choose "Official Account," select the specific Official Account you wish to link, and click on "Link."
Hình 2.40 Liên kết ứng dụng với Official Account
Bước 4 Xin xét duyệt quyền để sử dụng các API
Khi sử dụng API của Zalo, cần xác định và nộp các quyền tương ứng để được xét duyệt Quy trình xét duyệt sẽ diễn ra trong vòng 1 phút.
Hình 2.41 Xin xét duyệt quyền để sử dụng các API Bước 5 Lấy Official Account Access Token
To access the Official Account, we need to send the following link to the Admin for permission to obtain the access code: https://oauth.zaloapp.com/v3/oa/permission?app_id=&redirect_uri=.
The app_id serves as the unique identifier for our application, while the redirect_uri is the configured link in the settings of the Official Account that connects to our application This link will direct users to the authorization page for the application.
Hình 2.42 trang cấp quyền cho ứng dụng
Sau khi người dùng chọn Official Account và nhấn “Cho phép”, trình duyệt sẽ chuyển hướng đến Official Account Callback Url đã liên kết với ứng dụng Tại đây, OA Callback Url sẽ nhận một yêu cầu http get kèm theo các tham số access_token và oaId để lưu trữ và sử dụng.
Bước 6: Lập trình đoạn mã thực thi request
Truy cập vào file /public_html/catalog/template/default/content/success.tpl trên host Tạo modal thông báo sau khi khách hàng đặt hàng thành công
Access the public_html/catalog/template/default/module/footer.tpl file and use JavaScript along with the jQuery library to write code that sends a POST request containing a message to the Zalo API.
Hình 2.43 Hộp thoại thông báo gửi tin nhắn Zalo
Nếu khách hàng đồng ý, hệ thống sẽ chuyển đến trang cấp quyền Sau khi có đủ quyền, hệ thống tự động gửi thông báo qua Zalo App cho khách hàng và quay về trang chủ của website.
Hình 2.44 Tin nhắn nhận được từ phái khách hàng
Phần này em đã sử dụng kĩ thuật Cross domain trong javascript để tạo các request từ 2 domain khác nhau, từ website đên api của Zalo
Kết luận: Việc triển khai tính năng nhắn tin thông báo qua Zalo là bước đệm quan trọng để phát triển phương thức thông báo mới cho người dùng Trong tương lai, chúng ta có thể mở rộng tính năng này để gửi đơn hàng, thông báo sản phẩm khuyến mãi, từ đó dần thay thế việc sử dụng Email truyền thống.
Giới thiệu về cửa hàng HighLand Coffee
Tên cửa hàng: HighLand Coffee
Sản phẩm kinh doanh: Cafe, thực phẩm, các sản phẩm liên quan đến cafe Địa chỉ: 275 Lạch Tray – Ngô Quyền – Hải Phòng
Cửa hàng hiện có website giới thiệu sản phẩm nhưng chưa có chức năng bán hàng trực tuyến Trong tương lai, cửa hàng sẽ phát triển hệ thống đặt hàng và giao hàng qua mạng nhằm mở rộng kinh doanh Do đó, việc xây dựng website bán hàng là giải pháp cần thiết để khắc phục vấn đề hiện tại của cửa hàng.
Lợi ích sử dụng website điện tử so với cách bán hàng thông thường
Trong thời đại 4.0, với sự phát triển mạnh mẽ của công nghệ và hạ tầng internet, khách hàng dễ dàng tiếp cận thế giới trực tuyến Thương mại điện tử đã trở thành xu hướng tất yếu, giúp rút ngắn thời gian mua sắm Để bắt kịp xu thế này, cửa hàng Highland Coffee, một thương hiệu lớn về cà phê tại Hải Phòng và toàn quốc, cần xây dựng một website bán hàng hiệu quả.
Chúng ta có thể thấy rõ các ưu điểm và lợi thế khi cửa hàng xây dưng website bán hàng như sau:
Tiết kiệm thời gian và chi phí quản lý là lợi ích lớn khi đầu tư vào việc xây dựng website bán hàng Thay vì mở rộng cửa hàng và thuê thêm nhân viên, bạn chỉ cần chi một khoản tiền nhỏ để phát triển trang web, giúp thu hút khách hàng hiệu quả hơn.
Khách hàng có thể dễ dàng đặt đồ uống và sản phẩm từ cửa hàng mà không bị giới hạn địa điểm Chỉ cần ngồi ở bất kỳ đâu với thiết bị kết nối internet và truy cập vào trình duyệt, việc đặt hàng trở nên đơn giản và thuận tiện.
Tiết kiệm thời gian cho khách hàng là một lợi ích lớn trong cuộc sống bận rộn hiện nay Nhiều khi, chúng ta không thể đến trực tiếp để xếp hàng mua đồ uống yêu thích Do đó, đặt hàng online qua website bán hàng trở thành giải pháp tuyệt vời giúp giải quyết vấn đề này.
Phát triển thương hiệu trực tuyến mang lại chi phí marketing thấp hơn và hiệu quả cao hơn so với các phương pháp truyền thống Các doanh nghiệp có thể tận dụng Google Ads, Facebook Ads và xây dựng nội dung chất lượng để tối ưu hóa chiến lược tiếp thị của mình.
Nghiệp vụ quản lí bán hàng cà phê shop
Kết hợp thương hiệu với sản phẩm mà khách hàng quan tâm sẽ giúp tăng số lượng đơn hàng, tăng doanh thu và đồng thời phát triển thương hiệu một cách hiệu quả.
Quản lý dữ liệu tập trung thông qua Alegrocart cho phép tự động hóa quy trình báo cáo, thay thế phương pháp quản lý dữ liệu sổ sách truyền thống Điều này không chỉ tiết kiệm thời gian mà còn nâng cao độ chính xác trong việc xử lý thông tin.
Độ bảo mật qua mạng vẫn còn nhiều hạn chế, khiến thông tin dễ bị đánh cắp Đây là vấn đề lớn mà các nhà phát triển hệ thống (Developer) phải đối mặt, vì chưa có giải pháp bảo mật nào hoàn hảo cho đến nay Nguy cơ bị hacker xâm nhập và đánh cắp dữ liệu luôn hiện hữu.
Khách hàng vẫn ưa chuộng phương thức mua hàng truyền thống, vì họ muốn trực tiếp cầm nắm, nhìn và cảm nhận sản phẩm Tâm lý này khiến họ khó lòng yên tâm khi chỉ dựa vào hình ảnh trên website để đưa ra quyết định mua sắm.
Các quy định về thương mại điện tử hiện nay vẫn chưa đủ linh hoạt, điều này đang thu hút sự quan tâm của nhà nước, tuy nhiên vẫn chưa có giải pháp hiệu quả được tìm ra.
3.3 Nghiệp vụ quản lí bán hàng cà Highland Coffee (Bài toán bán hàng)
Quản lý cửa hàng sẽ nhập thông tin về các sản phẩm hiện có, bao gồm giá cả, hình ảnh và chủng loại, cũng như các sản phẩm mới của cửa hàng.
3.3.2 Quản lí danh mục sản phẩm
Các mặt hàng được phân loại thành nhiều loại sản phẩm nhằm nâng cao hiệu quả quản lý Mỗi sản phẩm có thể được gán cho một hoặc nhiều loại, giúp việc phân cấp và quản lý sản phẩm trở nên đơn giản và hiệu quả hơn trong tương lai.
Khi có chương trình khuyến mãi hoặc ra mắt sản phẩm mới, đội ngũ marketing sẽ triển khai các chiến lược quảng cáo thông qua nhiều hình thức như quà tặng và giảm giá.
Thiết kế market xây dựng hình ảnh thương hiệu
Viết nội dung quảng cáo trên facebook, zalo, website phục vụ cho marketing online, chạy quảng cáo online trên Google Ads, Facebook Ads
3.3.4 Tiếp cần khách hàng & bán hàng
Các chiến dịch quảng cáo giúp khách hàng dễ dàng tiếp cận website qua mạng xã hội và công cụ tìm kiếm, từ đó họ có thể truy cập cửa hàng online và chọn lựa sản phẩm phù hợp để đặt hàng.
Sau khi khách hàng hoàn tất đơn hàng, chủ cửa hàng sẽ nhận thông báo và tiến hành giao hàng Khách hàng có thể thanh toán bằng hai hình thức: COD (thanh toán khi nhận hàng) hoặc chuyển khoản qua ngân hàng.
Báo cáo thống kê bán hàng và nhật ký làm việc của cửa hàng giúp nắm bắt tình hình kinh doanh hiệu quả hơn so với phương pháp truyền thống Tất cả hoạt động trên website được ghi lại tự động, đảm bảo tính chính xác và bảo mật, chỉ người quản trị mới có quyền truy cập.
Lý do chọn Alegrocart xây dựng website bán hàng trực tuyến cho cửa hàng highland coffee
Alegrocart là một nền tảng mã nguồn mở được phát triển bằng ngôn ngữ PHP, mang lại các giải pháp thương mại điện tử mạnh mẽ cho việc xây dựng kinh doanh trực tuyến Với tính năng miễn phí và các đặc điểm nổi bật của phần mềm mã nguồn mở, Alegrocart cho phép người dùng dễ dàng sửa đổi, tùy chỉnh và cải tiến theo nhu cầu phát triển cá nhân.
Alegrocart sở hữu một hệ thống giỏ hàng được đầu tư kỹ lưỡng bởi đội ngũ phát triển, cung cấp đầy đủ các tính năng cần thiết cho một website thương mại điện tử và bán hàng online.
Alegrocart cung cấp các tính năng tích hợp sẵn, bao gồm mô-đun sản phẩm, loại sản phẩm, đặt hàng, giao hàng, báo cáo và quản lý khách hàng, giúp người dùng dễ dàng xây dựng một website bán hàng hoàn chỉnh.
Alegrocart cung cấp các module quản lý đa dạng như thiết lập, hỗ trợ nhiều ngôn ngữ, tùy chọn tiền tệ và giao diện, giúp xây dựng cửa hàng trực tuyến cho thương hiệu như Highland Coffee một cách linh hoạt và toàn diện.
Kết luận, Alegrocart là lựa chọn lý tưởng cho việc xây dựng website bán hàng cho Highland Coffee, nhờ vào các tính năng sẵn có giúp cải thiện hiệu quả kinh doanh Mặc dù còn tồn tại một số nhược điểm chung của phần mềm nguồn mở, nhưng những vấn đề này sẽ không ảnh hưởng quá lớn và có thể được khắc phục trong tương lai.