Network data request for wechat applet development

Catalog

One 、 Limit

Two 、 Configure the legal domain name of the server ​​​​​​​

3、 ... and 、 Initiate request ​​​​​​​

Four 、 skip requst Legal domain name verification

  5、 ... and 、 About cross domain and Ajax Explanation

---

One 、 Limit

For security reasons , The applet official makes the following two restrictions on the request of data interface ：

• Only request HTTPS Interface of type
• You must first add the domain name of the interface to the trust list
• 

---

Two 、 Configure the legal domain name of the server

Configuration steps ：

1. Log in to wechat applet management background link
2. Click development
3. Development management
4. Development and setup
5. Server domain name
6. Click the upper right corner to modify requst Legitimate domain name

 

  matters needing attention ：

1. Domain name only supports https agreement
2. Domain name cannot be used IP Address or localhost
3. The domain name must go through ICP Keep on record （ Back end understanding ）
4. The server domain name can be applied for at most within one month 5 Time modify （ The information on the official website is incorrect , Community workers have explained ）

 

---

3、 ... and 、 Initiate request

（1）GET request

// launch GET request 
getInfo(){
  wx.request({
    url: 'https://XXX',// Interface address to be requested 
    method:'GET',// How to request 
    data:{
      name:'XX',
      age:20
    },
    // Request successful callback function 
    success:(res)=>{
      console.log(res)// Print the object returned by the server 
    },
    // Callback function for request failure 
    fail:(res)=>{
      console.log(' Request data failed ！')
    },
    // Functions that will be executed whether the request is successful or not 
    complete:(res)=>{
      console.log(' Network data request has been sent ！')
    }
  })

},

（2）POST request

// launch POST request 
getInfo(){
  wx.request({
    url: 'https://XXX',// Interface address to be requested 
    method:'POST',// How to request 
    data:{
      name:'XX',
      age:20
    },
    // Request successful callback function 
    success:(res)=>{
      console.log(res)// Print the object returned by the server 
    },
    // Callback function for request failure 
    fail:(res)=>{
      console.log(' Request data failed ！')
    },
    // Functions that will be executed whether the request is successful or not 
    complete:(res)=>{
      console.log(' Network data request has been sent ！')
    }
  })

},

（3） Difference between the two

If you want to submit an article , It must only be used post, Because the amount of data is too large ,get Request similar browsers url request , You put an article in url There must be no request in it , If you are just a simple pass id Or less parameters can be used get, There is also a password input suggestion post,post Request parameters are not displayed in clear text url On .

In a word ：GET Requests can include parameters in URL in , but POST The request needs to go through request body To pass parameters .

Reference article ：GET And POST The popular explanation of the two  

---

 

Four 、 skip requst Legal domain name verification

If in development , Back end programmers only provide http Interface to protocol , Not available for the time being https Interface to protocol , At this time, in order not to delay the project development progress , You can now set the local settings in the project details of wechat developer tool , take 【 Do not verify legal domain name 、web-view（ Business domain name ）、TLS Version, and HTTPS certificate 】 Check on , In order to temporarily skip the detection mechanism of legal domain names （ This operation is limited to Development and commissioning stage Use ！）

 

 

 

 

---

 

  5、 ... and 、 About cross domain and Ajax Explanation

（1） Cross domain problems only exist in browser based systems Web In development . Because the hosting environment of the applet is Wechat client , So the applet is There is no cross domain The problem of .

（2）Ajax The core of the technology is to rely on... In the browser XML HttpRequst This object , Because the hosting environment of the applet is the client , So there is no in the applet “ launch Ajax request ” That's what I'm saying , It's called “ Initiate a network data request ”