2014年10月24日 星期五

Parse.com的第七個練習(2016年底關閉)

上午9:14 Posted by Envisioning U-Commerce Lab

在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的使用者管理語法有最基本認識而已,這樣以程式內以固定的帳密做註冊/登入,頂多就是我們要內建一些使用者帳號,然後在測試程式時先用已建立的帳號來登入執行看看。下個練習還要再加上讓使用者輸入帳密的表單,以及註冊/登入成功後轉至指定頁面,把這些設計再納入才會是真正能用的使用者管理功能。下個單元再說囉!



延伸閱讀...