The whole process record of mobile phone short message verification code in Web project

preface

Recently, I'm working on a remote intelligent water meter management system. One function of this process is that I can use my mobile phone to register on the registration page. It took me a long time to roughly understand the implementation process of mobile phone verification code. Today, I'd like to share it with you. I won't say much now. Let's take a look at the detailed introduction.

Implementation process of SMS verification code

1. Construct mobile phone verification code: use random object to generate required random number as verification code, for example, 4-digit verification code: random number between 1000 and 9999;

2. Use the interface to send the mobile phone number and verification code data to the SMS platform, and then the SMS platform sends the verification code to the specified mobile phone number. The interface parameters generally include: target mobile phone number, random verification code (or including failure time), platform interface address and platform password;

3. Save the information returned by the interface (generally JSON text data, which needs to be converted to JSON object format);

4. Store the mobile phone number - verification code and operation time in the session for later verification;

5. Receive the verification code and other data filled in by the user;

6. Compare whether the submitted verification code is consistent with the verification code in the session, and judge whether the submission action is within the validity period;

7. If the verification code is correct and within the validity period, the request passes and the corresponding service is processed.

Today we will implement the first 4 steps:

In order to simplify the process, we use the fixed mobile phone verification code instead of the randomly generated number as the verification code

Here we have a front-end page and a background logic processing page. The following two items are briefly described:

Front page

PostData: it is the data to be processed submitted to the SMS service platform. It generally includes the user account name and password of the registrant of the SMS service platform, and who you want to send the SMS verification code to and the complete content of the information to which the SMS verification code belongs.

Finally, attach the demo source code address: http://xiazai.jb51.net/201712/yuanma/MobileRegist (jb51.net). rar

The SMS service provider address used in this demo is: http://www.106jiekou.com/login/?ReturnUrl=/member/trigger/templates/