在現代互聯網應用開發中，驗證碼已經成為不可或缺的一部分，用于防止機器人或者惡意攻擊的輸入。在PHP CodeIgniter框架中集成驗證碼，可以通過安裝CI-captcha庫輕松實現。
假設我們正在開發一個郵件訂閱功能，通過接收用戶輸入的郵箱地址訂閱我們的郵件列表，我們希望在用戶提交訂閱信息前，通過驗證碼保證輸入的確認是由人類完成的，而不是機器人。我們首先安裝CI-captcha庫。可以通過github或者composer安裝。下面是使用composer安裝方式：
<?php
composer require xiaogouxo/ci-captcha
?><?php
public function captcha()
{
$this->load->helper('captcha');
$config = array(
'img_path' =>'./captcha/',
'img_url' =>base_url('captcha/'),
'img_width' =>150,
'img_height' =>30,
'expiration' =>7200,
'word_length' =>4,
'font_size' =>16,
'pool' =>'0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
'colors' =>array(
'background' =>array(255, 255, 255),
'border' =>array(255, 255, 255),
'text' =>array(0, 0, 0),
'grid' =>array(255, 40, 40),
),
);
$captcha = create_captcha($config);
echo $captcha['image'];
$this->session->set_userdata('captchaWord', $captcha['word']);
}
?><html><head><script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){
$('#captchaimg').click(function(){
var randomnumber = Math.floor(Math.random() * 10000000);
$('#captchaimg').attr('src', '/index.php/examples/captcha/'+randomnumber);
});
});
</script></head><body><div><input type="text" name="captcha" value="" size="50"/><img id="captchaimg" src="/index.php/examples/captcha/" /></div><button id="submit" type="submit" value="Subscribe">Subscribe</button><script>$('#submit').click(function(){
var captcha = $('input[name=captcha]').val();
var captchaWord = '<?php echo $this->session->userdata('captchaWord'); ?>';
if(captcha === captchaWord){
// 驗證通過
}else{
alert('Invalid Captcha Code.');
}
});
</script></body></html>