Webサービスのサイトオープン!

Silicon Valley Super Ware

2020年4月19日


Webサービスのサイトオープン!

今年度は、「Webサービスでビジネス」がテーマという事で新たにサイトを作成しました! 今後、ブログではカバーできないWebサービスの情報をサイトの方からも配信していきます。
Webサービスのサイトはこちら!
まだ、情報は少ないですが、先日から紹介しているWebサービスの実施例として 「お問合せフォーム」を取り上げていますが、それの実装サンプルのリンクを サイト内から設定してあります。

お問合せフォームの実装例

お問合せフォーム自体はシンプルです。入力されたお問合せ内容を Firebaseに送って保存するだけなので、慣れている人ならば30分も かからずに実装することができます。 実際、JavaScriptは至ってシンプルで、全てを一つのHTMLファイルに まとめてあります。
お問合せフォームのサンプルはこちら!
先週も書いた通り、これだけでは完全なサービスにはなりません。 ただ送るだけで、サービスとしては「完結」していません。

実はより重要なのは「管理ページ」です!

管理ページがあって、始めて送られたお問合せを見たりする事ができます。 Firebaseの管理ページでお問合せを見る事もできますが、一般的な利用者を 考えると現実的な方法ではありません!

「管理ページ」の実装例

管理ページは送られたお問合せ内容を見たり、不要になったお問合せを削除したりするページです。
お問合せ管理ページのサンプルはこちら!
(*)管理ページのアクセスにはデモユーザーのE-Mailアドレスとパスワードが必要です!
ニュースレターに登録された方には無料で提供していますので是非ご登録をよろしくお願いいたします!
実はこの管理ページこそ今回例に挙げたWebサービスの「カギ」を握る部分です。 送られてきたお問合せを見て、効率的に回答をすることが重要だからです。
実際の実装例でも、お問合せフォームよりはより複雑な実装になっています。
お問合せフォームでは入力する項目は決まっていて、予めHTMLで全てを記述して、 データを取り込んだり、送ったりする部分だけをJavaScriptで書いていました。
ところが、管理フォームでは何件のお問合せがあるかはデータベースから読み込まないと わからないので、読み込んだ後、リストのテーブルをJavaScriptを使って書き出しています。 つまり、主なページの記述もJavaScriptで行う必要があるため、実装はやや複雑になります。

セキュリティの問題もある!

もう一つは、セキュリティの問題もあります。例えば質問が掲示板形式の場合は、 質問内容も公開されるので誰が見ても問題はありません。実際そういう選択肢も あるかと思います。
今回は、個別にE-Mailのアドレスを頂いてお問合せをして頂くという前提ですので、 個人のE-Mailアドレスの保護の観点から誰でも見られると問題になります。

閲覧できるのは管理者のみ!

それが、今回管理者画面へおアクセスにログインが必要な理由です。
つまりこういう事です!
同じコードを簡単にサーバー側でもブラウザーでも動かす事ができるという事です。 デモでも、いたずらを避けるために登録した方のみ管理画面をご覧いただけるという事に させて頂きました!

「管理ページ」にはFirebaseの基本がぎっしり!

ということで、管理ページには、Firebaseの基本が沢山含まれています。
  • ログイン(ユーザー認証機能)
  • データベースから投稿順に並べ替えてデータを取得
  • データの削除
これに加えて、動的にHTMLを書き出して、画面を切り替える機能が含まれます。

管理画面まで作るとWebサービスの基礎がわかるという事です!

もう一つは、セキュリティルールです。データベースには「読み込み」と「書き込み」の アクセスがあります。
Firebaseでは、さらに細かく分類して、書き込みを「新規作成」「更新」「削除」に分けています
一般的なサイトの利用者に許可しているのは「新規作成」だけです。これを設定する事で、 Firebaseのアクセスの仕方を知っている「第三者」が勝手に読み込んだりすること防ぐことができます。 少なくても、読み込みや、更新、削除は、管理者のログイン情報を知らなければできないという設定に する事ができます。

是非体験を!

簡単そうに見える「お問合せフォーム」の実装ですが、Firebaseの基本やWebサービスの基本が 沢山含まれています。実際に体験して頂く事で、「知っている」から「出来る!」に 変えて行く事ができます。
まずは、簡単なお問合せフォームのサービスから始めて、より複雑で価値の高いサービスが作れるように していくのがベストです。
シリコンバレースーパーウエアでは、Webサービスの作り方だけではなく、作ったWebサービスを利用した ビジネスの展開までを身に着ける事が可能です。

興味のある方は今すぐお問合せください!



またよろしければ、ニュースレターの登録をお願いします!大体週一回お届けしています。ブログよりは一歩踏み込んだもっと濃い内容を発信しています。


Copyright(c) 2020 by Silicon Valley Super Ware, all rights reserved.

コメント

このブログの人気の投稿

ユーザーインターフェースの設計

足し算以外もできるようにする

改良版足し算プログラム