私はHTMLにかなり慣れていません.1週間の新しいようです。私は Web ストアを作成しています。「管理パネル」にログインして、製品をより簡単に管理できるようにしたいと考えています。新規追加、削除、名前変更など。私の問題は、ログイン情報を html コードに保存していて、if ステートメントを使用して有効性を確認していることです。
コードをテストしていたとき、好奇心が強く、要素を調べたいと思いました。当然のことながら、私のログイン情報全体があり、誰でもアクセスできます。
どうにかして非表示にするか、ログイン フィールドを私以外のユーザーから非表示にする必要があります。しかし、私はそれにアプローチする方法がわかりません。ストアページに非表示の部分があり、それを一定回数クリックするとフィールドが表示されるなど、いくつかの解決策を考えました。しかし、私はそれを複雑にしていると思います。
どんなアイデアでも大歓迎です。ありがとう。以下は、ログインするための私の機能です。
function login()
{
var username = "test username";
var password = "testpassword";
if(document.getElementById("username field").value == username && document.getElementById("password field").value == password)
{
var btn = document.createElement("BUTTON");
document.body.appendChild(btn);
<!-- hide the user name field after login -->
document.getElementById("username field").hidden = true;
<!-- hide the password field after login -->
document.getElementById("password field").hidden = true;
<!-- hide the login button after login -->
document.getElementById("login btn").hidden = true;
<!-- show a message indicating login was successfull -->
window.alert("Login successfull! Welcome back admin!")
}
else
{
window.alert("Sorry, you are not authorized to view this page.");
}
}
そして、これは検査要素のスクリーンショットです。私は唯一のユーザーであり、自分自身を公開せずに管理パネルにアクセスできるようにするための方法であるため、データベースのようなあまりにもクレイジーなものは望んでいません。再度、感謝します。
編集：
私は自分のサーバーを使用していません。Wix.com を使用して最初の Web サイトを作成し、次に HTML ウィジェットを使用して Web ストアを作成しています。人々がサーバーと通信することを許可しているとは思いません。