如何使用PnPjs获取共享链接的wopiFrameUrl

我需要获取文档的wopiFrameUrl。PnPJS提供如下解决方案:

web.getFileByServerRelativeUrl(url).getItem().then(item => item.getWopiFrameUrl(3));

只有当我知道SharePoint中文档文件的相对url时,这才有效。 我希望能够使用以下共享文档链接获取wopiFrameUrl:

https://mytenant.sharepoint.com/:p:/s/mysitecollection/Ed1SBuPd3ydBaNfwb2mUVSYBdcCKVh76YUmBatb9HnMquw?e=mTKCvq

在过去,我使用JSOM成功地实现了这一点:

var context = SP.ClientContext.get_current();
var site = context.get_site();
var web = site.get_rootWeb();
var file = web.getFileByUrl(url);
var wopiUrl = file.getWOPIFrameUrl(3);

但现在我需要一个新的SPFx的解决方案,我正在建设的网页部件。