Question

我正在开发基于Angular6的白色标签的Progressive Web应用程序。该应用可以由多个客户端使用，根据客户端，我将需要使用不同的图标集。

这需要我动态生成manifest.json文件。有人做过类似的事情吗？哪个地方合适呢？ main.ts？这是一个类似的实现（http://technowhisp.com/2018/05/05/pwa/dynamic-pwa-manifest/），但不是在Angular环境中。

现在，我们也许可以生成manifest.json-但是，我想所有客户端的图标都应该实际存在于项目中（例如，在Assets文件夹中）。它是否正确？无论如何，我可以从远程（图像）服务器动态下载这些图标吗？

预先感谢苏希尔

Answer 1

假设您知道这些图标的图像URL，则可以尝试使用Node Image Downloader。有了URL，它可以将图像下载到您指定的路径。

npm install --save image-downloader

承诺的使用：

const download = require('image-downloader')

// Download to a directory and save with the original filename
const options = {
  url: 'http://someurl.com/image.jpg',
  dest: '/path/to/dest'                  // Save to /path/to/dest/image.jpg
}

download.image(options)
  .then(({ filename, image }) => {
    console.log('File saved to', filename)
  })
  .catch((err) => {
    console.error(err)
  })

// Download to a directory and save with an another filename
options = {
  url: 'http://someurl.com/image2.jpg',
  dest: '/path/to/dest/photo.jpg'        // Save to /path/to/dest/photo.jpg
}

download.image(options)
  .then(({ filename, image }) => {
    console.log('File saved to', filename)
  })
  .catch((err) => {
    console.error(err)
  })

基于Angular 6的Progressive Web App-自定义图标

1 个答案: