Flutter杂学: iOS 上启用自动填充和关联域

下面是详细的配置和代码,以确保在 iOS 上启用自动填充和关联域(Associated Domains)功能。

配置步骤

1. 在 Apple Developer 控制台中启用 Associated Domains

  • 登录 Apple Developer。
  • 导航至您的 App ID 设置页面。
  • 找到您要配置的 App ID,并点击编辑(Edit)。
  • 在 Capabilities 部分启用 "Associated Domains"。添加您的域名,例如 applinks:example.com 和 webcredentials:example.com。

2. 更新 Xcode 项目8

  • 打开您的 Flutter 项目的 Runner.xcworkspace 文件:open ios/Runner.xcworkspace
  • 选择项目导航器中的 Runner 项目。
  • 在目标 (Targets) 部分选择 Runner。
  • 打开 "Signing & Capabilities" 选项卡。
  • 点击左上角的 + Capability 按钮,选择 "Associated Domains"。
  • 在 Associated Domains 部分添加您的域名,如 applinks:example.com 和 webcredentials:example.com。

3. 配置服务器上的 apple-app-site-association 文件

在您的服务器上创建 .well-known 目录。

在该目录下创建一个 apple-app-site-association 文件,内容如下:

复制代码
json
{
    "applinks": {
        "apps": []
    },
    "webcredentials": {
        "apps": ["ABCDE12345.com.example.app"]
    }
}

将 ABCDE12345.com.example.app 替换为您的实际应用程序 ID。

4. 更新 Info.plist 文件

编辑 ios/Runner/Info.plist 文件,添加以下键值:

复制代码
<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>
<key>NSUserTrackingUsageDescription</key>
<string>We need your permission to track usage data.</string>
<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleTypeRole</key>
        <string>Editor</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>com.example.app</string> <!-- 替换为您的实际 URL Scheme -->
        </array>
    </dict>
</array>
<key>AssociatedDomains</key>
<array>
    <string>applinks:example.com</string> <!-- 替换为您的实际域名 -->
    <string>webcredentials:example.com</string> <!-- 替换为您的实际域名 -->
</array>

完整的 Flutter 示例代码

复制代码
import 'package:flutter/material.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';

class LoginPage extends StatefulWidget {
  @override
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final TextEditingController usernameController = TextEditingController();
  final TextEditingController passwordController = TextEditingController();
  final FlutterSecureStorage storage = FlutterSecureStorage();

  @override
  void initState() {
    super.initState();
    _loadCredentials();
  }

  Future<void> _loadCredentials() async {
    String? username = await storage.read(key: "username");
    String? password = await storage.read(key: "password");

    if (username != null && password != null) {
      setState(() {
        usernameController.text = username;
        passwordController.text = password;
      });
    }
  }

  Future<void> _saveCredentials(String username, String password) async {
    await storage.write(key: "username", value: username);
    await storage.write(key: "password", value: password);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: AutofillGroup(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(
                  controller: usernameController,
                  decoration: InputDecoration(labelText: 'Username'),
                  autofillHints: [AutofillHints.username],
                ),
              ),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(
                  controller: passwordController,
                  decoration: InputDecoration(labelText: 'Password'),
                  obscureText: true,
                  autofillHints: [AutofillHints.password],
                ),
              ),
              ElevatedButton(
                onPressed: () async {
                  String username = usernameController.text;
                  String password = passwordController.text;
                  await _saveCredentials(username, password);
                  // Handle login logic here
                },
                child: Text('Login'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(home: LoginPage()));
}
  • 发布新版本
  • 构建新的应用版本:
  • flutter build ios打开 Xcode 并归档应用:打开 ios/Runner.xcworkspace。
  • 选择 Product -> Archive。
  • 将应用提交到 App Store Connect。
  • 发布新版本:
  • 登录 App Store Connect。
  • 提交新版本并等待审核通过。

总结

通过上述步骤和代码配置,您可以在 iOS 上启用自动填充和关联域功能。请确保所有步骤都正确完成,并在发布前进行充分测试。这样不仅可以提升用户体验,还可以确保应用的稳定性和安全性。如果有任何问题或需要进一步的帮助,请随时询问。

相关推荐
大熊猫侯佩21 小时前
在肖申克监狱玩转 iOS 26:安迪的 Liquid Glass 复仇计划
ios·swiftui·swift
非专业程序员1 天前
逆向分析CoreText中的字体级联/Font Fallback机制
前端·ios
库奇噜啦呼1 天前
【iOS】简单的四则运算
macos·ios·cocoa
white-persist2 天前
【burp手机真机抓包】Burp Suite 在真机(Android and IOS)抓包手机APP + 微信小程序详细教程
android·前端·ios·智能手机·微信小程序·小程序·原型模式
Bryce李小白2 天前
Flutter 自定义 View 权威指引
flutter
恋猫de小郭2 天前
Fluttercon EU 2025 :Let‘s go far with Flutter
android·开发语言·flutter·ios·golang
2501_915909063 天前
iOS 抓包工具有哪些?实战对比、场景分工与开发者排查流程
android·开发语言·ios·小程序·uni-app·php·iphone
SoaringHeart4 天前
Flutter进阶:自定义一个 json 转 model 工具
前端·flutter·dart
2501_915918414 天前
iOS 框架全解析,原生框架与跨平台框架对比、开发应用打包与 App Store 上架实战经验
android·ios·小程序·https·uni-app·iphone·webview
感谢地心引力4 天前
iOS26 打开开发者模式
windows·macos·ios·iphone·ios26