Tạo Mini App 2024 – Hướng dẫn tạo Zalo Mini App cực kỳ đơn giản

Tận dụng nguồn tài nguyên sẵn có từ hệ sinh thái Zalo, việc tạo Mini App đóng vai trò là công cụ tổng hợp các tính năng hữu ích và mang đến cho người dùng những trải nghiệm tốt nhất.
Với hơn 73 triệu người Việt sử dụng, Zalo được xem là 1 trong những mạng xã hội lớn nhất tại Việt Nam, và Mini App Zalo được Zalo phát triển và ra mắt vào giữa năm 2022, cho phép doanh nghiệp tạo “app bán hàng mini” và tận dụng tối đa các tính năng sẵn có từ nền tảng.

Mini App Zalo là gì?

Zalo Mini App là ứng dụng bán hàng của doanh nghiệp trên nền tảng Zalo. Ứng dụng Mini App mang đến trải nghiệm liền mạch tương tự như một ứng dụng riêng biệt mà không cần phải tải về điện thoại hay rời khỏi ứng dụng Zalo. Mini apps (sub-app) và siêu ứng dụng (ở đây là Zalo) sẽ cùng nhau chia sẻ không gian thương mại, mang lại giá trị cho khách hàng và thu về lợi nhuận.

4 lĩnh vực ứng dụng phổ biến tạo Mini App Zalo

Zalo Mini App thương mại điện tử

Zalo giúp các trang thương mại điện tử hoạt động, doanh nghiệp có thể tạo chương mua sắm trực tiếp trên nền tảng này với các tính năng chính như: danh mục sản phẩm được chọn, thêm vào giỏ hàng và thanh toán trực tiếp từ giao diện Zalo.

Ứng dụng tài chính

Ứng dụng mini app trong lĩnh vực tài chính có thể giới thiệu và cung cấp các dịch vụ tài chính, ngân hàng tới đông đảo khách hàng trên Zalo.

Tạo Mini App cho hệ thống nhà hàng

Ở lĩnh vực FnB cho phép doanh nghiệp dễ dàng tạo hệ thống đặt bàn trước khi đến, gửi thông báo nhắc nhở lịch đặt bàn đến khách hàng. Cho phép mua màng về, tích hợp đơn vị vận chuyển, thanh toán trực tuyến trực tiếp trên giao diện Zalo.

Chuỗi quán cà phê

Hệ thống sẽ tự động định vị cửa hàng gần nhất, giao đơn đến cửa hàng và vận đơn giao. Ngoài ra, khách hàng có thể đến cửa hàng lấy nếu muốn.

Có thể nói, Zalo Mini App là cách thức mới giúp doanh nghiệp đến gần hơn với khách hàng. Để nắm vị thế chủ động và dẫn đầu trên thị trường, doanh nghiệp cần nhanh chóng có kế hoạch triển khai chi tiết một cách hiệu quả.

Bài viết này cung cấp những hướng dẫn chi tiết, các lưu ý về mặt kĩ thuật hữu ích cho người mới bắt đầu phát triển Zalo Mini App. Bắt đầu từ khâu đăng ký cấu hình cho đến bước cuối cùng là xuất bản Mini App tới hàng triệu người dùng.

Cấu hình tải và tạo Zalo Mini App 

Trước khi bắt đầu tiến hành triển khai tạo Mini App trên Zalo, bạn cần đăng ký về cấu hình tải của ứng dụng. Cụ thể:

• Node.js phiên bản lớn hơn hoặc tương đương 12.13.0. Nvm cũng có thể được sử dụng để quản lý nhiều phiên bản Node (nếu có)
• Với trường hợp máy tính Mac có bộ vi xử lý Apple M1, yêu cầu tối thiểu về cấu hình là Node.js 15.6.0.

Các bước triển khai Zalo Mini App và những lưu ý

Việc phát triển các Mini App nói chung đều cần phải code, vì thế đội ngũ phát triển Zalo Mini App đều cần phải trang bị một kiến thức nhất định về lập trình. Dưới đây là một số bước chi tiết để bạn và doanh nghiệp có hình dung sơ lược về việc triển khai Zalo Mini App.

Bước 1: Kích hoạt Zalo App

Tạo app là việc đầu tiên và tiên quyết trước khi bắt tay vào triển khai Zalo Mini App. Nhiều người thường hay nhầm lẫn giữa việc khởi tạo Zalo App (Zalo App ID) và Zalo Mini App (Zalo Mini App ID).

Zalo App ID (hay còn được gọi là Zalo Developer ID) được sử dụng để xác định nhà phát triển và cấp quyền truy cập vào các API của Zalo, tích hợp với các dịch vụ Zalo OA, ZNS. Chính vì thế trước khi tạo Mini App, các nhà phát triển đều cần phải có một Zalo App với trạng thái “Đang hoạt động”.

Bước 2: Tạo và đặt tên Mini App 

Sau khi đã khởi tạo Zalo thành công (nếu ứng dụng chưa có sẵn trên máy), bạn có thể tiến hành khởi tạo Zalo Mini App bằng cách vào trang quản lý ứng dụng Zalo Mini App, chọn Zalo App vừa tạo ở bước trên, nhấn Tạo Zalo Mini App và nhập các thông tin cần thiết như:

• Loại Mini App
• Thông tin Mini App
• Thiết lập Logo

