Trong bài viết này, chúng ta sẽ tìm hiểu cách định dạng số điện thoại bằng PHP. Khi cần lưu số điện thoại thì chúng ta lưu số điện thoại định dạng. Sử dụng PHP, chúng ta có thể dễ dàng định dạng số điện thoại
Tiếp cận. Trong bài viết này, chúng ta sẽ định dạng số điện thoại bằng phương thức preg_match[]. Chúng ta có thể sử dụng phương pháp này để định dạng số điện thoại. Hàm này có các đặc điểm đặc biệt là tìm các mẫu được chỉ định từ chuỗi.
Hãy bắt đầu với một hàm PHP cơ bản để xác thực xem số điện thoại đầu vào của chúng ta có phải chỉ là các chữ số hay không. Sau đó, chúng tôi có thể sử dụng chức năng
composer create-project --prefer-dist laravel/laravel phonevalidation
3 của mình để tinh chỉnh thêm xác thực số điện thoại của mìnhChúng tôi sử dụng hàm PHP
composer create-project --prefer-dist laravel/laravel phonevalidation
4 để xác thực số điện thoại đã cho bằng biểu thức chính quy5composer create-project --prefer-dist laravel/laravel phonevalidation
Biểu thức chính quy này kiểm tra xem tham số
composer create-project --prefer-dist laravel/laravel phonevalidation
6 chỉ chứa các chữ số
composer create-project --prefer-dist laravel/laravel phonevalidation
7 và có độ dài tối thiểu
composer create-project --prefer-dist laravel/laravel phonevalidation
8 và độ dài tối đa
composer create-project --prefer-dist laravel/laravel phonevalidation
9. Bạn có thể tìm thông tin chi tiết về hàm preg_match trong hướng dẫn sử dụng PHPKiểm tra các ký tự đặc biệt
Tiếp theo, chúng ta có thể kiểm tra các ký tự đặc biệt để phục vụ cho các số điện thoại có chứa dấu chấm, dấu cách, dấu gạch nối và dấu ngoặc đơn
php artisan serve
0. Điều này sẽ phục vụ cho các số điện thoại như- [012] 345 6789
- 987-654-3210
- 012. 345. 6789
- 987 654 3210
Hàm ________ 21 loại bỏ các ký tự đặc biệt ________ 20 sau đó kiểm tra xem chúng ta chỉ còn lại các chữ số có số lượng chữ số tối thiểu và tối đa
Khuôn mẫu quốc tế
Xác nhận cuối cùng của chúng tôi là để phục vụ cho các số điện thoại ở định dạng quốc tế. Chúng tôi sẽ cập nhật chức năng
php artisan serve
1 của mình để tìm ký hiệu
composer create-project --prefer-dist laravel/laravel phonevalidation
41. Chức năng cập nhật của chúng tôi sẽ phục vụ cho các số như- +012 345 6789
- +987-654-3210
- +012. 345. 6789
- +987 654 3210
Biểu thức chính quy
42composer create-project --prefer-dist laravel/laravel phonevalidation
kiểm tra xem số điện thoại đã cho có bắt đầu bằng
composer create-project --prefer-dist laravel/laravel phonevalidation
41 và theo sau là bất kỳ chữ số nào
composer create-project --prefer-dist laravel/laravel phonevalidation
7 không. Nếu vượt qua điều kiện đó, ta bỏ ký hiệu
composer create-project --prefer-dist laravel/laravel phonevalidation
41 và tiếp tục thực hiện chức năng như cũ Mở một tài khoản với Tóm tắt và chọn API Xác thực Điện thoại từ bảng điều khiển. Bạn có thể chọn gói miễn phí ngay bây giờ, cung cấp cho bạn 250 yêu cầu API mỗi tháng
Xem phần “Dùng thử” để nhận khóa API duy nhất của bạn
Với khóa này, bạn có thể kích hoạt lệnh gọi API Postman để kiểm tra bất kỳ số nào
Bạn có thể thấy rằng phản hồi API chứa khóa “hợp lệ” cho biết trạng thái kích hoạt của số. Phản hồi API cũng có định dạng số điện thoại mà con người có thể đọc được ở định dạng quốc tế và địa phương. Hơn nữa, nó hiển thị mã quốc gia, tên và thông tin nhà cung cấp dịch vụ
Với thông tin này, có thể chuyển đổi định dạng số đã cho thành định dạng hiển thị thân thiện hoặc lập hồ sơ cho chúng dựa trên quốc gia và nhà mạng. Bạn có thể thử gọi bằng API với các số điện thoại không hợp lệ chứa chữ số hoặc mã quốc gia không tồn tại để xem phản hồi của nó như thế nào
Để biết thêm thông tin về các tham số phản hồi API, bạn có thể xem phần tài liệu trên trang API
Xây dựng ứng dụng Laravel để xác thực định dạng số điện thoại
Laravel Framework là một khung MVC mã nguồn mở trong PHP để xây dựng các ứng dụng web từ đơn giản đến phức tạp. Laravel tuân thủ nghiêm ngặt mẫu kiến trúc MVC [Model-View-Controller]. Nó được biết đến với cú pháp đẹp và thanh lịch như một khung web
Laravel có nhiều tính năng phát triển web tuyệt vời, chẳng hạn như
- Vùng chứa dịch vụ để tiêm phụ thuộc dễ dàng
- Cơ chế xác thực tích hợp với xử lý đăng ký và đăng nhập soạn sẵn
- Một trong những ORM tốt nhất, Eloquent để xử lý kết nối, di chuyển và truy vấn cơ sở dữ liệu một cách dễ dàng
- Dễ dàng sử dụng một công cụ tạo khuôn mẫu có tên Blad.
- Tích hợp vượt trội với các khung giao diện người dùng phổ biến như Vue và React
Bây giờ bạn sẽ xây dựng một ứng dụng Laravel mẫu hiển thị biểu mẫu đăng ký người dùng để thu thập thông tin liên hệ, bao gồm cả số điện thoại. Biểu mẫu này sẽ xác thực nội bộ số để đảm bảo rằng mọi biểu mẫu gửi bằng số giả đều bị chặn. Chúng tôi sẽ sử dụng giàn giáo mã sẵn có do hệ sinh thái Laravel cung cấp để trình diễn tính năng này theo các bước nhanh chóng và dễ dàng để đảm bảo bạn không phải viết quá nhiều mã.
Chúng tôi sẽ xây dựng ứng dụng mẫu này theo hai giai đoạn. Đầu tiên, chúng tôi sẽ xây dựng ứng dụng Laravel mặc định với biểu mẫu để lấy số điện thoại của người dùng và các chi tiết khác. Sau đó, trong giai đoạn thứ hai, chúng tôi sẽ thêm kiểm tra định dạng số vào biểu mẫu với sự trợ giúp của API xác thực điện thoại trừu tượng.
Trước khi tiếp tục, hãy đảm bảo rằng bạn đã thiết lập môi trường phát triển với ngăn xếp PHP v8 mới nhất đã được cài đặt bằng XAMPP hoặc Homebrew, cung cấp cho bạn thời gian chạy PHP và máy chủ cơ sở dữ liệu MySQL.
Hãy đi sâu vào
Biểu mẫu đăng ký người dùng mặc định với số điện thoại
Bước 1. Cài đặt Laravel
Composer là trình quản lý gói cho PHP. Vì Laravel là một framework PHP nên tốt nhất là sử dụng Composer để cài đặt Laravel.
Bạn có thể sử dụng tệp nhị phân PHP từ thiết bị đầu cuối dòng lệnh để cài đặt Trình soạn thảo hoặc sử dụng tệp cài đặt [thích hợp hơn cho Windows]
Kiểm tra hướng dẫn tải xuống trên trang web chính thức để biết các bước cài đặt. Sau khi cài đặt, hãy mở một thiết bị đầu cuối và chạy lệnh trình soạn thảo để xác minh cài đặt
composer -v
Bạn sẽ nhận được phản hồi như thế này
Bước 2. Tạo một dự án Laravel mới bằng trình soạn thảo
Tạo một dự án PHP mới có tên “phonevalidation” trong Composer bằng cách chạy lệnh sau trên terminal
composer create-project --prefer-dist laravel/laravel phonevalidation
Điều này sẽ cài đặt Laravel và tất cả các phụ thuộc của nó và tạo một thư mục con dự án mặc định có tên là “phonevalidation” trong thư mục làm việc hiện tại
Khi quá trình cài đặt hoàn tất, hãy thay đổi thư mục thành thư mục dự án “phonevalidation”. Bạn cũng có thể mở thư mục dự án bên trong trình chỉnh sửa mã như VS Code để kiểm tra cấu trúc thư mục con của dự án. Từ đây trở đi, giả định rằng tất cả các lệnh đầu cuối sẽ được thực thi từ thư mục dự án
Bước 3. Chạy ứng dụng Laravel
Bây giờ, bạn có thể chạy ứng dụng Laravel mặc định bằng lệnh sau
php artisan serve
Thao tác này sẽ khởi động máy chủ phát triển PHP và lưu trữ ứng dụng mặc định tại http. //127. 0. 0. 1. 8000
Truy cập URL trong trình duyệt của bạn và bạn sẽ nhận được trang này
Bước 4. Thêm giàn giao diện người dùng cho các biểu mẫu đăng ký
Bây giờ, đã đến lúc thêm một số thành phần giao diện người dùng vào ứng dụng Laravel mặc định để chứng minh xác thực điện thoại trong quá trình đăng ký người dùng. Đối với điều này, chúng ta có thể tận dụng hệ sinh thái Laravel cung cấp giàn giáo cho các thành phần giao diện người dùng làm sẵn trong một số khung Javascript phổ biến như React và Vue. Chúng tôi sẽ sử dụng các thành phần này để xây dựng trang đăng ký trình cắt cookie
Để cài đặt gói giao diện người dùng Laravel, hãy chạy lệnh này trên một thiết bị đầu cuối riêng biệt
composer require laravel/ui
Sau đó, bạn phải giàn giáo ứng dụng Laravel với Vue. js auth view bằng cách thực hiện ba lệnh này theo thứ tự
php artisan ui vue --auth
npm install
npm run dev
Nếu bây giờ bạn tải lại ứng dụng Laravel [được lưu trữ trên thiết bị đầu cuối đầu tiên] trên trình duyệt, bạn sẽ thấy một liên kết đăng nhập và đăng ký mới được thêm vào trang ở góc trên cùng bên phải
Nhấp vào liên kết đăng ký, và bạn sẽ nhận được một cái nhìn như thế này
Chế độ xem này là biểu mẫu đăng ký mặc định
Bước 5. Cập nhật mẫu đăng ký với trường số điện thoại
Như bạn có thể thấy, biểu mẫu đăng ký mặc định của Laravel không có trường số điện thoại. Bạn có thể thêm điều đó bằng cách cập nhật 'resources/views/auth/register. lưỡi. php'
Sao chép đoạn mã dưới đây để thay thế toàn bộ mã bên trong 'đăng ký. lưỡi. php'
@extends['layouts.app']
@section['content']
{{ __['Register'] }}
@csrf
{{ __['Name'] }}
@error['name']
{{ $message }}
@enderror
{{ __['Phone Number'] }}
@error['phone']
{{ $message }}
@enderror
{{ __['Email Address'] }}
@error['email']
{{ $message }}
@enderror
{{ __['Password'] }}
@error['password']
{{ $message }}
@enderror
{{ __['Confirm Password'] }}
{{ __['Register'] }}
@endsection
Sau khi lưu tệp, trang biểu mẫu đăng ký Laravel sẽ được làm mới để hiển thị biểu mẫu đã cập nhật với trường số điện thoại
Bước 6. Cập nhật cơ sở dữ liệu để lưu trữ số điện thoại
Biểu mẫu đăng ký này lưu trữ dữ liệu đã gửi trong cơ sở dữ liệu. Do đó, nó phải được kết nối với máy chủ cơ sở dữ liệu MySQL phụ trợ
Để làm cho nó hoạt động, hãy đảm bảo rằng máy chủ cơ sở dữ liệu MySQL của bạn đang hoạt động và bạn có quyền truy cập vào thông tin đăng nhập của quản trị viên
Để lưu trữ chi tiết người dùng, bạn cần một cơ sở dữ liệu được chỉ định. Hãy gọi nó là "xác thực điện thoại". Đảm bảo tạo cơ sở dữ liệu này trong máy chủ MySQL
Bây giờ hãy mở. env và thay thế các tham số có tiền tố là “DB_” bằng đoạn mã bên dưới
Ensure that you replace the placeholder with your actual MySQL database password.
Bây giờ, bạn cần cập nhật các tập lệnh di chuyển để thực hiện các thao tác cơ sở dữ liệu của biểu mẫu đăng ký
Mở tệp 'cơ sở dữ liệu/di chuyển/2014_10_12_0000_create_users_table. php’ và thay thế mã bằng đoạn mã bên dưới