Hướng dẫn sử dụng BotDetect ASP.NET CAPTCHA trong Visual Studio 2008

Hướng dẫn này mô tả cách dùng BotDetect ASP.NET CAPTCHA trong một dự án ứng dụng Web mới trong Visual Studio 2008.

Bước 1. Tạo ứng dụng Web mới dùng ASP.NET 2.0

• Khởi động Visual Studio 2008

• Chọn thư mục dự án, tên và ngôn ngư lập trình

[lên đầu trang]

Bước 2. Thêm tham khảo đến BotDetect CAPTCHA vào dự án

• Trong Solution Explorer, click phải vào dự án Web, rồi chọn "Add Reference"

• Tìm đến file Lanap.BotDetect.dll nằm trong thư mục cài đặt của BotDetect CAPTCHA

• Tham khảo sẽ được thêm vào trong thư mục Bin của dự án

[lên đầu trang]

Bước 3. Cấu hình site của bạn để sử dụng BotDetect CAPTCHA

Dùng Solution Explorer, mở file web.config của dự án và:

• Trong phần <system.Web>, thêm những dòng sau vào thành tố <httpHandlers>:

<add verb="*" path="LanapCaptcha.aspx" 
  type="Lanap.BotDetect.CaptchaHandler, Lanap.BotDetect" />

Dòng này sẽ đăng ký HttpHandler sữ dụng cho việc vẽ hình ảnh và phát âm thanh Captcha.

• Cũng trong phần <system.Web>, thêm những khai báo sau (sau thành tố <httpHandlers>, ví dụ):

<sessionState mode="InProc" cookieless="AutoDetect" 
  timeout="20" sessionIDManagerType="
    Lanap.BotDetect.Persistence.CustomSessionIDManager, 
    Lanap.BotDetect" />

Nếu bạn đã có sẵn khai báo <sessionState>, sửa lại nó để bao gồm thuộc tính sessionIDManagerType. Đây là giải pháp tạm thời để cho âm thanh CAPTCHA hoạt động đúng trong IE 7.0 Vista và Google Chrome, như đã giải thích trong hỏi đáp về BotDetect ASP.NET CAPTCHA.

• Trong phần <system.webServer>, thêm đăng ký HttpHandler vào thành tố <handlers>:

<remove name="LanapCaptchaHandler" />
<add name="LanapCaptchaHandler" 
  preCondition="integratedMode" verb="*" 
  path="LanapCaptcha.aspx" 
  type="Lanap.BotDetect.CaptchaHandler, Lanap.BotDetect" />

Dòng này để BotDetect Captcha hoạt động đúng khi triển khai trên máy chủ chạy IIS 7.0 trong Integrated Mode.

[lên đầu trang]

Bước 4. Thêm BotDetect vào Toolbox của Visual Studio 2003 để sử dụng sau này.

• Click phải vào bất cứ nơi nào trên Toolbox và chọn "Choose Items"

• Một lần nữa, tìm đến file Lanap.BotDetect.dll nằm trong thư mục cài đặt của BotDetect CAPTCHA

[lên đầu trang]

Bước 5. Thêm BotDetect CAPTCHA control vào trang web

• Kéo và thả Captcha control vừa mới thêm vào từ Toolbox lên trang Default.aspx

• Lưu tất cả các file, rồi biên dịch và thực thi dự án. Bạn sẽ thấy hình ảnh CAPTCHA hiển thị trên trang web.

[lên đầu trang]

Bước 6. Thêm xác thực người dùng

• Thêm một TextBox, một Button, và một Label control lên trang web

• Đổi tên các control và định dạng hình thức hiển thị của trang - nội dung file .aspx giống như sau:

  <div>
    <BotDetect:Captcha ID="SampleCaptcha" runat="server" />
  </div>
  <div>
    <asp:TextBox ID="CodeTextBox" runat="server"></asp:TextBox>
    <asp:Button ID="ValidateButton" runat="server" Text="Validate" />
    <asp:Label ID="MessageLabel" runat="server"></asp:Label>
  </div>

• Thêm đoạn mã sau vào hàm Page_Load trong mã xử lý trang:

  protected void Page_Load(object sender, EventArgs e)
  {
    if (IsPostBack)
    {
      string code = CodeTextBox.Text.Trim().ToUpper();
  	
      if (SampleCaptcha.Validate(code))
      {
        MessageLabel.Text = "Correct";
      }
      else
      {
        MessageLabel.Text = "Incorrect";
      }
  
      CodeTextBox.Text = null;
    }
  }

• Lưu tất cả các file, rồi biên dịch và thực thi dự án. Bạn có thể thử việc xác thực của CAPTCHA

• Trên trang web chính thức bạn sẽ thay đổi mã nguồn xác thực để chuyển người dùng về trang yêu cầu khi xác thực CAPTCHA thành công

[lên đầu trang]

Mã nguồn dự án mẫu của BotDetect CAPTCHA

Bạn có thể tìm thấy mã nguồn đầy đủ của hướng dẫn này tại dự án mẫu đi kèm với gói cài đặt BotDetect CAPTCHA.

[lên đầu trang]