使用Glide从Firebase Storage获取图像

Question

我正在尝试使用Glide从Firebase Storage加载图像，但是我遇到了一个错误。

package com.kanishq.wallpaper;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.firebase.ui.storage.images.FirebaseImageLoader;
import com.google.firebase.storage.FirebaseStorage;
import com.google.firebase.storage.StorageReference;

public class Picture_act extends AppCompatActivity{
ImageView i1;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.picture_activity);
    FirebaseStorage storage = FirebaseStorage.getInstance();
    StorageReference storageReference = storage.getReference();
    i1 = (ImageView) findViewById(R.id.full_picture);
    Glide.with(this).using(new 
FirebaseImageLoader()).load(storageReference).into(i1);
}
}

Gradle文件 -

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
    exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.google.firebase:firebase-storage:11.4.2'
compile 'com.google.firebase:firebase-auth:11.4.2'
compile 'com.firebaseui:firebase-ui-storage:3.0.0'
compile 'com.android.support:appcompat-v7:25.1.0'
compile 'com.android.support:design:25.1.0'
compile 'com.github.devlight.navigationtabstrip:navigationtabstrip:1.0.4'

testCompile 'junit:junit:4.12'
compile 'com.github.bumptech.glide:glide:3.8.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.2.0'

}
apply plugin: 'com.google.gms.google-services'

我遇到了一个错误：

- Kanishq Gupta

---

你需要创建一个图像加载器类。 - Yunus Kulyyev

什么是错误？ - drulabs

Answer 1

看起来Firebase UI 3.0.0已经支持Glide 4.0，并且改变了使用Glide加载数据的方式。根据Github上的文档：

要从StorageReference中加载图像，请先在您的AppGlideModule中进行注册：

@GlideModule
public class MyAppGlideModule extends AppGlideModule {
    @Override
    public void registerComponents(Context context, Registry registry) {
        // Register FirebaseImageLoader to handle StorageReference
        registry.append(StorageReference.class, InputStream.class,
                new FirebaseImageLoader.Factory());
    }
}

然后你可以将StorageReference加载到ImageView中：

// Reference to an image file in Cloud Storage
StorageReference storageReference = ...;

// ImageView in your Activity
ImageView imageView = ...;

// Download directly from StorageReference using Glide
// (See MyAppGlideModule for Loader registration)
GlideApp.with(this /* context */)
    .load(storageReference)
    .into(imageView);

(来源：https://github.com/firebase/FirebaseUI-Android/tree/master/storage)

如果您将 Firebase UI 降级到 2.4.0 版本，您的代码应该可以正常工作，但在这种情况下，您很可能会收到与支持库混合版本相关的错误。

- merterpam

---

这个类应该添加在哪里？ - mehmet

这是一个好的解决方案。您必须添加实现'com.firebaseui:firebase-ui-storage:4.1.0'并重新构建项目，甚至重启Android Studio（以生成GlideApp）。 - Dan Alboteanu

为什么 Firebase 文档没有添加这个？ - NightStorm

Answer 2

试一下这种方式：

storageReference.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {
                    @Override
                    public void onSuccess(Uri uri) {
                        imageURL = uri.toString();
                        Glide.with(getApplicationContext()).load(imageURL).into(i1);
                    }
                }).addOnFailureListener(new OnFailureListener() {
                    @Override
                    public void onFailure(@NonNull Exception exception) {
                        // Handle any errors
                    }
                });

所以，通过这种方式，您可以获得存储中图像的URL，并将该URL加载到Glide中。

- Yunus Kulyyev

---

嗨，谢谢你的回答，但是现在我在logcat中遇到了这个错误——StorageException已发生。 用户没有访问此对象的权限。 代码：-13021 HttpResult：403 - Kanishq Gupta

哦，好的，所以你需要前往 Firebase 并更改存储规则。 - Yunus Kulyyev

默认情况下，只有在您登录后才能访问Firebase存储。 - Yunus Kulyyev

Firebase 规则：- 服务 firebase.storage { 匹配 /b/{bucket}/o { 匹配 /{allPaths=**} { 允许读取、写入; } } } - Kanishq Gupta

很不幸，是的：- E/StorageUtil: 获取令牌时出错 java.util.concurrent.ExecutionException: com.google.android.gms.internal.zzekw: 在尝试获取令牌之前，请先登录。 - Kanishq Gupta

Answer 3

（KOTLIN）文档中没有提到，但如果要使用Glide直接从云存储加载图像到您的应用程序中，则必须在app build.gradle中包含三行代码（除其他Firebase依赖项外）。

implementation 'com.github.bumptech.glide:glide:4.11.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.11.0'
implementation 'com.firebaseui:firebase-ui-storage:6.2.0'

虽然建议您在Kotlin中使用kotlin - kapt而不是annotationProcessor。

然后，在项目的某个地方添加此类以进行Firebase Loader。请注意，注释对于该类非常重要：

package com.your.package.name

import android.content.Context
import com.bumptech.glide.Glide
import com.bumptech.glide.Registry
import com.bumptech.glide.annotation.GlideModule
import com.bumptech.glide.module.AppGlideModule
import com.firebase.ui.storage.images.FirebaseImageLoader
import com.google.firebase.storage.StorageReference
import java.io.InputStream


@GlideModule
class MyAppGlideModule : AppGlideModule() {
    override fun registerComponents(context: Context, glide: Glide, registry: Registry) {
        registry.append(
            StorageReference::class.java, InputStream::class.java,
            FirebaseImageLoader.Factory()
        )
    }
}

然后你可以这样使用它：

Glide.with(this /* context */)
    .load(storageReference)
    .into(imageView)

出现任何错误？请更新上面的依赖并使缓存无效并重新启动您的Android Studio。

- Xenolion