从安装 Flutter到发布 App Store_flutter 发布到app store-CSDN博客

本文链接：https://blog.csdn.net/luckucu/article/details/147196808

安装 Flutter

下载 Flutter SDK
- 访问 Flutter 官方网站 flutter.dev 下载最新版本的 Flutter SDK。
- 解压缩下载的文件到你选择的安装目录。
设置环境变量
- 打开终端并运行以下命令来设置 Flutter 路径:
```
export PATH="$PATH:`pwd`/flutter/bin"
```
- 为了使其永久生效，可以将上述命令添加到你的 .bashrc、.zshrc 或 .profile 文件中。
运行 Flutter Doctor
- 在终端中运行 flutter doctor，这个命令会检查你的开发环境是否有任何需要修复的问题。

安装 Xcode

下载 Xcode
- 从 Mac App Store 下载并安装 Xcode。
安装 Xcode 命令行工具
- 打开终端并运行：
```
xcode-select --install
```
同意 Xcode 许可协议
- 运行：
```
sudo xcodebuild -license
```
- 然后按提示同意许可协议。

创建 Flutter 项目

创建新项目
- 在终端中运行：
```
flutter create my_app
```
- 进入项目目录：
```
cd my_app
```
运行项目
- 连接一个 iOS 模拟器或真实设备。
- 运行：
```
flutter run
```

编写简单页面

编辑 lib/main.dart

打开 lib/main.dart 文件并替换为以下内容：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('简单页面'),
        ),
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}

保存并运行
- 保存文件后，运行：
```
flutter run
```

发布到 App Store

准备发布
- 在 ios 目录中打开 Runner.xcworkspace 文件。
- 配置你的项目的 Bundle Identifier。
创建 App Store 连接记录
- 登录 App Store Connect 并创建一个新的 App 记录。
配置发布
- 在 Xcode 中，选择 Product > Archive 以创建一个归档。
- 归档完成后，选择 Distribute App，然后按照提示发布到 App Store。
提交审核
- 在 App Store Connect 中填写必要的应用信息、截图等内容，提交应用进行审核。

好的，让我们继续详细扩展每一个步骤，以便达到更详细的教程。

安装 Flutter

1. 下载 Flutter SDK

访问 Flutter 官方网站 flutter.dev。
点击“Get Started”按钮，然后选择你的操作系统（macOS）。
下载最新版本的 Flutter SDK 压缩包 flutter_macos_<version>-stable.zip。
解压缩下载的文件到你选择的安装目录，例如 ~/development。

2. 设置环境变量

打开终端，进入你解压缩 Flutter SDK 的目录，例如：
```
cd ~/development/flutter
```
运行以下命令来设置 Flutter 路径：
```
export PATH="$PATH:`pwd`/flutter/bin"
```
为了使其永久生效，可以将上述命令添加到你的 .bash_profile、.zshrc 或 .profile 文件中。例如，编辑 .zshrc 文件：
```
nano ~/.zshrc
```

添加以下行：

export PATH="$PATH:~/development/flutter/bin"

保存文件并运行：
```
source ~/.zshrc
```

3. 运行 Flutter Doctor

在终端中运行：
```
flutter doctor
```
这个命令会检查你的开发环境是否有任何需要修复的问题，并提供相应的建议。确保所有项目都打勾，特别是 Android toolchain 和 iOS toolchain。

安装 Xcode

1. 下载 Xcode

从 Mac App Store 下载并安装 Xcode。

2. 安装 Xcode 命令行工具

打开终端并运行：
```
xcode-select --install
```
这将会安装必要的命令行工具。

3. 同意 Xcode 许可协议

运行以下命令并按提示操作：
```
sudo xcodebuild -license
```

创建 Flutter 项目

1. 创建新项目

在终端中运行以下命令来创建一个新的 Flutter 项目：
```
flutter create my_app
```
进入项目目录：
```
cd my_app
```

2. 运行项目

连接一个 iOS 模拟器或真实设备。你可以在 Xcode 中打开模拟器，或运行以下命令启动 iOS 模拟器：
```
open -a Simulator
```
在终端中运行：
```
flutter run
```
这将会编译并运行你的 Flutter 应用，如果一切顺利，你会在模拟器或设备上看到默认的 Flutter 欢迎界面。

编写简单页面

1. 编辑 `lib/main.dart`

打开 lib/main.dart 文件，并将其内容替换为以下代码：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('简单页面'),
        ),
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}

2. 保存并运行

保存文件后，在终端中运行：
```
flutter run
```
这将会重新编译并运行你的应用，你应该会在屏幕上看到一个简单的页面，显示“Hello, Flutter!”。

发布到 App Store

1. 准备发布

在 ios 目录中打开 Runner.xcworkspace 文件。你可以在终端中运行：
```
open ios/Runner.xcworkspace
```
在 Xcode 中，选择 Runner 项目，然后选择 Targets > Runner。
配置你的项目的 Bundle Identifier，例如 com.yourcompany.myapp。