🎶

file_pickerをiOSで使って躓いた点！

2023/05/15に公開

Flutter

filepicker

tech

ダウンロードフォルダへアクセスしたい

音声ファイルをアップロードして、サーバーへポストするプログラムを作ったのですが、Androidでは、うまくいくのだけど、iOSではうまくいかない？

今回使用したパッケージ
https://pub.dev/packages/file_picker

info.plistを設定する

iOSで使用するには、info.plistにxmlのコードの追加が必要です。Podfileにコードの追加が必要なことも書いてありましたが、最近のFlutterのバージョンでは最初から書かれているようです。
公式の解説

Podfileに追加するコード。でもこれはあるので大丈夫🙆

target 'Runner' do
  use_frameworks!

ちなみに私のコードはこれです。実機での動作検証が必要だったので、動かせるようにするために、platform :ios, '11.0'のコメントを外したりしましたね。色々設定しないと、実機でビルドできなかった。後は、Apple Developerのアカウントが必要です。

# Uncomment this line to define a global platform for your project
platform :ios, '11.0'

# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
ENV['COCOAPODS_DISABLE_STATS'] = 'true'

project 'Runner', {
  'Debug' => :debug,
  'Profile' => :release,
  'Release' => :release,
}

def flutter_root
  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
  unless File.exist?(generated_xcode_build_settings_path)
    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
  end

  File.foreach(generated_xcode_build_settings_path) do |line|
    matches = line.match(/FLUTTER_ROOT\=(.*)/)
    return matches[1].strip if matches
  end
  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
end

require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)

flutter_ios_podfile_setup

target 'Runner' do
  use_frameworks!
  use_modular_headers!

  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
end

post_install do |installer|
  installer.pods_project.targets.each do |target|
    flutter_additional_ios_build_settings(target)
  end
end

こちらのサイトを見ると参考になります

設定したコード

ios/Runner/Info.plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
	<dict>
		<!-- file_pickerr ここから-->
		<key>UIBackgroundModes</key>
		<array>
			<string>fetch</string>
			<string>remote-notification</string>
		</array>
		<key>NSAppleMusicUsageDescription</key>
		<string>Explain why your app uses music</string>
		<key>NSBonjourServices</key>
<array>
  <string>_dartobservatory._tcp</string>
</array>
<key>NSDocumentsFolderUsageDescription</key>
<string>Used to select files for upload</string>
<key>NSDownloadsFolderUsageDescription</key>
<string>Used to select files for upload</string>

		<!-- file_pickerr ここまで-->
		<key>CFBundleDevelopmentRegion</key>
		<string>$(DEVELOPMENT_LANGUAGE)</string>
		<key>CFBundleDisplayName</key>
		<string>Bpm Check App</string>
		<key>CFBundleExecutable</key>
		<string>$(EXECUTABLE_NAME)</string>
		<key>CFBundleIdentifier</key>
		<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
		<key>CFBundleInfoDictionaryVersion</key>
		<string>6.0</string>
		<key>CFBundleName</key>
		<string>bpm_check_app</string>
		<key>CFBundlePackageType</key>
		<string>APPL</string>
		<key>CFBundleShortVersionString</key>
		<string>$(FLUTTER_BUILD_NAME)</string>
		<key>CFBundleSignature</key>
		<string>????</string>
		<key>CFBundleVersion</key>
		<string>$(FLUTTER_BUILD_NUMBER)</string>
		<key>LSRequiresIPhoneOS</key>
		<true />
		<key>UILaunchStoryboardName</key>
		<string>LaunchScreen</string>
		<key>UIMainStoryboardFile</key>
		<string>Main</string>
		<key>UISupportedInterfaceOrientations</key>
		<array>
			<string>UIInterfaceOrientationPortrait</string>
			<string>UIInterfaceOrientationLandscapeLeft</string>
			<string>UIInterfaceOrientationLandscapeRight</string>
		</array>
		<key>UISupportedInterfaceOrientations~ipad</key>
		<array>
			<string>UIInterfaceOrientationPortrait</string>
			<string>UIInterfaceOrientationPortraitUpsideDown</string>
			<string>UIInterfaceOrientationLandscapeLeft</string>
			<string>UIInterfaceOrientationLandscapeRight</string>
		</array>
		<key>UIViewControllerBasedStatusBarAppearance</key>
		<false />
		<key>CADisableMinimumFrameDurationOnPhone</key>
		<true />
		<key>UIApplicationSupportsIndirectInputEvents</key>
		<true />
		<!-- FilePicker ここから-->
		<key>UISupportsDocumentBrowser</key>
<true/>
<key>LSSupportsOpeningDocumentsInPlace</key>
<true/>
<!-- FilePicker ここまで-->
	</dict>
</plist>

使用したメソッドはこちら

FilePickerResult? result = await FilePicker.platform.pickFiles(
  type: FileType.custom,
  allowedExtensions: ['jpg', 'pdf', 'doc'],
);

最初はこんな風に書いたら、ミュージックというiOSのアプリを読み込みにいく。これだと、ミュージックに音声ファイルを保存しないといけない。結構手間でした。使用する音声ファイルも加工した再生時間が短いものでした。
type: FileType.audioと書いていたのが問題でした。

final result = await FilePicker.platform.pickFiles(
      type: FileType.audio,
      allowMultiple: false,
    );

type: FileType.audioを消すと、デフォルトの設定なのかiPhoneのフォルダをアップロード先として、読み込みにいくようになりました。これでフォルダに保存しておいた音声ファイルをアップロードしてサーバーへポストすることができました。

final result = await FilePicker.platform.pickFiles(
      allowMultiple: false,
    );

まとめ

サーバー側の方なんですけど、render.comなるものを使っているせいか、Herokuのようにレスポンスが帰ってくるのが遅かったです。render.comの厄介なところは、アクセスがないと停止してしまうところでした。時間が経つと操作しないと起動しないので、ずっと動いているサーバーを使った方が安定しましたね。AWS ECR,EC2,Dockerを使用した構成だと１０秒以内にレスポンスが帰ってきました！　でもAWSだと、維持費がかかってしまうので、没になって削除しました😇
render.comだと、無料枠があるのですが、512mb以内の容量のデータしか扱えないらしく、送信したデータが容量小さくてもプログラムを実行したときに蓄積されるメモリも送信されるデータに入るらしく、何度か失敗しました。Pythonで今回は、バックエンドのAPIを作ったのですが、Pythonでもメモリの管理をする方法があるみたいで、それで改善したりもしましたが、まだまだ改良は必要と思われます。

https://render.com/
https://www.sejuku.net/blog/74447

ダウンロードフォルダへアクセスしたい

info.plistを設定する

使用したメソッドはこちら

まとめ

Discussion