backend(mBaaS)。過去記事プッシュ通知は従来のマーケティング手法で言えばメールマーケティングに相当します。一度配信してしまうと、後から取り消すのが難しい拡散方法ということです。そのため企業によっては一旦承認フローを経てからプッシュ通知を送りたいという要望も聞かれます。そこで独自のプッシュ通知管理画面を作成して、承認フローを経るようにしてみたいと思います。作成していく過程をステップを踏んで説明していきますので、自社のフローに合わせてカスタマイズしてみてください。今回は認証処理を作っていきます。実際の処理についてこのWebアプリケーションはVue.jsで構築されています。機能はコンポーネント化されています。今回はログイン機能をモーダル表示を使って作っていきます。backendのモーダル表示をベースにします。このHTMLをベースにして、signin_form.vueというファイルのtemplateタグを作成します。このHTMLはbodyタグの直下に生成されるのを前提としています。認証が必要と考えられる処理で判定を行います。承認者を設定するモーダルを表示する際に、ログインしていない場合はログイン画面を出すようにします。this.updateList();},モーダル表示は複数パターンが考えられますので、前回の承認者設定用モーダルの方法を踏襲してモーダルの種類(今回はinstallationManager)を指定できるようにしておきます。文字列を入れるようにします。Appのテンプレート側では次のように記述します。modalがinstallationManagerの時だけ表示します。</div></template>これでボタンを押した際にモーダルが表示されます。モーダルを閉じる次にモーダルを閉じる機能を実装します。クリックだけでなくESCキーでも閉じられるようにしています。}}ログイン画面を作成するログイン画面はuserNameとpasswordを設定します。使ってメッセージを送ります。}}もちろんAppではイベントを購読しておきます。</div></template>そしてログイン処理を行います。内部が書き換わってもうまく通知されませんでした。そこでlocation.reloadを使って再読込処理をしています。})},メニューを変更するログイン状態に応じてヘッダーメニューの表記を変更します。ログインしていない場合は未ログインと表示するようにします。white"></span></a>ログアウト処理を実装する最後にログアウト処理を実装します。使ってAppにて行います。this.$emit('logout');},実際の処理は次のようになります。});}ここまでの処理でプッシュ管理アプリにおいて認証処理を挟めるようになりました。アプリ全体で認証状態を管理するので、Appオブジェクト内で処理を行うのがポイントです。v0.4にアップロードされています。実装時の参考にしてください。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。