u
This commit is contained in:
1 parent
ca545fbc50
commit
07e0001b87
15 files changed
+526
-409
No files matched your search
@@ -16,6 +16,7 @@ import (
|
|||||||
func RunServer(cfg *config.Config) error {
|
func RunServer(cfg *config.Config) error {
|
||||||
app := fiber.New(fiber.Config{
|
app := fiber.New(fiber.Config{
|
||||||
ErrorHandler: errors.ErrorHandler(),
|
ErrorHandler: errors.ErrorHandler(),
|
||||||
|
BodyLimit: 20 * 1024 * 1024, // 20MB
|
||||||
})
|
})
|
||||||
|
|
||||||
// ===== middleware =====
|
// ===== middleware =====
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ import (
|
|||||||
"allapp-go/internal/httpx"
|
"allapp-go/internal/httpx"
|
||||||
"allapp-go/pkg/s3store"
|
"allapp-go/pkg/s3store"
|
||||||
"fmt"
|
"fmt"
|
||||||
"mime/multipart"
|
|
||||||
"path/filepath"
|
"path/filepath"
|
||||||
"time"
|
"time"
|
||||||
|
|
||||||
@@ -31,20 +30,17 @@ func S3ListBuckets(c fiber.Ctx) error {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func S3UploadFile(c fiber.Ctx) error {
|
func S3UploadFile(c fiber.Ctx) error {
|
||||||
fileHeader, err := c.FormFile("file")
|
form, err := c.MultipartForm()
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return errors.WithStack(err)
|
return errors.WithStack(err)
|
||||||
}
|
}
|
||||||
|
|
||||||
file, err := fileHeader.Open()
|
files := form.File["files"]
|
||||||
if err != nil {
|
|
||||||
return errors.WithStack(err)
|
if len(files) == 0 {
|
||||||
|
return httpx.OK(c, nil)
|
||||||
}
|
}
|
||||||
defer func(file multipart.File) {
|
|
||||||
_ = file.Close()
|
|
||||||
}(file)
|
|
||||||
|
|
||||||
// 日期目录
|
|
||||||
now := time.Now()
|
now := time.Now()
|
||||||
folderPath := fmt.Sprintf("%d/%02d/%02d",
|
folderPath := fmt.Sprintf("%d/%02d/%02d",
|
||||||
now.Year(),
|
now.Year(),
|
||||||
@@ -52,28 +48,36 @@ func S3UploadFile(c fiber.Ctx) error {
|
|||||||
now.Day(),
|
now.Day(),
|
||||||
)
|
)
|
||||||
|
|
||||||
// UUID 文件名(保留后缀)
|
var result []string
|
||||||
ext := filepath.Ext(fileHeader.Filename)
|
|
||||||
newName := fmt.Sprintf("%s%s", uuid.NewString(), ext)
|
|
||||||
|
|
||||||
// S3 object key
|
for _, fileHeader := range files {
|
||||||
key := fmt.Sprintf("%s/%s", folderPath, newName)
|
file, err := fileHeader.Open()
|
||||||
|
if err != nil {
|
||||||
|
return errors.WithStack(err)
|
||||||
|
}
|
||||||
|
|
||||||
// ContentType(防止前端乱传)
|
ext := filepath.Ext(fileHeader.Filename)
|
||||||
contentType := fileHeader.Header.Get("Content-Type")
|
newName := fmt.Sprintf("%s%s", uuid.NewString(), ext)
|
||||||
|
key := fmt.Sprintf("%s/%s", folderPath, newName)
|
||||||
|
|
||||||
// 调用存储层
|
contentType := fileHeader.Header.Get("Content-Type")
|
||||||
err = s3store.UploadToRustFS(
|
|
||||||
c.Context(),
|
|
||||||
key,
|
|
||||||
file,
|
|
||||||
fileHeader.Size,
|
|
||||||
contentType,
|
|
||||||
)
|
|
||||||
|
|
||||||
if err != nil {
|
err = s3store.UploadToRustFS(
|
||||||
return errors.WithStack(err)
|
c.Context(),
|
||||||
|
key,
|
||||||
|
file,
|
||||||
|
fileHeader.Size,
|
||||||
|
contentType,
|
||||||
|
)
|
||||||
|
|
||||||
|
_ = file.Close()
|
||||||
|
|
||||||
|
if err != nil {
|
||||||
|
return errors.WithStack(err)
|
||||||
|
}
|
||||||
|
|
||||||
|
result = append(result, key)
|
||||||
}
|
}
|
||||||
|
|
||||||
return httpx.OK(c, nil)
|
return httpx.OK(c, result)
|
||||||
}
|
}
|
||||||
@@ -1 +1,3 @@
|
|||||||
EXPO_PUBLIC_API_URL=https://dev.api.com
|
EXPO_PUBLIC_API_URL=https://dev.api.com
|
||||||
|
EXPO_PUBLIC_G3_URL=http://118.89.70.199:9001
|
||||||
|
EXPO_PUBLIC_G3_BUCKET=test
|
||||||
@@ -67,20 +67,6 @@
|
|||||||
{
|
{
|
||||||
"iCloudContainerEnvironment": "Production"
|
"iCloudContainerEnvironment": "Production"
|
||||||
}
|
}
|
||||||
],
|
|
||||||
[
|
|
||||||
"expo-image-picker",
|
|
||||||
{
|
|
||||||
"photosPermission": "The app accesses your photos to let you share them with your friends.",
|
|
||||||
"colors": {
|
|
||||||
"cropToolbarColor": "#000000"
|
|
||||||
},
|
|
||||||
"dark": {
|
|
||||||
"colors": {
|
|
||||||
"cropToolbarColor": "#000000"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"experiments": {
|
"experiments": {
|
||||||
|
|||||||
@@ -34,7 +34,6 @@
|
|||||||
"expo-font": "~55.0.6",
|
"expo-font": "~55.0.6",
|
||||||
"expo-glass-effect": "~55.0.10",
|
"expo-glass-effect": "~55.0.10",
|
||||||
"expo-image": "~55.0.8",
|
"expo-image": "~55.0.8",
|
||||||
"expo-image-picker": "~55.0.18",
|
|
||||||
"expo-linear-gradient": "~55.0.13",
|
"expo-linear-gradient": "~55.0.13",
|
||||||
"expo-linking": "~55.0.13",
|
"expo-linking": "~55.0.13",
|
||||||
"expo-qq": "^0.1.8",
|
"expo-qq": "^0.1.8",
|
||||||
|
|||||||
Generated
-22
@@ -71,9 +71,6 @@ importers:
|
|||||||
expo-image:
|
expo-image:
|
||||||
specifier: ~55.0.8
|
specifier: ~55.0.8
|
||||||
version: 55.0.8(expo@55.0.15)(react-native-web@0.21.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
|
version: 55.0.8(expo@55.0.15)(react-native-web@0.21.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
|
||||||
expo-image-picker:
|
|
||||||
specifier: ~55.0.18
|
|
||||||
version: 55.0.18(expo@55.0.15)
|
|
||||||
expo-linear-gradient:
|
expo-linear-gradient:
|
||||||
specifier: ~55.0.13
|
specifier: ~55.0.13
|
||||||
version: 55.0.13(expo@55.0.15)(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
|
version: 55.0.13(expo@55.0.15)(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
|
||||||
@@ -2311,16 +2308,6 @@ packages:
|
|||||||
react: '*'
|
react: '*'
|
||||||
react-native: '*'
|
react-native: '*'
|
||||||
|
|
||||||
expo-image-loader@55.0.0:
|
|
||||||
resolution: {integrity: sha512-NOjp56wDrfuA5aiNAybBIjqIn1IxKeGJ8CECWZncQ/GzjZfyTYAHTCyeApYkdKkMBLHINzI4BbTGSlbCa0fXXQ==}
|
|
||||||
peerDependencies:
|
|
||||||
expo: '*'
|
|
||||||
|
|
||||||
expo-image-picker@55.0.18:
|
|
||||||
resolution: {integrity: sha512-lGpPGRu+7mE8qN0ma2boRsCmfOGbdHZ2bXTpWVeWly0JCZdogGlTrYFnhTqgS8+lmiRb/UCOs7iTm2P5Rra6kw==}
|
|
||||||
peerDependencies:
|
|
||||||
expo: '*'
|
|
||||||
|
|
||||||
expo-image@55.0.8:
|
expo-image@55.0.8:
|
||||||
resolution: {integrity: sha512-fNdvdYVcGn3g1x6o5AXHKzk4xX8U6rg2W9vFdE1pQO80kWCNReh003ypqSrGy4dD+zA8FtZjrNF3oMDGnPpIGQ==}
|
resolution: {integrity: sha512-fNdvdYVcGn3g1x6o5AXHKzk4xX8U6rg2W9vFdE1pQO80kWCNReh003ypqSrGy4dD+zA8FtZjrNF3oMDGnPpIGQ==}
|
||||||
peerDependencies:
|
peerDependencies:
|
||||||
@@ -6609,15 +6596,6 @@ snapshots:
|
|||||||
react: 19.2.0
|
react: 19.2.0
|
||||||
react-native: 0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0)
|
react-native: 0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0)
|
||||||
|
|
||||||
expo-image-loader@55.0.0(expo@55.0.15):
|
|
||||||
dependencies:
|
|
||||||
expo: 55.0.15(@babel/core@7.29.0)(@expo/dom-webview@55.0.5)(@expo/metro-runtime@55.0.9)(expo-router@55.0.12)(react-dom@19.2.0(react@19.2.0))(react-native-worklets@0.7.2(@babel/core@7.29.0)(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)(typescript@5.9.3)
|
|
||||||
|
|
||||||
expo-image-picker@55.0.18(expo@55.0.15):
|
|
||||||
dependencies:
|
|
||||||
expo: 55.0.15(@babel/core@7.29.0)(@expo/dom-webview@55.0.5)(@expo/metro-runtime@55.0.9)(expo-router@55.0.12)(react-dom@19.2.0(react@19.2.0))(react-native-worklets@0.7.2(@babel/core@7.29.0)(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)(typescript@5.9.3)
|
|
||||||
expo-image-loader: 55.0.0(expo@55.0.15)
|
|
||||||
|
|
||||||
expo-image@55.0.8(expo@55.0.15)(react-native-web@0.21.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0):
|
expo-image@55.0.8(expo@55.0.15)(react-native-web@0.21.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0):
|
||||||
dependencies:
|
dependencies:
|
||||||
expo: 55.0.15(@babel/core@7.29.0)(@expo/dom-webview@55.0.5)(@expo/metro-runtime@55.0.9)(expo-router@55.0.12)(react-dom@19.2.0(react@19.2.0))(react-native-worklets@0.7.2(@babel/core@7.29.0)(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)(typescript@5.9.3)
|
expo: 55.0.15(@babel/core@7.29.0)(@expo/dom-webview@55.0.5)(@expo/metro-runtime@55.0.9)(expo-router@55.0.12)(react-dom@19.2.0(react@19.2.0))(react-native-worklets@0.7.2(@babel/core@7.29.0)(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0))(react-native@0.83.4(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)(typescript@5.9.3)
|
||||||
|
|||||||
@@ -1,40 +1,66 @@
|
|||||||
import { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { Alert, Button, Image, View, StyleSheet } from "react-native";
|
import { View, Button, Image, ScrollView, StyleSheet } from "react-native";
|
||||||
import * as ImagePicker from "expo-image-picker";
|
import ImagePicker from "react-native-image-crop-picker";
|
||||||
|
|
||||||
export default function ImagePickerExample() {
|
export default function ImageCropPickerDemo() {
|
||||||
const [image, setImage] = useState<string | null>(null);
|
const [images, setImages] = useState<any[]>([]);
|
||||||
|
|
||||||
const pickImage = async () => {
|
// 选择单张 + 裁剪
|
||||||
// No permissions request is necessary for launching the image library.
|
const pickSingle = async () => {
|
||||||
// Manually request permissions for videos on iOS when `allowsEditing` is set to `false`
|
try {
|
||||||
// and `videoExportPreset` is `'Passthrough'` (the default), ideally before launching the picker
|
const image = await ImagePicker.openPicker({
|
||||||
// so the app users aren't surprised by a system dialog after picking a video.
|
freeStyleCropEnabled: true,
|
||||||
// See "Invoke permissions for videos" sub section for more details.
|
cropping: true,
|
||||||
const permissionResult = await ImagePicker.requestMediaLibraryPermissionsAsync();
|
compressImageQuality: 0.7,
|
||||||
|
});
|
||||||
|
|
||||||
if (!permissionResult.granted) {
|
setImages([image]);
|
||||||
Alert.alert("Permission required", "Permission to access the media library is required.");
|
} catch (e) {
|
||||||
return;
|
console.log(e);
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
|
||||||
let result = await ImagePicker.launchImageLibraryAsync({
|
// 拍照 + 裁剪
|
||||||
mediaTypes: ["images", "videos"],
|
const takePhoto = async () => {
|
||||||
allowsEditing: true,
|
try {
|
||||||
quality: 1,
|
const image = await ImagePicker.openCamera({
|
||||||
});
|
width: 300,
|
||||||
|
height: 300,
|
||||||
|
cropping: true,
|
||||||
|
compressImageQuality: 0.7,
|
||||||
|
});
|
||||||
|
|
||||||
console.log(result);
|
setImages([image]);
|
||||||
|
} catch (e) {
|
||||||
|
console.log(e);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
if (!result.canceled) {
|
// 多选(不裁剪)
|
||||||
setImage(result.assets[0].uri);
|
const pickMultiple = async () => {
|
||||||
|
try {
|
||||||
|
const result = await ImagePicker.openPicker({
|
||||||
|
multiple: true,
|
||||||
|
compressImageQuality: 0.7,
|
||||||
|
});
|
||||||
|
|
||||||
|
setImages(result);
|
||||||
|
} catch (e) {
|
||||||
|
console.log(e);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style={styles.container}>
|
<View style={styles.container}>
|
||||||
<Button title="Pick an image from camera roll" onPress={pickImage} />
|
<Button title="选择图片(裁剪)" onPress={pickSingle} />
|
||||||
{image && <Image source={{ uri: image }} style={styles.image} />}
|
<Button title="拍照(裁剪)" onPress={takePhoto} />
|
||||||
|
<Button title="多选图片" onPress={pickMultiple} />
|
||||||
|
|
||||||
|
<ScrollView style={styles.preview}>
|
||||||
|
{images.map((img, index) => (
|
||||||
|
<Image key={index} source={{ uri: img.path }} style={styles.image} />
|
||||||
|
))}
|
||||||
|
</ScrollView>
|
||||||
</View>
|
</View>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -42,11 +68,16 @@ export default function ImagePickerExample() {
|
|||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
container: {
|
container: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
alignItems: "center",
|
padding: 20,
|
||||||
justifyContent: "center",
|
marginTop: 60,
|
||||||
|
},
|
||||||
|
preview: {
|
||||||
|
marginTop: 20,
|
||||||
},
|
},
|
||||||
image: {
|
image: {
|
||||||
width: 200,
|
width: "100%",
|
||||||
height: 200,
|
height: 200,
|
||||||
|
marginBottom: 10,
|
||||||
|
borderRadius: 10,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@@ -9,6 +9,7 @@ import { withUniwind } from "uniwind";
|
|||||||
import { useUserStore, useFamilyStore } from "@/store";
|
import { useUserStore, useFamilyStore } from "@/store";
|
||||||
import { useRouter } from "expo-router";
|
import { useRouter } from "expo-router";
|
||||||
const StyledIonicons = withUniwind(Ionicons);
|
const StyledIonicons = withUniwind(Ionicons);
|
||||||
|
import { buildFileUrl } from "@/utils/file";
|
||||||
|
|
||||||
export default function My() {
|
export default function My() {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
@@ -32,7 +33,7 @@ export default function My() {
|
|||||||
<LayoutView.ScrollView>
|
<LayoutView.ScrollView>
|
||||||
<View className="flex-row items-center">
|
<View className="flex-row items-center">
|
||||||
<Avatar alt="">
|
<Avatar alt="">
|
||||||
<Avatar.Image source={{ uri: userStore.userInfo.avatar }} />
|
<Avatar.Image source={{ uri: buildFileUrl(userStore.userInfo.avatar) }} />
|
||||||
<Avatar.Fallback className="text-sm">{userStore.userInfo.nickname}</Avatar.Fallback>
|
<Avatar.Fallback className="text-sm">{userStore.userInfo.nickname}</Avatar.Fallback>
|
||||||
</Avatar>
|
</Avatar>
|
||||||
|
|
||||||
|
|||||||
@@ -1,11 +1,18 @@
|
|||||||
|
import { useEffect } from "react";
|
||||||
import { Stack } from "expo-router";
|
import { Stack } from "expo-router";
|
||||||
import { Image, Text, View } from "react-native";
|
import { Image, Text, View } from "react-native";
|
||||||
import { Button, LinkButton, ControlField, Checkbox, Spinner } from "heroui-native";
|
import { Button, LinkButton, ControlField, Checkbox, Spinner } from "heroui-native";
|
||||||
import { IconQq } from "@/components/iconfont";
|
import { IconQq, IconWeixin } from "@/components/iconfont";
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import { FadeIn } from "react-native-reanimated";
|
import { FadeIn } from "react-native-reanimated";
|
||||||
import { useUserStore, useFamilyStore } from "@/store";
|
import { useUserStore, useFamilyStore } from "@/store";
|
||||||
import { useRouter } from "expo-router";
|
import { useRouter } from "expo-router";
|
||||||
|
import ExpoQQ from "expo-qq";
|
||||||
|
import ExpoWeChat from "expo-wechat";
|
||||||
|
import { useEvent } from "expo";
|
||||||
|
import { toast } from "sonner-native";
|
||||||
|
import { loginQqApi, loginWxApi, s3UploadFileApi, saveDataApi } from "@/request/api";
|
||||||
|
import { isS3Key } from "@/utils/file";
|
||||||
|
|
||||||
export default function Login() {
|
export default function Login() {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
@@ -14,47 +21,217 @@ export default function Login() {
|
|||||||
|
|
||||||
const [loading, setLoading] = useState(false);
|
const [loading, setLoading] = useState(false);
|
||||||
const [isAgreed, setIsAgreed] = useState(true);
|
const [isAgreed, setIsAgreed] = useState(true);
|
||||||
|
const [form, setForm] = useState({
|
||||||
|
type: 0,
|
||||||
|
openid: "",
|
||||||
|
code: "",
|
||||||
|
});
|
||||||
|
|
||||||
/**
|
// 登录
|
||||||
* {"code": 1000, "data": {"avatar": "http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100", "family_id": 797225979793477, "nickname": "Zhang", "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7InVzZXJfaWQiOjc5NjU0MTkwMTM4OTg5M30sImlhdCI6MTc3Njc3MTcyOX0.JldxjA-0u2hza3qNx20xgUyVBVVV6hQuVuTW1GcJyr8", "userId": 796541901389893}, "isSuccess": true, "message": "success", "track_id": "hI5gEsPHu1LGwkQaJ6lf1dDQby0rzxGVJj0KcNC3Nxw"}
|
const onLoginFinished = useEvent(ExpoQQ, "onLoginFinished");
|
||||||
*/
|
const onGetUserInfo = useEvent(ExpoQQ, "onGetUserInfo");
|
||||||
|
const authResult = useEvent(ExpoWeChat, "onAuthResult");
|
||||||
|
|
||||||
function handleTest() {
|
useEffect(() => {
|
||||||
|
ExpoQQ.init("102826474", "");
|
||||||
|
ExpoWeChat.registerApp("wxdab3e21a1f7e392f", "");
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// 微信登录
|
||||||
|
async function handleLoginWechat() {
|
||||||
|
if (loading) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setLoading(true);
|
||||||
|
|
||||||
|
// 检查微信是否安装
|
||||||
|
const isInstalled = await ExpoWeChat.isWXAppInstalled();
|
||||||
|
if (!isInstalled) {
|
||||||
|
toast.warning(onLoginFinished?.errorMessage || "请先安装微信");
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setForm((val) => ({
|
||||||
|
...val,
|
||||||
|
type: 0,
|
||||||
|
}));
|
||||||
|
|
||||||
|
ExpoWeChat.sendAuthRequest("snsapi_userinfo", "state123");
|
||||||
|
}
|
||||||
|
|
||||||
|
// QQ 登录
|
||||||
|
async function handleLoginQQ() {
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
|
|
||||||
setTimeout(() => {
|
setForm((val) => ({
|
||||||
requestAnimationFrame(() => {
|
...val,
|
||||||
userStore.setUserInfo({
|
type: 1,
|
||||||
id: 796541901389893,
|
}));
|
||||||
token:
|
await ExpoQQ.login(["get_user_info"]);
|
||||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7InVzZXJfaWQiOjc5NjU0MTkwMTM4OTg5M30sImlhdCI6MTc3Njc3MTcyOX0.JldxjA-0u2hza3qNx20xgUyVBVVV6hQuVuTW1GcJyr8",
|
}
|
||||||
nickname: "Zhang",
|
|
||||||
avatar:
|
|
||||||
"http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100",
|
|
||||||
});
|
|
||||||
userStore.setAuthExpired(false);
|
|
||||||
console.log(familyStore.inFamily());
|
|
||||||
|
|
||||||
// if (familyStore.inFamily()) {
|
useEffect(() => {
|
||||||
// router.replace("/(tabs)/home");
|
if (!onLoginFinished) {
|
||||||
// } else {
|
return;
|
||||||
// router.replace("/family/entry");
|
}
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
if (!onLoginFinished.success) {
|
||||||
|
toast.warning(onLoginFinished?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const fetchUserInfo = async () => {
|
||||||
|
try {
|
||||||
|
const tokenInfo = await ExpoQQ.getLoginTokenInfo();
|
||||||
|
if (!tokenInfo.openId) {
|
||||||
|
toast.warning(tokenInfo?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setForm((val) => ({
|
||||||
|
...val,
|
||||||
|
openid: String(tokenInfo.openId),
|
||||||
|
}));
|
||||||
|
|
||||||
|
await ExpoQQ.sendGetUserInfoReq();
|
||||||
|
} catch (e) {
|
||||||
|
console.log(e);
|
||||||
|
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
fetchUserInfo();
|
||||||
|
}, [onLoginFinished]);
|
||||||
|
|
||||||
|
const handlePostLogin = async (user: any) => {
|
||||||
|
let finalAvatar = user.avatar || "";
|
||||||
|
|
||||||
|
// 统一头像迁移逻辑
|
||||||
|
const isExternalUrl = finalAvatar && !isS3Key(finalAvatar);
|
||||||
|
|
||||||
|
if (isExternalUrl) {
|
||||||
|
userStore.updateToken(user.token);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const file = {
|
||||||
|
uri: finalAvatar,
|
||||||
|
name: `avatar_${Date.now()}.jpg`,
|
||||||
|
type: "image/jpeg",
|
||||||
|
};
|
||||||
|
|
||||||
|
const uploadRes = await s3UploadFileApi([file]);
|
||||||
|
|
||||||
|
if (uploadRes.isSuccess) {
|
||||||
|
finalAvatar = uploadRes.data?.[0] || finalAvatar;
|
||||||
|
|
||||||
|
saveDataApi([
|
||||||
|
{
|
||||||
|
table_name: "b_user",
|
||||||
|
key_field: "id",
|
||||||
|
inserts: [],
|
||||||
|
deletes: [],
|
||||||
|
updates: [
|
||||||
|
{
|
||||||
|
id: user.userId,
|
||||||
|
avatar: finalAvatar,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]).catch(console.log);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.log("头像迁移失败", e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 统一写入 store
|
||||||
|
userStore.setUserInfo({
|
||||||
|
token: user.token,
|
||||||
|
id: user.userId,
|
||||||
|
nickname: user.nickname,
|
||||||
|
avatar: finalAvatar,
|
||||||
|
});
|
||||||
|
|
||||||
|
userStore.setAuthExpired(false);
|
||||||
|
|
||||||
|
// 统一跳转
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
if (user.family_id === 0) {
|
||||||
|
router.replace("/family/entry");
|
||||||
|
} else {
|
||||||
familyStore.setCurrentFamily({
|
familyStore.setCurrentFamily({
|
||||||
family_id: 797225979793477,
|
family_id: user.family_id,
|
||||||
});
|
});
|
||||||
|
|
||||||
router.replace("/(tabs)/home");
|
router.replace("/(tabs)/home");
|
||||||
});
|
}
|
||||||
setLoading(false);
|
});
|
||||||
}, 500);
|
};
|
||||||
}
|
|
||||||
|
// QQ登录
|
||||||
|
useEffect(() => {
|
||||||
|
const handleLogin = async () => {
|
||||||
|
if (!onGetUserInfo) {
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const loginRes = await loginQqApi({
|
||||||
|
openid: form.openid,
|
||||||
|
nickname: onGetUserInfo.nickname || "",
|
||||||
|
avatar: onGetUserInfo.figureurlQq_2 || onGetUserInfo.figureurl_2,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!loginRes.isSuccess) return;
|
||||||
|
|
||||||
|
await handlePostLogin(loginRes.data);
|
||||||
|
} catch (err) {
|
||||||
|
console.error("QQ登录失败", err);
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
handleLogin();
|
||||||
|
}, [onGetUserInfo]);
|
||||||
|
|
||||||
|
// 微信登录
|
||||||
|
useEffect(() => {
|
||||||
|
if (!authResult) return;
|
||||||
|
|
||||||
|
const handleLogin = async () => {
|
||||||
|
if (authResult.errorCode !== 0) {
|
||||||
|
console.log("授权失败:", authResult.errorMessage);
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const loginRes = await loginWxApi({
|
||||||
|
code: authResult.code,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!loginRes.isSuccess) return;
|
||||||
|
|
||||||
|
await handlePostLogin(loginRes.data);
|
||||||
|
} catch (err) {
|
||||||
|
console.error("微信登录失败", err);
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
handleLogin();
|
||||||
|
}, [authResult]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@@ -74,7 +251,7 @@ export default function Login() {
|
|||||||
</View>
|
</View>
|
||||||
|
|
||||||
<View className="flex flex-col gap-4">
|
<View className="flex flex-col gap-4">
|
||||||
{/* <Button onPress={handleLoginWechat}>
|
<Button onPress={handleLoginWechat}>
|
||||||
{loading ? (
|
{loading ? (
|
||||||
<Spinner entering={FadeIn.delay(50)} color="white" />
|
<Spinner entering={FadeIn.delay(50)} color="white" />
|
||||||
) : (
|
) : (
|
||||||
@@ -86,11 +263,6 @@ export default function Login() {
|
|||||||
<Button variant="outline" onPress={handleLoginQQ}>
|
<Button variant="outline" onPress={handleLoginQQ}>
|
||||||
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
|
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
|
||||||
<Button.Label>QQ</Button.Label>
|
<Button.Label>QQ</Button.Label>
|
||||||
</Button> */}
|
|
||||||
|
|
||||||
<Button variant="outline" onPress={handleTest}>
|
|
||||||
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
|
|
||||||
<Button.Label>Test</Button.Label>
|
|
||||||
</Button>
|
</Button>
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,119 @@
|
|||||||
|
import { Stack } from "expo-router";
|
||||||
|
import { Image, Text, View } from "react-native";
|
||||||
|
import { Button, LinkButton, ControlField, Checkbox, Spinner } from "heroui-native";
|
||||||
|
import { IconQq } from "@/components/iconfont";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { FadeIn } from "react-native-reanimated";
|
||||||
|
import { useUserStore, useFamilyStore } from "@/store";
|
||||||
|
import { useRouter } from "expo-router";
|
||||||
|
|
||||||
|
export default function Login() {
|
||||||
|
const router = useRouter();
|
||||||
|
const userStore = useUserStore();
|
||||||
|
const familyStore = useFamilyStore();
|
||||||
|
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [isAgreed, setIsAgreed] = useState(true);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* {"code": 1000, "data": {"avatar": "http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100", "family_id": 797225979793477, "nickname": "Zhang", "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7InVzZXJfaWQiOjc5NjU0MTkwMTM4OTg5M30sImlhdCI6MTc3Njc3MTcyOX0.JldxjA-0u2hza3qNx20xgUyVBVVV6hQuVuTW1GcJyr8", "userId": 796541901389893}, "isSuccess": true, "message": "success", "track_id": "hI5gEsPHu1LGwkQaJ6lf1dDQby0rzxGVJj0KcNC3Nxw"}
|
||||||
|
*/
|
||||||
|
|
||||||
|
function handleTest() {
|
||||||
|
if (loading) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
userStore.setUserInfo({
|
||||||
|
id: 796541901389893,
|
||||||
|
token:
|
||||||
|
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7InVzZXJfaWQiOjc5NjU0MTkwMTM4OTg5M30sImlhdCI6MTc3Njc3MTcyOX0.JldxjA-0u2hza3qNx20xgUyVBVVV6hQuVuTW1GcJyr8",
|
||||||
|
nickname: "Zhang",
|
||||||
|
avatar:
|
||||||
|
"http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100",
|
||||||
|
});
|
||||||
|
userStore.setAuthExpired(false);
|
||||||
|
console.log(familyStore.inFamily());
|
||||||
|
|
||||||
|
// if (familyStore.inFamily()) {
|
||||||
|
// router.replace("/(tabs)/home");
|
||||||
|
// } else {
|
||||||
|
// router.replace("/family/entry");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
familyStore.setCurrentFamily({
|
||||||
|
family_id: 797225979793477,
|
||||||
|
});
|
||||||
|
|
||||||
|
router.replace("/(tabs)/home");
|
||||||
|
});
|
||||||
|
setLoading(false);
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Stack.Screen
|
||||||
|
options={{
|
||||||
|
animation: "fade",
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<View className="flex-1 bg-white px-6 justify-center">
|
||||||
|
<View className="items-center mb-12">
|
||||||
|
<Image
|
||||||
|
source={require("@/static/images/logo.png")}
|
||||||
|
className="w-20 h-20 mb-4"
|
||||||
|
resizeMode="contain"
|
||||||
|
/>
|
||||||
|
<Text className="text-xl font-semibold text-gray-900">Welcome to Allapp</Text>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="flex flex-col gap-4">
|
||||||
|
{/* <Button onPress={handleLoginWechat}>
|
||||||
|
{loading ? (
|
||||||
|
<Spinner entering={FadeIn.delay(50)} color="white" />
|
||||||
|
) : (
|
||||||
|
<IconWeixin color="white" />
|
||||||
|
)}
|
||||||
|
<Button.Label>WeChat</Button.Label>
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<Button variant="outline" onPress={handleLoginQQ}>
|
||||||
|
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
|
||||||
|
<Button.Label>QQ</Button.Label>
|
||||||
|
</Button> */}
|
||||||
|
|
||||||
|
<Button variant="outline" onPress={handleTest}>
|
||||||
|
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
|
||||||
|
<Button.Label>Test</Button.Label>
|
||||||
|
</Button>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<ControlField
|
||||||
|
isSelected={isAgreed}
|
||||||
|
onSelectedChange={setIsAgreed}
|
||||||
|
className="items-start mt-10"
|
||||||
|
>
|
||||||
|
<ControlField.Indicator>
|
||||||
|
<Checkbox className="w-5 h-5 rounded-sm" />
|
||||||
|
</ControlField.Indicator>
|
||||||
|
<View className="flex-row flex-wrap flex-1 gap-1">
|
||||||
|
<Text className="text-sm text-muted">登录即表示你同意我们的</Text>
|
||||||
|
<LinkButton size="sm">
|
||||||
|
<LinkButton.Label className="text-accent">用户协议</LinkButton.Label>
|
||||||
|
</LinkButton>
|
||||||
|
<Text className="text-sm text-muted">和</Text>
|
||||||
|
<LinkButton size="sm">
|
||||||
|
<LinkButton.Label className="text-accent">隐私政策</LinkButton.Label>
|
||||||
|
</LinkButton>
|
||||||
|
</View>
|
||||||
|
</ControlField>
|
||||||
|
</View>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,262 +0,0 @@
|
|||||||
import { useEffect } from "react";
|
|
||||||
import { Stack } from "expo-router";
|
|
||||||
import { Image, Text, View } from "react-native";
|
|
||||||
import { Button, LinkButton, ControlField, Checkbox, Spinner } from "heroui-native";
|
|
||||||
import { IconQq, IconWeixin } from "@/components/iconfont";
|
|
||||||
import { useState } from "react";
|
|
||||||
import { FadeIn } from "react-native-reanimated";
|
|
||||||
import { useUserStore, useFamilyStore } from "@/store";
|
|
||||||
import { useRouter } from "expo-router";
|
|
||||||
import ExpoQQ from "expo-qq";
|
|
||||||
import ExpoWeChat from "expo-wechat";
|
|
||||||
import { useEvent } from "expo";
|
|
||||||
import { toast } from "sonner-native";
|
|
||||||
import { loginQqApi, loginWxApi } from "@/request/api";
|
|
||||||
|
|
||||||
export default function Login() {
|
|
||||||
const router = useRouter();
|
|
||||||
const userStore = useUserStore();
|
|
||||||
const familyStore = useFamilyStore();
|
|
||||||
|
|
||||||
const [loading, setLoading] = useState(false);
|
|
||||||
const [isAgreed, setIsAgreed] = useState(true);
|
|
||||||
const [form, setForm] = useState({
|
|
||||||
type: 0,
|
|
||||||
openid: "",
|
|
||||||
code: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
// 登录
|
|
||||||
const onLoginFinished = useEvent(ExpoQQ, "onLoginFinished");
|
|
||||||
const onGetUserInfo = useEvent(ExpoQQ, "onGetUserInfo");
|
|
||||||
const authResult = useEvent(ExpoWeChat, "onAuthResult");
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
ExpoQQ.init("102826474", "");
|
|
||||||
ExpoWeChat.registerApp("wxdab3e21a1f7e392f", "");
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
// 微信登录
|
|
||||||
async function handleLoginWechat() {
|
|
||||||
if (loading) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
setLoading(true);
|
|
||||||
|
|
||||||
// 检查微信是否安装
|
|
||||||
const isInstalled = await ExpoWeChat.isWXAppInstalled();
|
|
||||||
if (!isInstalled) {
|
|
||||||
toast.warning(onLoginFinished?.errorMessage || "请先安装微信");
|
|
||||||
setLoading(false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setForm((val) => ({
|
|
||||||
...val,
|
|
||||||
type: 0,
|
|
||||||
}));
|
|
||||||
|
|
||||||
ExpoWeChat.sendAuthRequest("snsapi_userinfo", "state123");
|
|
||||||
}
|
|
||||||
|
|
||||||
// QQ 登录
|
|
||||||
async function handleLoginQQ() {
|
|
||||||
if (loading) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setLoading(true);
|
|
||||||
|
|
||||||
setForm((val) => ({
|
|
||||||
...val,
|
|
||||||
type: 1,
|
|
||||||
}));
|
|
||||||
await ExpoQQ.login(["get_user_info"]);
|
|
||||||
}
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!onLoginFinished) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!onLoginFinished.success) {
|
|
||||||
toast.warning(onLoginFinished?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
|
|
||||||
setLoading(false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const fetchUserInfo = async () => {
|
|
||||||
try {
|
|
||||||
const tokenInfo = await ExpoQQ.getLoginTokenInfo();
|
|
||||||
if (!tokenInfo.openId) {
|
|
||||||
toast.warning(tokenInfo?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
|
|
||||||
setLoading(false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setForm((val) => ({
|
|
||||||
...val,
|
|
||||||
openid: String(tokenInfo.openId),
|
|
||||||
}));
|
|
||||||
|
|
||||||
await ExpoQQ.sendGetUserInfoReq();
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
|
|
||||||
setLoading(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
fetchUserInfo();
|
|
||||||
}, [onLoginFinished]);
|
|
||||||
|
|
||||||
// QQ登录
|
|
||||||
useEffect(() => {
|
|
||||||
const handleLogin = async () => {
|
|
||||||
if (!onGetUserInfo) {
|
|
||||||
setLoading(false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
const loginRes = await loginQqApi({
|
|
||||||
openid: form.openid,
|
|
||||||
nickname: onGetUserInfo.nickname || "",
|
|
||||||
avatar: onGetUserInfo.figureurlQq_2 || onGetUserInfo.figureurl_2,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (loginRes.isSuccess) {
|
|
||||||
requestAnimationFrame(() => {
|
|
||||||
userStore.setUserInfo({
|
|
||||||
token: loginRes.data.token,
|
|
||||||
id: loginRes.data.userId,
|
|
||||||
nickname: loginRes.data.nickname,
|
|
||||||
avatar: loginRes.data.avatar,
|
|
||||||
});
|
|
||||||
|
|
||||||
userStore.setAuthExpired(false);
|
|
||||||
|
|
||||||
if (loginRes.data.family_id === 0) {
|
|
||||||
router.replace("/family/entry");
|
|
||||||
} else {
|
|
||||||
familyStore.setCurrentFamily({
|
|
||||||
family_id: loginRes.data.family_id,
|
|
||||||
});
|
|
||||||
|
|
||||||
router.replace("/(tabs)/home");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.error("登录接口出错", err);
|
|
||||||
} finally {
|
|
||||||
setLoading(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
handleLogin();
|
|
||||||
}, [onGetUserInfo]);
|
|
||||||
|
|
||||||
// 微信登录
|
|
||||||
useEffect(() => {
|
|
||||||
if (!authResult) return;
|
|
||||||
|
|
||||||
const handleLogin = async () => {
|
|
||||||
if (authResult.errorCode === 0) {
|
|
||||||
try {
|
|
||||||
const loginRes = await loginWxApi({
|
|
||||||
code: authResult.code,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (loginRes.isSuccess) {
|
|
||||||
requestAnimationFrame(() => {
|
|
||||||
userStore.setUserInfo({
|
|
||||||
token: loginRes.data.token,
|
|
||||||
id: loginRes.data.userId,
|
|
||||||
nickname: loginRes.data.nickname,
|
|
||||||
avatar: loginRes.data.avatar,
|
|
||||||
});
|
|
||||||
|
|
||||||
userStore.setAuthExpired(false);
|
|
||||||
|
|
||||||
if (loginRes.data.family_id === 0) {
|
|
||||||
router.replace("/family/entry");
|
|
||||||
} else {
|
|
||||||
familyStore.setCurrentFamily({
|
|
||||||
family_id: loginRes.data.family_id,
|
|
||||||
});
|
|
||||||
|
|
||||||
router.replace("/(tabs)/home");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.error("登录接口出错", err);
|
|
||||||
} finally {
|
|
||||||
setLoading(false);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
console.log("授权失败:", authResult.errorMessage);
|
|
||||||
setLoading(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
handleLogin();
|
|
||||||
}, [authResult]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Stack.Screen
|
|
||||||
options={{
|
|
||||||
animation: "fade",
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<View className="flex-1 bg-white px-6 justify-center">
|
|
||||||
<View className="items-center mb-12">
|
|
||||||
<Image
|
|
||||||
source={require("@/static/images/logo.png")}
|
|
||||||
className="w-20 h-20 mb-4"
|
|
||||||
resizeMode="contain"
|
|
||||||
/>
|
|
||||||
<Text className="text-xl font-semibold text-gray-900">Welcome to Allapp</Text>
|
|
||||||
</View>
|
|
||||||
|
|
||||||
<View className="flex flex-col gap-4">
|
|
||||||
<Button onPress={handleLoginWechat}>
|
|
||||||
{loading ? (
|
|
||||||
<Spinner entering={FadeIn.delay(50)} color="white" />
|
|
||||||
) : (
|
|
||||||
<IconWeixin color="white" />
|
|
||||||
)}
|
|
||||||
<Button.Label>WeChat</Button.Label>
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
<Button variant="outline" onPress={handleLoginQQ}>
|
|
||||||
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
|
|
||||||
<Button.Label>QQ</Button.Label>
|
|
||||||
</Button>
|
|
||||||
</View>
|
|
||||||
|
|
||||||
<ControlField
|
|
||||||
isSelected={isAgreed}
|
|
||||||
onSelectedChange={setIsAgreed}
|
|
||||||
className="items-start mt-10"
|
|
||||||
>
|
|
||||||
<ControlField.Indicator>
|
|
||||||
<Checkbox className="w-5 h-5 rounded-sm" />
|
|
||||||
</ControlField.Indicator>
|
|
||||||
<View className="flex-row flex-wrap flex-1 gap-1">
|
|
||||||
<Text className="text-sm text-muted">登录即表示你同意我们的</Text>
|
|
||||||
<LinkButton size="sm">
|
|
||||||
<LinkButton.Label className="text-accent">用户协议</LinkButton.Label>
|
|
||||||
</LinkButton>
|
|
||||||
<Text className="text-sm text-muted">和</Text>
|
|
||||||
<LinkButton size="sm">
|
|
||||||
<LinkButton.Label className="text-accent">隐私政策</LinkButton.Label>
|
|
||||||
</LinkButton>
|
|
||||||
</View>
|
|
||||||
</ControlField>
|
|
||||||
</View>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -2,11 +2,13 @@ import LayoutView from "@/components/layout/view";
|
|||||||
import { View, Text, Pressable } from "react-native";
|
import { View, Text, Pressable } from "react-native";
|
||||||
import PageLayout from "@/layouts/PageLayout";
|
import PageLayout from "@/layouts/PageLayout";
|
||||||
import { Avatar, PressableFeedback } from "heroui-native";
|
import { Avatar, PressableFeedback } from "heroui-native";
|
||||||
import { loadDataApi } from "@/request/api";
|
import { loadDataApi, saveDataApi } from "@/request/api";
|
||||||
import { useUserStore } from "@/store";
|
import { useUserStore } from "@/store";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { CameraIcon } from "lucide-react-native";
|
import { CameraIcon } from "lucide-react-native";
|
||||||
import * as ImagePicker from "expo-image-picker";
|
import ImagePicker from "react-native-image-crop-picker";
|
||||||
|
import { s3UploadFileApi } from "@/request/api";
|
||||||
|
import { buildFileUrl } from "@/utils/file";
|
||||||
|
|
||||||
export default function UserSetting() {
|
export default function UserSetting() {
|
||||||
const userStore = useUserStore();
|
const userStore = useUserStore();
|
||||||
@@ -36,14 +38,47 @@ export default function UserSetting() {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const pickImage = async () => {
|
const pickImage = async () => {
|
||||||
const res = await ImagePicker.launchImageLibraryAsync({
|
try {
|
||||||
mediaTypes: ["images"],
|
const img = await ImagePicker.openPicker({
|
||||||
allowsEditing: true,
|
freeStyleCropEnabled: true,
|
||||||
quality: 0.7,
|
cropping: true,
|
||||||
});
|
compressImageQuality: 0.7,
|
||||||
|
});
|
||||||
|
|
||||||
if (!res.canceled) {
|
const file = {
|
||||||
console.log(res.assets[0].uri);
|
uri: img.path,
|
||||||
|
name: img.filename || `photo_${Date.now()}.jpg`,
|
||||||
|
type: img.mime || "image/jpeg",
|
||||||
|
};
|
||||||
|
|
||||||
|
const uploadRes = await s3UploadFileApi([file]);
|
||||||
|
|
||||||
|
if (!uploadRes.isSuccess) return;
|
||||||
|
|
||||||
|
const key = uploadRes.data?.[0];
|
||||||
|
if (!key) return;
|
||||||
|
|
||||||
|
saveDataApi([
|
||||||
|
{
|
||||||
|
table_name: "b_user",
|
||||||
|
key_field: "id",
|
||||||
|
inserts: [],
|
||||||
|
deletes: [],
|
||||||
|
updates: [
|
||||||
|
{
|
||||||
|
id: userInfo.id,
|
||||||
|
avatar: key,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]).catch(console.log);
|
||||||
|
|
||||||
|
userStore.setUserInfo({
|
||||||
|
...userStore.userInfo,
|
||||||
|
avatar: key,
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
console.log("图片选择/上传失败", e);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -64,25 +99,26 @@ export default function UserSetting() {
|
|||||||
className="w-full h-full rounded-full overflow-hidden"
|
className="w-full h-full rounded-full overflow-hidden"
|
||||||
>
|
>
|
||||||
<Avatar alt="" className="w-full h-full">
|
<Avatar alt="" className="w-full h-full">
|
||||||
<Avatar.Image source={{ uri: userInfo.avatar }} />
|
<Avatar.Image source={{ uri: buildFileUrl(userStore.userInfo.avatar) }} />
|
||||||
<Avatar.Fallback>JD</Avatar.Fallback>
|
<Avatar.Fallback>{userInfo.name}</Avatar.Fallback>
|
||||||
</Avatar>
|
</Avatar>
|
||||||
<PressableFeedback.Ripple />
|
<PressableFeedback.Ripple />
|
||||||
</PressableFeedback>
|
</PressableFeedback>
|
||||||
|
|
||||||
<View className="absolute right-0 bottom-0 bg-white rounded-full p-1">
|
<Pressable
|
||||||
|
onPress={() => {
|
||||||
|
pickImage();
|
||||||
|
}}
|
||||||
|
className="absolute right-0 bottom-0 bg-white rounded-full p-1"
|
||||||
|
>
|
||||||
<CameraIcon size={16} />
|
<CameraIcon size={16} />
|
||||||
</View>
|
</Pressable>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
<Pressable
|
<View>
|
||||||
onPress={() => {
|
|
||||||
pickImage();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Text className="text-sm text-muted mb-2 ml-2">基础信息</Text>
|
<Text className="text-sm text-muted mb-2 ml-2">基础信息</Text>
|
||||||
</Pressable>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</LayoutView.ScrollView>
|
</LayoutView.ScrollView>
|
||||||
</LayoutView>
|
</LayoutView>
|
||||||
|
|||||||
@@ -52,7 +52,7 @@ export function s3ListBucketsApi() {
|
|||||||
return alovaInstance.Post<ResponseData<string[]>>(`/s3/listBuckets`);
|
return alovaInstance.Post<ResponseData<string[]>>(`/s3/listBuckets`);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function s3UploadFileApi(files: { uri: string; name: string; type: string }[]) {
|
export function s3UploadFileApi(files: any[]) {
|
||||||
const form = new FormData();
|
const form = new FormData();
|
||||||
|
|
||||||
files.forEach((file) => {
|
files.forEach((file) => {
|
||||||
|
|||||||
@@ -13,6 +13,8 @@ interface UserState {
|
|||||||
|
|
||||||
authExpired: boolean;
|
authExpired: boolean;
|
||||||
setAuthExpired: (v: boolean) => void;
|
setAuthExpired: (v: boolean) => void;
|
||||||
|
|
||||||
|
updateToken: (token: string) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const defaultUserInfo: UserInfo = {
|
const defaultUserInfo: UserInfo = {
|
||||||
@@ -46,6 +48,14 @@ export const useUserStore = create<UserState>()(
|
|||||||
set({
|
set({
|
||||||
authExpired: v,
|
authExpired: v,
|
||||||
}),
|
}),
|
||||||
|
|
||||||
|
updateToken: (token: string) =>
|
||||||
|
set((state) => ({
|
||||||
|
userInfo: {
|
||||||
|
...state.userInfo,
|
||||||
|
token,
|
||||||
|
},
|
||||||
|
})),
|
||||||
}),
|
}),
|
||||||
{
|
{
|
||||||
name: "user-storage",
|
name: "user-storage",
|
||||||
|
|||||||
@@ -0,0 +1,40 @@
|
|||||||
|
const S3_URL = process.env.EXPO_PUBLIC_G3_URL ?? "";
|
||||||
|
const S3_BUCKET = process.env.EXPO_PUBLIC_G3_BUCKET ?? "";
|
||||||
|
|
||||||
|
export function isS3Key(value?: string) {
|
||||||
|
if (!value) return false;
|
||||||
|
|
||||||
|
// ❗关键特征:没有 http,且是路径结构
|
||||||
|
return !value.startsWith("http") && /^\d{4}\/\d{2}\/\d{2}\//.test(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isS3Url(url?: string) {
|
||||||
|
if (!url) return false;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const u = new URL(url);
|
||||||
|
const base = new URL(S3_URL);
|
||||||
|
|
||||||
|
return u.origin === base.origin && url.includes(`/${S3_BUCKET}/`);
|
||||||
|
} catch {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export function buildS3Url(key: string) {
|
||||||
|
if (!key) return "";
|
||||||
|
|
||||||
|
// 防止重复 /
|
||||||
|
const cleanKey = key.replace(/^\/+/, "");
|
||||||
|
|
||||||
|
return `${S3_URL}/${S3_BUCKET}/${cleanKey}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function buildFileUrl(keyOrUrl?: string) {
|
||||||
|
if (!keyOrUrl) return "";
|
||||||
|
|
||||||
|
if (isS3Url(keyOrUrl)) return keyOrUrl;
|
||||||
|
|
||||||
|
if (isS3Key(keyOrUrl)) return buildS3Url(keyOrUrl);
|
||||||
|
|
||||||
|
return keyOrUrl;
|
||||||
|
}
|
||||||
Reference in new issue
Block a user