micomia株式会社の井上です。今回はRequest Permissionについて解説していきます。
初心者にも分かりやすく解説していくのでぜひご一読ください。
1. Request Permissionとは
Request Permissionとは、アプリがユーザーの端末に備わっている機能(カメラや位置情報、通知など)にアクセスする際にユーザーから許可を得るための仕組みです。
普段使っているアプリでも初回起動時によく、「〇〇がカメラへのアクセスを求めています」というようなモーダルが表示されることがあると思います。
これを表示させるために使うのがRequest Permissionです。
2. Request Permissionの実装方法
今回はこの青色のボタンを押すことでカメラにアクセスするRequestが表示されるように実装していきます。

まず、Request PermissionはActionの1種なのでAdd Actionから追加します。


Request PermissionのActionを追加すると、下にPermission Typeを選択する箇所が現れます。

ですが、デフォルトの状態だと何も選択肢がないので設定のPermissionsを開きます。

今回はカメラにアクセスするRequestを表示させたいのでCameraをONにして文章を打ち込みます。

できたら、先ほどの実装画面に戻ってPermission Typeのところに表示されるCameraを選択します。

Test Modeでは確認できないのでWeb Publishmentを使用して確認してみるとこのように表示されました。(本番環境ではないのでアプリ名が正しく表示されないのは仕方ないです)

3. さいごに
今回はRequest Permissionについて解説していきました。普段から何気なく許可する/しないを選択していると思いますが、アプリの安全や信頼を守るためにも実装する際はリクエストを求めるようにしましょう。
本記事の内容を動画で見たい方は以下をご覧ください。


.webp%3Falt%3Dmedia%26token%3D44d272c7-1e7a-46d7-86de-dc2bec67a3e4&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dbc168691-5281-4eab-8c08-ed7fe5624582&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8f9453ad-d017-4640-8b7b-4c5d55391f46&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D904686c4-e792-4c6a-b5ce-e7648fd53404&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8db330f1-3fab-48b7-8dcf-dd8c6f47836a&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Ddef3da75-721c-4e42-8cd8-f06795bb771f&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8fec979d-a6dc-4d03-960f-330f997108a7&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D6bddee16-071d-41fd-8a4b-f2026bcff617&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D9ba70870-6b39-4eab-b9c2-e126ef08cb09&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8a795f56-e8a9-4be1-937b-65c1a89922b3&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dbe65d589-2f4c-4ad8-82a1-7ddb73af2620&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D0aa104f5-928b-4ddf-a535-d8574b7667a8&w=3840&q=75)

.webp%3Falt%3Dmedia%26token%3D45131e3d-4777-421a-a556-bcc8d462dfe1&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D09daf923-4a62-4c31-af6f-f3d99a9f635b&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D0e63e93b-1558-48a5-8b24-d1ae7cfa487f&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D240fcc34-b7e7-4c86-b294-fdfc2a66db21&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Db288c602-2902-4f93-8eca-903ec8f86440&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D6040f2d9-1a54-476c-9999-5e0aeb8e8a74&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D3c4b1b17-9fec-405e-9e02-8d34961b6f16&w=3840&q=75)