Bước 3: Khởi tạo Mini App

Zalo Mini App Platform cung cấp 2 bộ công cụ phát triển ứng dụng gồm:

• Khởi tạo bằng Zalo Mini App Studio: gồm một trình soạn thảo code đầy đủ (IDE) hỗ trợ đội ngũ lập trình có thể chạy thử ứng dụng trên máy tính và deploy lên Mini App để xuất bản.

• Khởi tạo bằng Command Line:  bộ công cụ dòng lệnh giúp bạn có thể chạy thử ứng dụng của mình trên trình duyệt và deploy lên Mini App ID để xuất bản ứng dụng. Bạn có thể sử dụng IDE/Text Editor tuỳ thích như Visual Studio Code và chạy các lệnh này từ Terminal.

Bước 4: Xin cấp quyền API

Một số API nhạy cảm cần phải đăng ký quyền sử dụng trước khi dùng, cụ thể:

• getPhoneNumber
• getLocation
• getNetworkType
• keepScreen
• createShortcut
• vibrate
• requestCameraPermission
• saveImageToGallery
• openMediaPicker
• Và nhóm các API liên quan đến Native Storage

Tuy nhiên, một lưu ý quan trọng dễ bị nhầm lẫn quyền do người dùng cấp khác với quyền do Platform cấp. Một số API yêu cầu người dùng cấp quyền trực tiếp theo ngữ cảnh như getPhoneNumber hoặc getLocation.

Bước 5: Kiểm duyệt Mini App 

Trước khi xuất bản và xuất hiện trên danh sách Mini App của Zalo, bạn cần phải gửi xét duyệt để bắt đầu xuát bản ứng dụng. Quy trình không quá phức tạp, tuy nhiên cần lưu ý:

• Đảm bảo đáp ứng đầy đủ các tiêu chí trong Chính sách kiểm duyệt Mini App của Zalo
• Không vi phạm bất cứ điều khoản nào trong Thỏa thuận chương trình Zalo Mini App

Một số lưu ý khi triển khai Zalo Mini App

1. Xin cấp quyền API 

Bạn nên bắt đầu gửi xin cấp quyền API chỉ khi đã gửi xét duyệt version đầu tiên của Mini App nhằm cung cấp đầy đủ ngữ cảnh nhất cho đội ngũ xét duyệt. Tuy nhiên, cũng không nên để đến khi có người dùng đầu tiên truy cập mới tiến hành đi xin.

Thêm vào đó, người dùng nằm trong tệp Admin/Developer có thể sử dụng được hết tất cả các quyền API mà không cần phải xin cấp, vì thế phải luôn kiếm tra kĩ lưỡng danh sách các quyền đã được duyệt tương ứng.

2. Kiểm duyệt Mini App 

Việc kiểm duyệt được tiến hành bởi đội ngũ đóng vai trò như một người dùng bình thường. Chính vì vậy, mini app của bạn cần đảm bảo hỗ trợ người dùng đáp ứng được công việc/chức năng mà họ đã bắt đầu trên ứng dụng. Bạn chắc chắn sẽ không muốn hiện quá nhiều lỗi màn hình trắng, lỗi không có hướng giải quyết hoặc những chức năng quan trọng nhưng lại đề là “đang phát triển”. Chỉ cần đáp ứng như vậy là khả năng 90% Mini App chắc chắn được phê duyệt.

Chuyển đổi Mini App từ dự án có sẵn 

Nếu việc viết lại một Mini App trở nên tốn kém, bạn có thể cân nhắc đến việc chuyển đổi từ các dự án có sẵn. Tuy nhiên, việc chuyển đổi chỉ khả thi khi các dự án này có kiến trúc Single Page tương tự như Vue.js, Angular,…), hoặc có thể thiết lập để build ra dưới dạng web app (như Flutter, Next.js).

Các bước trong quá trình chuyển đổi bao gồm:

• Build source code của dự án ra static assets (bao gồm các file html, css và js). Cơ chế routing phải được thực hiện bằng JavaScript.
• Khai báo các assets cần phải load (JS/CSS) trong app-config.json.
• Dùng Zalo Mini App CLI để đẩy những assets này lên Mini App ID của bạn.

Lựa chọn OferSoft để bắt đầu triển khai Zalo Mini App 

Starfruit cung cấp dịch vụ xây dựng Mini App hỗ trợ doanh nghiệp nhanh chóng “chủ động” gia nhập cuộc chơi với đội ngũ lập trình viên giàu kinh nghiệm. Hãy liên hệ với Ofersoft ngay hôm nay để biết thêm chi tiết và bắt đầu hành trình xây dựng Mini App của riêng bạn.

————————————————————–

OferSoft cung cấp nền tảng công nghệ và chuyển đổi số dành cho Doanh nghiệp. Chúng tôi đồng hành cùng từ việc Tư vấn, Chuyển giao phần mềm, Đào tạo, Hướng dẫn và vận hành để xây dựng và phát triểnOferSoft được phát triển và điều hành bởi Công ty Cổ phần Công nghệ Liberty Holdings.

Địa chỉ: Biệt thự SP.03-85 Hải Âu 09 – Vinhomes Oceanpark – Gia Lâm – Hà Nội

Liên hệ: 0835 303 000 – 082 880 1111

Email: contact@ofersoft.vn