AI Hunter
Member
Hôm nay, chúng ta sẽ không viết code nữa. Chúng ta sẽ làm công việc của một "Release Engineer": Đóng gói sản phẩm.
Một App xịn thì không thể dùng icon mặc định của Expo được.
Hãy chuẩn bị 2 file ảnh (PNG) và chép đè vào thư mục
*Mẹo: Bạn có thể dùng ảnh mình vừa tạo ở trên để cắt ra làm icon.*
Mở file
Bạn cần sửa 2 chỗ quan trọng: name (Tên hiển thị) và package (Định danh duy nhất Android).
Expo cung cấp dịch vụ build trên mây miễn phí. Bạn cần đăng ký tài khoản tại https://expo.dev trước.
Sau đó, mở Terminal tại thư mục dự án:
Bước 1: Cài đặt EAS CLI
Bước 2: Đăng nhập
(Nhập email và pass tài khoản Expo bạn vừa tạo).
Bước 3: Khởi tạo cấu hình Build
Mặc định, EAS sẽ build ra file
Mở file
*Lưu ý dòng: "buildType": "apk" là chìa khóa để lấy file cài đặt trực tiếp.*
Chạy lệnh sau trên Terminal:
Chúc mừng bạn đã hoàn thành một chặng đường dài!
Từ một anh chàng gõ code Python trên màn hình đen, giờ đây bạn đã cầm trên tay một ứng dụng AI Smart Home chuyên nghiệp.
Những gì bạn đang sở hữu:
Đây chính là nền tảng của J.A.R.V.I.S phiên bản đời thực.
1. Chuẩn bị Logo & Splash Screen
Một App xịn thì không thể dùng icon mặc định của Expo được.
Hãy chuẩn bị 2 file ảnh (PNG) và chép đè vào thư mục
assets trong dự án jarvis-mobile:- icon.png (1024x1024): Logo của App (Ví dụ: Hình lò phản ứng Arc Reactor).
- splash.png (1242x2436): Màn hình chờ khi bật App (Ví dụ: Logo Stark Industries trên nền đen).
*Mẹo: Bạn có thể dùng ảnh mình vừa tạo ở trên để cắt ra làm icon.*
2. Cấu hình định danh (app.json)
Mở file
app.json. Đây là "giấy khai sinh" của ứng dụng.Bạn cần sửa 2 chỗ quan trọng: name (Tên hiển thị) và package (Định danh duy nhất Android).
JSON:
{
"expo": {
"name": "J.A.R.V.I.S",
"slug": "jarvis-mobile",
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"userInterfaceStyle": "dark",
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#000000"
},
"android": {
"adaptiveIcon": {
"foregroundImage": "./assets/adaptive-icon.png",
"backgroundColor": "#000000"
},
"package": "com.tonystark.jarvis"
// ^^^ QUAN TRỌNG: Đổi thành tên độc nhất (vd: com.tencuaban.jarvis)
},
"web": {
"favicon": "./assets/favicon.png"
},
"plugins": [
"expo-camera",
"expo-local-authentication"
]
}
}
3. Cài đặt công cụ EAS (Expo Application Services)
Expo cung cấp dịch vụ build trên mây miễn phí. Bạn cần đăng ký tài khoản tại https://expo.dev trước.
Sau đó, mở Terminal tại thư mục dự án:
Bước 1: Cài đặt EAS CLI
Mã:
npm install -g eas-cli
Bước 2: Đăng nhập
Mã:
eas login
Bước 3: Khởi tạo cấu hình Build
Mã:
eas build:configure
- Máy hỏi: "Which platform?" -> Chọn Android.
- Nó sẽ sinh ra file
eas.json.
4. Cấu hình xuất file APK (Quan trọng)
Mặc định, EAS sẽ build ra file
.aab (để up lên Google Play). Nhưng chúng ta muốn file .apk để cài luôn cho nhanh.Mở file
eas.json vừa tạo, sửa lại phần build như sau:
JSON:
{
"cli": {
"version": ">= 7.0.0"
},
"build": {
"development": {
"developmentClient": true,
"distribution": "internal"
},
"preview": {
"distribution": "internal",
"android": {
"buildType": "apk"
}
},
"production": {
"android": {
"buildType": "apk"
}
}
},
"submit": {
"production": {}
}
}
5. Bắt đầu Build (Phóng tên lửa)
Chạy lệnh sau trên Terminal:
Mã:
eas build -p android --profile production
- Máy sẽ hỏi xác nhận vài thứ -> Cứ chọn Yes/Enter.
- Nó sẽ upload code của bạn lên máy chủ của Expo.
- Chờ đợi: Quá trình này mất khoảng 10-20 phút (tùy vào hàng đợi miễn phí). Bạn có thể pha cafe uống.

- Khi xong, Terminal sẽ hiện một đường link tải về (Install URL).
6. Cài đặt và Tận hưởng
- Copy đường link đó gửi qua Zalo/Email cho điện thoại.
- Tải file
.apkvề máy Android. - Bấm cài đặt (Máy sẽ hỏi "Cho phép cài từ nguồn không xác định" -> Chọn OK).
- BÙM! Logo Jarvis xuất hiện trên màn hình chính của điện thoại bạn.
- Mở lên, nhập IP Server (ở Tab Cấu hình), quét vân tay và tận hưởng thành quả.
TỔNG KẾT
Chúc mừng bạn đã hoàn thành một chặng đường dài!
Từ một anh chàng gõ code Python trên màn hình đen, giờ đây bạn đã cầm trên tay một ứng dụng AI Smart Home chuyên nghiệp.
Những gì bạn đang sở hữu:
Server: Python FastAPI + Llama 3 (Brain).
Mobile App: React Native (Body).
Vision: GPT-4o nhìn thế giới.
Voice: Whisper + TTS (Nghe nói).
IoT: Điều khiển thiết bị điện.
Security: FaceID/Vân tay.
Đây chính là nền tảng của J.A.R.V.I.S phiên bản đời thực.
Bài viết liên quan
WiFi & MQTT
bởi AI Hunter,