在这篇文章中，我们将为您详细介绍我可以在iOS上使用iCloud钥匙串或电话号码登录PWA吗？的内容，并且讨论关于com.apple.icloudhelper想使用登录钥匙串的相关问题。此外，我们还会

在这篇文章中，我们将为您详细介绍我可以在 iOS 上使用 iCloud 钥匙串或电话号码登录 PWA 吗？的内容，并且讨论关于com.apple.icloudhelper想使用登录钥匙串的相关问题。此外，我们还会涉及一些关于2022 年了，还不了解 PWA ？ 教你 VuePress 博客如何快速兼容 PWA、Apple 将“iCloud 文档和数据”合并到 iCloud Drive 现已完成、icloud drive是什么意思？icloud drive功能介绍、iCloud “文稿和数据”功能即将关闭，如何迁移到 iCloud 云盘？的知识，以帮助您更全面地了解这个主题。

• 我可以在 iOS 上使用 iCloud 钥匙串或电话号码登录 PWA 吗？（com.apple.icloudhelper想使用登录钥匙串）
• 2022 年了，还不了解 PWA ？ 教你 VuePress 博客如何快速兼容 PWA
• Apple 将“iCloud 文档和数据”合并到 iCloud Drive 现已完成
• icloud drive是什么意思？icloud drive功能介绍
• iCloud “文稿和数据”功能即将关闭，如何迁移到 iCloud 云盘？

我可以在 iOS 上使用 iCloud 钥匙串或电话号码登录 PWA 吗？（com.apple.icloudhelper想使用登录钥匙串）

如何解决我可以在 iOS 上使用 iCloud 钥匙串或电话号码登录 PWA 吗？

我正在探索如何让我的用户注册/登录 PWA。如果用户以前登录过浏览器，我可以使用钥匙串吗？他们可以通过短信使用手机号码登录吗？ TIA！

2022 年了，还不了解 PWA ？ 教你 VuePress 博客如何快速兼容 PWA

前言

在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。

本篇我们讲讲如何兼容 PWA。

PWA

PWA，英文全称：Progressive Web Apps， 中文翻译：渐进式 Web 应用。

引用 MDN 的介绍：

PWA 指的是使用指定技术和标准模式来开发的 Web 应用，这同时赋予它们 Web 应用和原生应用的特性。

例如一方面，Web 应用更加易于发现：相比于安装应用，访问一个网站显然更加容易和迅速。你还可以通过链接来分享 Web 应用。

另一方面，原生应用与操作系统可以更加完美的整合，也因此为用户提供了无缝的用户体验。你可以通过安装应用使得它在离线的状态下也可以运行；相较于使用浏览器访问，用户也更喜欢通过点击主页上的图标来访问它们喜爱的应用。

PWA 赋予了我们创建同时拥有以上两种优势的应用的能力。

体验

如果你之前没有了解过 PWA，大概率可能也不明白这是个什么效果，没有关系，我们直接看一个 PWA 应用示例，我们打开 https://m.weibo.cn/，这里是在电脑端打开的：

我们可以看到，在地址栏还有一个安装图标，点击一下，就会弹出安装应用的选项框：

我们点击安装后，该页面会自动关闭，然后开启一个应用窗口：

同时，打开 Mac 的启动台，我们会看到已经添加了微博的图标：

点击就会直接打开上面的应用窗口。

简单的来说，我们兼容 PWA，就是想要实现这样的桌面图标的功能，当然了， PWA 其他还有离线缓存、推送通知等功能，这里就不多说了。

开启 PWA

开启 PWA，需要注意三个点：

1. 提供一个 manifest.json 文件，描述应用的名称、图标等信息
2. 开启 Service Worker，这个交给现有的 PWA 插件来实现
3. 开启 HTTPS

实践

1. 安装

插件地址：https://v1.vuepress.vuejs.org/zh/plugin/official/plugin-pwa.html

yarn add -D @vuepress/plugin-pwa
# OR npm install -D @vuepress/plugin-pwa

2. 修改 config.js

