小程序模板網(wǎng)

微信小程序如何實(shí)現(xiàn)與后臺通信(PHP)

發(fā)布時間：2018-04-18 09:33 所屬欄目：小程序開發(fā)教程
作者：木子林，來自公眾號：快樂的小碼農(nóng)

最近一段時間微信小程序向個人開發(fā)者開放了申請，于是自己開始學(xué)習(xí)如何開發(fā)小程序，由于對后臺開發(fā)不熟悉，所以自己碰到了許多坑。

自己碰到的第一個坑就是如何實(shí)現(xiàn)與小程序的后臺通信，根據(jù)微信小程序官方文檔的說法，網(wǎng)絡(luò)通信需要通過wx.request發(fā)起網(wǎng)絡(luò)請求，官方文檔的寫法是：

 

					
    
						
  1. 
							wx.request({
    2. 
						
  2. 
							url: 'test.php', //僅為示例，并非真實(shí)的接口地址
    3. 
						
  3. 
							data: {
    4. 
						
  4. 
							x: '' ,
    5. 
						
  5. 
							y: ''
    6. 
						
  6. 
							},
    7. 
						
  7. 
							header: {
    8. 
						
  8. 
							'content-type': 'application/json'
    9. 
						
  9. 
							},
    10. 
						
  10. 
							success: function(res) {
    11. 
						
  11. 
							console.log(res.data)
    12. 
						
  12. 
							}
    13. 
						
  13. 
							})
    14. 
					

					

						但是在實(shí)際的操作中是url微信要求必須是https協(xié)議的。

					

						下面我以一個例子來完成微信小程序從后臺請求數(shù)據(jù)：

					
    
						
  1. 
							打開微信官方小程序開發(fā)IDE，在app.json文件中新建一個頁面
    2. 
					

					

						 

					

					
    
						
  1. 
							{
    2. 
						
  2. 
							"pages":[
    3. 
						
  3. 
							"pages/index/index",
    4. 
						
  4. 
							"pages/todos/todos"//在這里新建一個頁面
    5. 
						
  5. 
							 
    6. 
						
  6. 
							],
    7. 
						
  7. 
							"window":{
    8. 
						
  8. 
							"backgroundTextStyle":"light",
    9. 
						
  9. 
							"navigationBarBackgroundColor": "#fff",
    10. 
						
  10. 
							"navigationBarTitleText": "WeChat",
    11. 
						
  11. 
							"navigationBarTextStyle":"black"
    12. 
						
  12. 
							}
    13. 
						
  13. 
							}
    14. 
					

					

						2.加上上面的一段代碼保存后我們就可以看到在pages文件夾下多了一個頁面

					

						

					

						然后在todos.js中進(jìn)行數(shù)據(jù)請求，請求代碼如下：

					

						 

					

					
    
						
  1. 
							Page({
    2. 
						
  2. 
							onLoad: function () {
    3. 
						
  3. 
							var that = this;
    4. 
						
  4. 
							wx.request({
    5. 
						
  5. 
							url: 'https://www.***.***/index.php',//此處填寫你后臺請求地址
    6. 
						
  6. 
							method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
    7. 
						
  7. 
							// header: {}, // 設(shè)置請求的 header
    8. 
						
  8. 
							success: function (res) {
    9. 
						
  9. 
							// success
    10. 
						
  10. 
							console.log(res.data);//在控制臺輸出在遠(yuǎn)程后臺請求到的數(shù)據(jù)
    11. 
						
  11. 
							},
    12. 
						
  12. 
							fail: function (res) {
    13. 
						
  13. 
							// fail
    14. 
						
  14. 
							},
    15. 
						
  15. 
							complete: function (res) {
    16. 
						
  16. 
							// complete
    17. 
						
  17. 
							}
    18. 
						
  18. 
							})
    19. 
						
  19. 
							}
    20. 
						
  20. 
							})
    21. 
					

					

						3.第三步就是編寫后臺響應(yīng)程序來響應(yīng)微信小程序的前臺請求，我的后臺使用php寫的，后臺響應(yīng)的文件index.php如下：

					

						 

					

					
    
						
  1. 
							<?php
    2. 
						
  2. 
							$data = array(
    3. 
						
  3. 
							'tid' => 100,
    4. 
						
  4. 
							'name' => 'IT學(xué)習(xí)筆記',
    5. 
						
  5. 
							'site' => 'www.icvo.net');
    6. 
						
  6. 
							 
    7. 
						
  7. 
							$response = array(
    8. 
						
  8. 
							'code' => 200,
    9. 
						
  9. 
							'message' => 'success for request',
    10. 
						
  10. 
							'data' => $data,
    11. 
						
  11. 
							);
    12. 
						
  12. 
							 
    13. 
						
  13. 
							echo json_encode($response);//生成json文件
    14. 
						
  14. 
							?>
    15. 
					

					

						4.這時候，我們就可以在控制臺看到我們請求的json數(shù)據(jù)了

					

						

					

						這樣，一次成功的微信小程序從后臺請求數(shù)據(jù)就成功了。

				

					
		

	




            


            


            

            

                

                    易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
                    碼云倉庫:starfork
                

                

                    本文地址：http://22321a.com/wxmini/doc/course/23602.html 復(fù)制鏈接 
                    如需定制請聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