如何在html中显示Firebase存储文件（Docx）？

Question

我尝试在Html中使用Firebase存储显示文件（.docx）：

<iframe src="https://docs.google.com/gview?url=<Storage-Link>"></iframe>

要么

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=<Storage-Link>' width='1366px' height='623px' frameborder='0'></iframe>

但没有任何作用......有人知道为什么它不起作用或另一个解决方案如何显示Firebase存储的.docx文件？

附：只有我的Firebase存储文件无法正常工作，另一个文件工作（http://writing.engr.psu.edu/workbooks/formal_report_template.doc&embedded=true）但我的服务器规则是“允许读取”所以我不明白为什么它不工作...

Answer 1

好的，我找到了一个解决方案，问题只是网址所以我把它变成了一个简短的网址与Bitly

我为此创建了一个简单的Firebase函数：

import * as functions from 'firebase-functions';
import * as admin from 'firebase-admin';
import { BitlyClient } from 'bitly';

admin.initializeApp();    
const bitly = new BitlyClient('<Your-GA-Token>');

export const YourFunctionName = functions.firestore.document('Your-Doc-Path')
.onWrite((snapshot, context) => {
    const originalUrl = snapshot.after.data();
    bitly.shorten(originalUrl).then(function (result) {
        return admin.firestore().collection('Your-Collection').doc('Your-Doc').update(result.url).then(() => {
            console.log('Short Url: ' + result.url);
        });
    }).catch(function (error) {
        console.error(error);
    });
});