Bước 1 - Khởi tạo Zalo Mini App
Trước hết chúng ta sẽ cài đặt những công cụ cần thiết để phát triển một Zalo Mini App.
1. Tạo một ứng dụng Zalo Mini App mới trên trang chủ của Zalo Mini App
Các bạn truy cập vào Zalo Mini App, đăng nhập vào tài khoản của mình và tạo một ứng dụng Zalo Mini App mới. Sau khi tạo ứng dụng, các bạn sẽ được cấp cho một ID
2. Khởi tạo ứng dụng mới bằng Zalo Mini App Studio
Nếu máy của bạn chưa cài đặt Zalo Mini App Studio thì bạn có thể tải về và cài đặt ở đây: Zalo Mini App Studio
Nhấn vào nút New project và làm theo các bước để tạo project mới:
Ấn nút Start và bạn đã hoàn tất:
3. Khởi tạo ứng dụng mới bằng Zalo Mini App DevTools
Nếu máy của bạn chưa cài đặt Zalo Mini App DevTools thì bạn có thể cài đặt bằng lệnh sau
npm install -g zmp-cli
Sau đó cd vào thư mục sẽ chứa source code của bạn, khởi tạo project bằng lệnh
zmp init
Bạn sẽ được yêu cầu cung cấp một Zalo Mini App ID, nhập vào ID của Zalo Mini App bạn vừa mới tạo lúc nãy
Sau đó bạn sẽ được yêu cầu đăng nhập, bạn có thể chọn giữa 2 phương thức đăng nhập là quét mã QR Code bằng ứng dụng Zalo hoặc nhập access token. Chi tiết hơn về việc đăng nhập, bạn có thể tham khảo tại đây: zmp login
4. Mở source code bên trong code editor và khởi chạy
Mở cửa sổ Terminal bên dưới của sổ làm việc của bạn và chạy lệnh:
zmp start
Sau đó bạn có thể mở trình duyệt và truy cập vào địa chỉ localhost:3000 để xem code trước Zalo Mini App của mình.