Chuyển tới nội dung chính

Tạo dự án

Bạn có thể sử dụng Zalo Mini App Studio để tạo dự án mới hoặc mở các dự án đã có sẵn.

Nhấn nút New project

Tại giao diện màn hình chính, ấn vào nút New project.

Bước 1, nhập App ID

Nhập các thông tin của dự án mới cần tạo, trong đó:

  • Mini App ID: bạn có thể tạo ID cho mini app của mình ở mini.zalo.me.

  • Project name: tên của dự án, cũng là tên của thư mục chứa mã nguồn của dự án sau khi tạo (theo định dạng kebab-case). Ví dụ: Nếu tên dự án là "Coffee Shop", thư mục dự án sẽ là coffee-shop. Mặc định là tên ứng dụng tương ứng với Mini App ID, nhưng bạn có thể thay đổi nó.

  • Location: vị trí để lưu trữ dự án trên máy tính của bạn. Mặc định là thư mục Document.

Nhấn Next để tiếp tục bước tiếp theo.

Tạo dự án bằng ZaUI

Khi bạn chọn Blank template, Studio sẽ tự động tạo cấu trúc thư mục cùng với các dependencies cần thiết để phát triển Zalo Mini App. Bên cạnh đó, bạn còn có thể lựa chọn các tùy chọn bổ sung như sử dụng CSS preprocessor, TypeScript hoặc TailwindCSS.

Bước 2, chọn các thư viện cần thiết

Tạo dự án bằng template có sẵn

Zalo Mini App platform cung cấp cho bạn các template để giúp rút ngắn thời gian phát triển Mini App. Các template này sử dụng ZaUI và được thiết kế theo chuẩn Design Guideline để mang lại trải nghiệm tốt nhất cho người dùng. Để tạo dự án bằng template, bạn chỉ cần chọn template phù hợp với nhu cầu của mình và nhấn Finish.

Bước 2', chọn template

Source code của dự án sẽ được tạo ra dựa trên các thiết lập đã được cấu hình trong các bước trước đó. Các dependencies sẽ được tải về và cài đặt ở background, quá trình này có thể mất vài phút.

Liên kết với Mini App ID

Một mã QR code sẽ hiển thị để cho phép bạn đăng nhập bằng Zalo. Sau khi đăng nhập thành công, ID của ứng dụng sẽ được liên kết với dự án hiện tại, cho phép bạn deploy ứng dụng lên platform của Zalo Mini App từ Studio.

Login