Nhảy tới nội dung

Tạo Mini App

TẠO YÊU CẦU MINI APP​

Tạo ứng dụng React Native​

Từ trang bảng điều khiển của Mini App Center, nhấp vào tên Provider của bạn ở menu bên trái (Provider trong ví dụ là Go Company), và nhấp vào Mini Apps.

image

Nhấp vào nút Add Mini App và điền thông tin Mini App của bạn.

image

Bấm vào nút Add New khi biểu mẫu của bạn được hoàn thành. Bây giờ Mini App của bạn đang trong hàng đợi đánh giá. MoMo sẽ thông báo cho nhà phát triển khi Mini App được phê duyệt.

Tạo ứng dụng Web​

Để tạo Web App, hãy làm theo các bước tương tự như tạo React Native App và chỉ cần thay đổi Type là WebView.

image

TẠO MINI APP REACT NATIVE​

Cài đặt Mini App CLI​

Đọc tài liệu cài đặt Mini App CLI.

Khởi tạo dự án​

Để khởi tạo dự án Mini App, hãy chạy lệnh trong terminal.

/**
* create mini app
* replace myApp by your mini app name
*/

momo-miniapp init myApp

Cấu trúc thư mục​

     myApp
   │   scripts  
   │   app.json
   │   babel.config.js
   │   index.js
   │   metro.config.js
   │   package.json
   │   startScript.js
   │   start.sh
   └─src
      │  Application.js
      └─assets
      └─screens
         │   Main.js
         │   Welcome.js

Mô tả cấu trúc​

tập tin/ thư mụcMô tả
scriptsThư mục chứa đoạn mã lệnh Bundle, Webpack, Common
app.jsonTập tin chứa cấu hình Mini App: AppId, tên, Install Mode, Deloy Target
babel.config.jsTập tin chứa cấu hình Babel
index.jsTập tin chứa tập lệnh index gốc
metro.config.jsTập tin chứa cấu hình metro
package.jsonTập tin chứa các npm packages được sử dụng trong Mini App
startScript.jsTập tin chứa trình tạo Mã QR debug
start.shTập tin chứa đoạn mã lệnh bắt đầu máy chủ React Native
srcThư mục chứa các màn hình Mini App
Application.jsTập tin chứa stack navigation chính
assetsThư mục chứa Assets
screensThư mục chứa các màn hình Mini App
Welcome.jsTập tin chứa mã mẫu
Main.jsTập tin chứa mã mẫu
ON THIS PAGE