Zalo KitZalo SDK cho React Native

Đăng nhập bằng Zalo, tự làm mới token và lấy thông tin người dùng. Dùng được cho app React Native CLI lẫn development build của Expo.

Đăng nhập không bị treo

Đăng nhập qua app Zalo hoặc web, tự chuyển sang web khi cần. Lỗi nào cũng trả về mã lỗi rõ ràng, promise không bao giờ treo mãi.

Đăng nhập

Access token được làm mới trước khi hết hạn. Nhiều lệnh gọi cùng lúc chỉ dùng chung một lần refresh, vì refresh token của Zalo chỉ dùng được một lần.

Token và phiên đăng nhập

Token được mã hóa bằng Android Keystore và lưu trong iOS Keychain. Phiên đăng nhập từ bản cũ được chuyển sang tự động.

Lưu trữ

Một lệnh gọi là có ID, tên và ảnh đại diện của người dùng đang đăng nhập.

Thông tin người dùng

Thêm một dòng vào app.json là xong phần cấu hình Android và iOS, kể cả đoạn xử lý URL trong AppDelegate. Chạy prebuild lại bao nhiêu lần cũng được.

Thiết lập Expo

Không phải sửa MainActivity hay MainApplication trên Android, có sẵn rule ProGuard, còn iOS thì đọc App ID từ Info.plist.

Thiết lập Android

npmyarnExpo

npm install react-native-zalo-kit
cd ios && pod install

yarn add react-native-zalo-kit
cd ios && pod install

npx expo install react-native-zalo-kit
# thêm plugin vào app.json, rồi chạy
npx expo prebuild

Sau đó tạo ứng dụng Zalo và làm theo hướng dẫn thiết lập cho Expo, iOS hoặc Android.

import { getUserProfile, login } from 'react-native-zalo-kit';

await login();
const { id, name, picture } = await getUserProfile();