我正在创建一个 Vue 渐进式 Web 应用程序，它收集用户照片并允许对其进行标记，从而为 Google Cloud AutoML Vision 创建自定义机器学习数据集。
理想情况下，此应用程序将允许客户端/浏览器直接与 Google Cloud 的 AutoML Vision 设置进行交互。理想情况下，没有服务器端代码，因此客户端需要直接使用 Google Cloud Platform 进行身份验证（可能是 Google 登录？），然后选择他们的项目/存储桶。
我将如何连接到 Google Cloud Storage 和 Google Cloud AutoML Vision 平台？这种方法可行吗？
最终目标是此 PWA 的用户可以拍摄照片（现有的或使用相机应用拍摄的），上传照片（带或不带标签），并且标签和图像都将存储在 Google Cloud AutoML Vision 平台上（或谷歌云存储桶）。这将允许用户在现场快速收集大量照片，并在现场（在 PWA 中）或稍后在 Google Cloud AutoML Vision 平台上标记它们。通过收集大量照片和标签数据集，他们可以创建自己的图像分类模型。
我试图避免任何服务器端代码，因为我希望它完全与用户和谷歌云平台相关联，而不需要将任何数据存储在第三方服务器上。
我已经发现 @google-cloud/automl 和 gapi 库并不能很好地与 Vue Progressive Web Apps 一起使用（通常也不能很好地与 webpack 一起使用）。