Zalo Mini App - Bản tin Tháng 06, 2023

Hoàng Dương
Newsletter
Published 27/6/2023

Thêm 2 API Hiển thị quản lý quyền, Thêm vào yêu thích. Tutorial: On-boarding. Blog: Convert project next.js to mini app. Phiên bản mới của Zalo Mini App Studio. Cập nhật thời gian xét duyệt. Đang thử nghiệm: Hệ thống Rating (Đánh giá) Mini App Thêm 2 APIs mới Bây giờ, bạn có thể dễ dàng mở trang...

Thêm 2 APIs mới

Quản lý quyền

Bây giờ, bạn có thể dễ dàng mở trang quản lý quyền trong ứng dụng của mình. Tính năng này giúp bạn có nhiều ngữ cảnh xử lý thích hợp khi người dùng muốn nhanh chóng kiểm tra các quyền đã cấp.

Link document: API openPermissionSetting

Giao diện quản lý quyền

Thêm vào danh sách yêu thích

Đây là một tính năng được mong chờ. Với API này, người dùng có thể dễ dàng thêm các ứng dụng vào danh sách yêu thích trong Mini Apps Store. Điều này tạo điều kiện thuận lợi để người dùng lưu trữ và truy cập nhanh chóng vào ứng dụng.

Link document: API favoriteApp

Giao diện thêm danh sách yêu thích

Tutorial: Onboarding

Để  giúp người dùng mới làm quen và sử dụng ứng dụng một cách dễ dàng. Onboarding cung cấp hướng dẫn và thông tin về giá trị, tính năng, lợi ích của ứng dụng, giúp người dùng trở nên tự tin và sẵn sàng sử dụng ứng dụng một cách hiệu quả.

Có hai mẫu giao diện onboarding trên Zalo Mini App:

  • Multi-step onboarding: Sử dụng một loạt các bước để giới thiệu tính năng và dịch vụ nổi bật của Mini App cho người dùng. Ưu điểm của mẫu này là có không gian để hiển thị thông tin chi tiết cho từng tính năng, dịch vụ. Tuy nhiên, nhược điểm là người dùng có thể bỏ qua những thông tin ở bước sau.
  • Single screen onboarding: Giới thiệu về các tính năng, dịch vụ nổi bật của Mini App trên một màn hình duy nhất. Ưu điểm của mẫu này là Mini App có thể hiển thị đồng thời nhiều tính năng, dịch vụ nổi bật. Tuy nhiên, nhược điểm là có ít không gian để hiển thị chi tiết cho từng tính năng, dịch vụ.

Bài viết cung cấp hình ảnh minh họa và hướng dẫn chi tiết về cách triển khai các mẫu giao diện onboarding trên Zalo Mini App. Bạn có thể truy cập vào liên kết để xem thông tin chi tiết và áp dụng cho ứng dụng của bạn.

Giao diện tham khảo màn hình Onboarding

Blog: Chuyển đổi dự án Next.js thành Zalo Mini App

Nhằm đáp ứng nhu cầu ngày càng tăng về việc sử dụng Zalo Mini App. Bài viết này hướng dẫn chuyển đổi dự án có sẵn bằng Next.js thành Mini App trên Zalo. Các điều cần lưu ý là các cơ chế Server-Side Rendering (SSR) hoặc Static Site Generation (SSG) không được hỗ trợ trên mini-app.

Quá trình chuyển đổi bao gồm các bước sau:

  • Xuất ứng dụng Next.js ra static site.
  • Khởi tạo Zalo Mini App và liên kết với App ID.
  • Thiết lập app-config.json để định cấu hình ứng dụng Mini App.
  • Tách hình ảnh và các tài nguyên nặng lên CDN.
  • Triển khai và xuất bản Mini App

Bằng cách tuân thủ các bước trên, bạn có thể chuyển đổi ứng dụng web từ Next.js sang Zalo Mini App một cách hiệu quả và đảm bảo trải nghiệm tốt cho người dùng trên nền tang Zalo. Bạn có thể xem chi tiết hơn tại đây.

Zalo Mini App Studio: Nâng cao hiệu quả và trải nghiệm khi phát triển Mini App

Trong phiên bản 1.13.0, Zalo Mini App Studio mang đến những cải tiến đáng kể trong quá trình phát triển Mini App. Một tính năng đáng chú ý là khả năng khởi động dự án trực tiếp trên thiết bị thật.

Từ phiên bản này trở đi, việc kiểm tra và thử nghiệm các chức năng liên quan đến Zalo như getAccessToken, getPhoneNumber, openChat, openShareSheet không còn yêu cầu phải xuất bản dự án. Thay vào đó, bạn có thể sử dụng ứng dụng Zalo chính trên thiết bị thật để chạy Mini App của mình ngay trong quá trình phát triển. Điều này giúp tiết kiệm thời gian và tạo điều kiện thuận lợi cho các nhà phát triển.

Với khả năng khởi động dự án trực tiếp trên thiết bị thật, bạn có thể nhanh chóng kiểm tra và xem các chức năng của Mini App hoạt động như thế nào trong môi trường thực tế. Điều này giúp tối ưu quy trình phát triển và nâng cao chất lượng ứng dụng của bạn.

Zalo Mini App Studio 1.13.0 mang đến sự tiện lợi và linh hoạt cho các nhà phát triển Mini App, tăng cường hiệu suất và trải nghiệm phát triển tổng thể

Tính năng mới test Mini App trên thiết bị thật

Tính năng mới test Mini App trên thiết bị thật

Cập nhật thời gian xét duyệt: Tối ưu quy trình kiểm duyệt

Để đáp ứng nhu cầu phát triển và cập nhật Mini App ngày càng nhiều của đối tác, chúng tôi đã tối ưu quy trình kiểm duyệt Mini App như sau:

  • Thời gian kiểm duyệt bản cập nhật: Đối với Mini App gửi bản cập nhật, hầu hết các trường hợp thời gian kiểm duyệt sẽ được giảm xuống dưới 1 giờ
  • Thời gian kiểm duyệt Mini App lần đầu: Đối với Mini App lần đầu xét duyệt, thời gian kiểm duyệt vẫn được giữ nguyên trong vòng 72 giờ.

Đang thử nghiệm: Hệ thống Rating (Đánh giá) Mini App

Như đã đề cập tại bản tin trước, đội ngũ đang tiến hành thử nghiệm hệ thống đánh giá Mini App giúp người dùng có thể lựa chọn được những ứng dụng phù hợp với nhu cầu và sở thích của mình, đồng thời cũng góp phần cải thiện chất lượng của các nhà phát triển ứng dụng. Hãy tiếp tục theo dõi chúng tôi để không bỏ lỡ cập nhật thú vị này nhé!