backend(mBaaS)。技術情報メールアドレス認証を提供する際には、Webブラウザでパスワードを登録する画面であったり、パスワードを忘れた場合の画面を提供する必要があります。デフォルトの画面は以下のようになっていますが、アプリの雰囲気と合わせたいという要望は必ずあります。そこで今回はこれらの画面のカスタマイズ方法を紹介します。NCMBの管理画面から行うカスタマイズできる画面の種類についてカスタマイズする際の注意点カスタマイズ例まとめNCMBの管理画面から行うHTML画面の変更は管理画面より行います。アプリ設定の会員認証設定を開きます。HTMLテンプレートをアップロードする機能があり、ここでファイルをアップロードすることで画面のカスタマイズが可能です。カスタマイズできる画面の種類についてNCMBで提供するWeb画面はすべてカスタマイズ対象ですが、以下の種類があります。メールアドレス確認完了ページ会員パスワード変更ページ会員パスワード変更完了ページ無効リンクページメールアドレス会員登録ページメールアドレス会員登録完了ページメールアドレス認証を提供している場合、まず大事なのは「メールアドレス会員登録ページ」と「メールアドレス会員登録完了ページ」になるでしょう。ユーザ名認証などを提供していて、メールアドレスを登録してもらった場合には「メールアドレス確認完了ページ」を利用します。後はパスワード変更用の「会員パスワード変更ページ」と「会員パスワード変更完了ページ」、最後はすでに使ってしまった確認用URLなどに用いる「無効リンクページ」になります。カスタマイズする際の注意点カスタマイズする際にはまずテンプレートをダウンロードしてから行うと良いでしょう。メールアドレス会員登録ページでは以下のJavaScriptファイルを使っています。mailAddress.jsconfig.jsこの二つのファイルはメールアドレスする際の動的な処理を行っているので必ず読み込むか、このファイルをコピーした上でカスタマイズするのが良いでしょう。パスワードの条件を厳しくすると言った場合です。アップロードしてください。一つのHTMLファイルですが、圧縮しなければいけません。アップロードしたHTMLファイルは、アップロードした後から適用されます。該当URLを開いていた状態だと再読込しても適用されないので注意してください。カスタマイズ例カスタマイズする例としては、デザインを変更する目的が一番基本になるでしょう。登録完了時にアプリを開くようにするといったカスタマイズも考えられます。まとめアプリのブランディングを考える上でデザインの統一は大事な要件になるでしょう。カスタマイズ方法をマスターして、アプリとWebのデザインを統一してください。篤司NCMBエヴァンジェリスト。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。2004年、まだ情報が少なかったオープンソースソフトの技術ブログ「MOONGIFT」を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶDXエージェンシー「DevRel」活動をスタート。Tumblr関連記事2019-08-22メールアドレス認証利用時に送信されるメールの違いmBaaSではメールアドレスを使った認証機能を提供しています。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。