module.exports = {
  head: [
    [''link'', { rel: ''icon'', href: ''/logo.png'' }],
    [''link'', { rel: ''manifest'', href: ''/manifest.json'' }],
    [''meta'', { name: ''theme-color'', content: ''#3eaf7c'' }],
    [''meta'', { name: ''apple-mobile-web-app-capable'', content: ''yes'' }],
    [''meta'', { name: ''apple-mobile-web-app-status-bar-style'', content: ''black'' }],
    [''link'', { rel: ''apple-touch-icon'', href: ''/icons/apple-touch-icon-152x152.png'' }],
    [''link'', { rel: ''mask-icon'', href: ''/icons/safari-pinned-tab.svg'', color: ''#3eaf7c'' }],
    [''meta'', { name: ''msapplication-TileImage'', content: ''/icons/msapplication-icon-144x144.png'' }],
    [''meta'', { name: ''msapplication-TileColor'', content: ''#000000'' }]
  ],
  plugins: [
    [
      ''@vuepress/pwa'',
      {
        serviceWorker: true,
        updatePopup: {
            message: "发现新内容可用",
            buttonText: "刷新"
        }
     }
    ]
  ]
}

3. 添加 manifest.json 等资源

接下来我们添加所需要的资源，在 .vuepress目录下建立 public文件夹，然后添加所需要的文件如 manifest.json文件：

{
    "name": "TypeScript中文文档",
    "short_name": "TypeScriptDocs",
    "display": "standalone",
    "background_color": "#fff",
    "start_url": "/learn-typescript-test/",
    "scope": "/learn-typescript-test/",
    "description": "TypeScript 中文文档 进阶教程",
    "icons": [{
      "src": "logo52.png",
      "sizes": "52x52",
      "type": "image/png"
    },{
       "src": "logo288.png",
       "sizes": "288x288",
       "type": "image/png"
    }]
  }

这其中字段的具体含义，可以查看 MDN 的 Manifest 介绍。

要注意其中的 start_url和scope，如果你使用的是 GitHub 或者 Gitee 仓库的 Pages 服务，并且地址上带了仓库名，你需要将这里的learn-typescript-test替换为你的仓库名，如果是直接的域名，start_url 写成 \，scope写成 .或者直接不写。

然后是补齐所需要的图标图片：

4. 部署生产环境测试

虽然我们在上篇《VuePress 博客如何开启本地 HTTPS 访问》 讲了如何在本地开启 HTTPS，但是因为我们使用的这个插件只有在生产环境才会开启 Service Worker：

所以呢，我们部署到线上看一下效果，如果顺利的话，你就会看到地址栏上也出现了安装图标：

常见问题

但如果没有显示该图标，我们可以查看开发者工具里的「应用」 -「清单」，其中会显示出现的错误：

根据这里的报错进行排查。

如果出现了可安装性中的：

为检测到任何匹配的 service worker。您可能需要重新加载页面，或者检查当前页面的 service worker 是否也控制了清单错误中的起始 URL。

这也有可能是因为你的 start_url 和 scope 设置的有问题。

正常安装后，如果打开应用发现背景色是 Vue 绿色，比如这种：

这是因为你忘记修改 config.js 里的背景色了：

系列文章

博客搭建系列是我至今写的唯一一个偏实战的系列教程，预计 20 篇左右，讲解如何使用 VuePress 搭建、优化博客，并部署到 GitHub、Gitee、私有服务器等平台。本篇为第 23 篇，全系列文章地址：https://github.com/mqyqingfeng/Blog

微信：「mqyqingfeng」，加我进冴羽唯一的读者群。

如果有错误或者不严谨的地方，请务必给予指正，十分感谢。如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。

Apple 将“iCloud 文档和数据”合并到 iCloud Drive 现已完成

apple宣布将于 2022 年 5 月将其icloud文档和数据服务合并到icloud drive，而这一过渡现已完成。

正如今天更新的支持文档中所指出的，以前依靠“iCloud”文档和数据来跨设备同步文件的用户需要打开“iCloud Drive”才能查看他们的文件。

iCloud Documents and Data 是我们的旧版文档同步服务，现已停产并由 iCloud Drive 取代。如果您使用 iCloud Documents and Data，您的帐户已迁移到 iCloud Drive。如果您使用 iCloud Documents and Data 服务，您需要打开 iCloud Drive 才能查看您的文件。当您切换到 iCloud Drive 时，您保存的文件在 iCloud 中使用的存储空间量不会改变。

Apple 的支持文档提供了 iOS 设备、Mac 和 iCloud.com 上的“iCloud Drive”的说明和最低系统要求。

绝大多数“iCloud”用户已经启用了“iCloud Drive”，所以他们不会看到任何变化。但对于在 2014 年推出 iCloud Drive 之前拥有 iCloud 帐户但从未启用它的用户，也许是为了保持与不支持 iCloud Drive 的 pre-iOS 8 和 pre-OS X Yosemite 设备的兼容性，他们现在需要打开它以重新获得对其文件的访问权限。

较旧的“iCloud”文档和数据服务将云同步数据保存在特定应用程序的文件夹中，只允许从该应用程序访问数据。随着 iCloud Drive 成为功能更全面的同步服务，所有这些文件现在都可以从一个位置访问：iOS 和 iPadOS 上的文件应用程序、macOS 上 Finder 的 iCloud Drive 部分或 iCloud 的 iCloud Drive 部分。 com。

以上就是Apple 将“iCloud 文档和数据”合并到 iCloud Drive 现已完成的详细内容，更多请关注php中文网其它相关文章！

icloud drive是什么意思？icloud drive功能介绍

有网友问小编icloud drive是什么意思？接下来小编就会告诉大家并且同时向大家介绍icloud drive功能，感兴趣的朋友可以看一下

iCloud “文稿和数据”功能即将关闭，如何迁移到 iCloud 云盘？

根据苹果官方近日发布的消息，传统文稿同步服务 iCloud“文稿与数据”将在 2022 年 5 月停用，并完全由 iCloud 云盘取代。如果您使用的是 iCloud“文稿与数据”，您的帐户将在这个日期后迁移到 iCloud 云盘。 

如果您使用的是 iCloud“文稿与数据”服务，则需要按照以下步骤打开 iCloud 云盘以查看您的文件。升级到 iCloud 云盘不会更改 iCloud 中已存储的文件所占用的储存空间容量。

设置 iCloud 云盘：

您可以在装有 iOS 8 或更高版本的设备、装有 OS X Yosemite 或更高版本的 Mac、装有 Windows 版 iCloud 7 和更高版本的 PC 以及 iCloud.com 上访问您的文件。如果您使用的是 iPhone 4，则可以通过 Safari 浏览器在 iCloud.com 上访问 iCloud 云盘。

在 iOS 或 iPadOS 上：

1.前往“设置”-“Apple ID”。

2.轻点“iCloud”。

3.打开 iCloud 云盘。 

您可以在“文件”App 中找到您的文件。 

在 macOS 上：

1.前往苹果菜单-“系统偏好设置”，然后点按“Apple ID”。如果您使用的是 macOS Mojave 或更低版本，则无需点按“Apple ID”。 

2.选择“iCloud”。 

3.根据需要用您的 Apple ID 登录。 

4.选中“iCloud 云盘”。

您可以在“访达”中的 iCloud 下找到您的文件。

在 iCloud.com 上：

1.登录 iCloud.com。

2.选择“Pages 文稿”、“Numbers 表格”、“Keynote 讲演”或“iCloud 云盘”。 

3.点按“升级到 iCloud 云盘”。 

您可以在 iCloud.com 上的 iCloud 云盘中找到您的文件。

关于我可以在 iOS 上使用 iCloud 钥匙串或电话号码登录 PWA 吗？和com.apple.icloudhelper想使用登录钥匙串的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于2022 年了，还不了解 PWA ？ 教你 VuePress 博客如何快速兼容 PWA、Apple 将“iCloud 文档和数据”合并到 iCloud Drive 现已完成、icloud drive是什么意思？icloud drive功能介绍、iCloud “文稿和数据”功能即将关闭，如何迁移到 iCloud 云盘？等相关内容，可以在本站寻找。