iOS/Cordova技术问询：如何创建桌面快捷方式并点击调用应用函数？

嘿，既然你已经搞定了Android端的插件，那我来详细说说iOS这边的实现思路——毕竟iOS的系统限制和Android不太一样，得换个方式来搞。

1. 如何创建桌面快捷方式并调用应用内函数 #

iOS没有像Android那样直接提供系统级的快捷方式API，但我们可以通过自定义URL Scheme结合Safari的「添加到主屏幕」功能来实现，步骤如下：

第一步：配置自定义URL Scheme #

在你的Cordova项目的config.xml里添加以下配置，注册一个专属的URL Scheme（比如myapp://）：

<allow-intent href="myapp://*" />
<!-- 如果需要更优雅的跳转体验，可以配置Universal Links，但URL Scheme更简单易上手 -->

第二步：在应用内处理URL跳转 #

在deviceready事件中监听URL打开事件，解析参数并调用对应函数：

document.addEventListener('deviceready', function() {
  // 监听自定义URL打开应用的事件
  window.handleOpenURL = function(url) {
    // 解析URL中的参数，比如 myapp://trigger?action=showProfile&userId=456
    const urlObj = new URL(url);
    const params = new URLSearchParams(urlObj.search);
    
    const action = params.get('action');
    const userId = params.get('userId');
    
    // 根据参数调用对应的应用内函数
    if (action === 'showProfile') {
      showUserProfile(userId);
    }
  };

  // 示例：应用内的目标函数
  function showUserProfile(userId) {
    console.log(`加载用户 ${userId} 的资料`);
    // 这里写你的业务逻辑
  }
}, false);

第三步：生成可添加的快捷方式页面 #

你需要准备一个包含自定义URL的网页（可以是本地静态文件，也可以是线上页面），引导用户在Safari中打开这个网页，然后点击「分享」→「添加到主屏幕」。网页示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <!-- 配置快捷方式的显示信息 -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="打开用户资料">
  <!-- 设置快捷方式图标，用你的应用图标或者自定义图标 -->
  <link rel="apple-touch-icon" href="./icon.png">
</head>
<body>
  <script>
    // 自动跳转到你的Cordova应用
    window.location.href = 'myapp://trigger?action=showProfile&userId=456';
  </script>
</body>
</html>

当用户点击这个桌面快捷方式时，Safari会打开该网页并自动跳转到你的Cordova应用，触发handleOpenURL函数，进而调用对应的应用内逻辑。

2. 能否从应用内创建类似Safari的桌面快捷方式？ #

答案是不能直接创建——因为iOS的沙盒和隐私政策限制，应用没有权限直接在用户主屏幕添加图标。不过我们可以通过引导用户的间接方式实现：

具体流程 #

• 在Cordova应用内，使用cordova-plugin-inappbrowser插件打开刚才提到的那个包含自定义URL的网页（可以是本地www目录下的静态文件，也可以动态生成内容）。
• 在应用内弹出清晰的引导提示，告诉用户点击Safari的「分享」按钮，选择「添加到主屏幕」。
• 用户完成操作后，就能得到一个带参数的桌面快捷方式，点击后会跳转并触发应用内的函数。

注意事项 #

• 必须用户手动操作：苹果不允许应用自动添加桌面图标，这是硬性要求，所以引导文案要简单明了。
• 图标和名称配置：一定要正确设置网页中的meta标签，确保快捷方式显示的图标和名称符合预期。
• 可选优化：如果想避免Safari跳转的中间页，可以配置Universal Links，但需要开发者账号配置关联域名，设置步骤更繁琐，不过体验更流畅。

内容的提问来源于stack exchange，提问作者Valentin Svet