在Parse.com有獨立的語法可做使用者帳號密碼之註冊與登入等控管,這部分會讓我們更容易設計出會員管理之類的服務,或者不同權限使用者的服務功能。
首先,參閱Parse.com的Javascript指南,瞭解其使用者註冊的語法範例:
var user = new Parse.User();
user.set("username", "myname");
user.set("password", "mypass");
user.set("email", "email@example.com");
user.set("phone", "0912-345678");
user.signUp(null, {
success: function(user) {
// Hooray! Let them use the app now.
alert("Your account is createed.")
},
error: function(user, error) {
// Show the error message somewhere and let the user try again.
alert("Error: " + error.code + " " + error.message);
}
});
上述程式碼大致是進行下列動作:
- 使用 Parse.User 方法指定要進行使用者帳號管理
- 然後set一個使用者的username、password、email、phone這四個欄位(四個內定欄位的前兩個欄位當然一定要有值,而我們也可以額外增訂欄位)
- 用signUp方法註冊這些欄位資料新增一個使用者帳號記錄,並定義如果新增成功(success)要進行哪些處理動作,而沒有成功(error)又要進行怎樣的動作。
同樣以第一個練習index.html將42行
Parse.initialize("APPLICATION_ID", "JAVASCRIPT_KEY"); 替換成專案的keys。然後,將44~53行以上述程式碼取代。另行存檔為register.html並以瀏覽器開啟執行,應該就會看到跳出對話框顯示新帳號已建立,而且在Parse.com可以看到User雲端資料庫確實有這麼一筆新增記錄。但如果再執行一次,就會出現錯誤訊息告知帳號已存在。
其次,參閱Parse.com的Javascript指南,瞭解其使用者登入查證的語法範例:
Parse.User.logIn("myname", "mypass", {
success: function(user) {
// Do stuff after successful login.
alert("Login succeddful.");
},
error: function(user, error) {
// The login failed. Check error to see why.
alert("Login failed.");
}
});
上述程式碼大致是進行下列動作:
- 使用 Parse.User.logIn 方法指定要進行使用者登入帳號密碼的查證
- 定義如果查證無誤(success)要進行哪些處理動作,而帳密不存在或不正確(error)又要進行怎樣的動作。
同樣以第一個練習index.html的keys44~53行以上述程式碼取代,另行存檔為login.html並以瀏覽器開啟執行,應該就會看到跳出對話框顯示登入成功。
以上只是對於Parse.com的使用者管理語法有最基本認識而已,這樣以程式內以固定的帳密做註冊/登入,頂多就是我們要內建一些使用者帳號,然後在測試程式時先用已建立的帳號來登入執行看看。下個練習還要再加上讓使用者輸入帳密的表單,以及註冊/登入成功後轉至指定頁面,把這些設計再納入才會是真正能用的使用者管理功能。下個單元再說囉!
延伸閱讀...