小程序后端怎么搭建服务器，小程序前后端交互

微信小程序后端搭建是指搭建一个支持微信小程序的服务器。在微信小程序中，后端主要负责数据的存储和处理，为前端提供数据接口。本文将介绍微信小程序后端的搭建原理和详细步骤。

一、搭建原理

微信小程序后端搭建的核心原理是通过HTTP请求和响应来实现数据的传输。微信小程序前端通过调用后端提供的API接口，向后端发送数据请求。后端接收到请求后，处理请求并返回相应的数据给前端。微信小程序后端搭建的主要步骤包括：

1.选择合适的后端技术栈

微信小程序后端搭建的第一步是选择合适的后端技术栈。常用的后端技术栈包括Node.js、Java、PHP、Python等。不同的技术栈有不同的特点和适用场景，需要根据实际需求选择。

2.搭建服务器环境

搭建服务器环境是微信小程序后端搭建的第二步。服务器环境需要满足后端技术栈的要求，包括操作系统、数据库、Web服务器等。常用的操作系统包括Linux、Windows等，常用的数据库包括MySQL、MongoDB等，常用的Web服务器包括Nginx、Apache等。

3.编写API接口

编写API接口是微信小程序后端搭建的关键步骤。API接口是前端和后端之间的桥梁，负责数据的传输。API接口需要满足一定的规范，包括请求方式、请求参数、响应数据等。在编写API接口时，需要考虑接口的安全性和可扩展性。

4.部署和测试

部署和测试是微信小程序后端搭建的最后一步。部署需要将代码上传到服务器上，并配置好服务器环境。测试需要测试API接口的正确性和性能，包括请求和响应的速度、数据的准确性等。

二、详细步骤

下面将介绍微信小程序后端搭建的详细步骤，以Node.js技术栈为例。

1.安装Node.js

Node.js是一种基于ChromeV8引擎的JavaScript运行环境，可用于后端开发。在安装Node.js时，需要选择合适的版本，并将Node.js添加到环境变量中。

2.安装Express框架

Express是一种基于Node.js的Web开发框架，可用于快速开发Web应用程序和API接口。在安装Express框架时，需要使用npm命令进行安装。

3.编写API接口

在编写API接口时，需要使用Express框架提供的路由功能。路由是指将请求的URL路径和请求的处理函数进行绑定。在处理函数中，可以进行数据的查询、修改、删除等操作，并将处理结果返回给前端。

4.部署和测试

在部署和测试时，需要将代码上传到服务器上，并配置好服务器环境。可以使用pm2等工具进行进程管理和日志管理。在测试时，可以使用Postman等工具进行接口测试，检查接口的正确性和性能。

三、总结

微信小程序后端搭建是微信小程序开发的重要组成部分。在搭建微信小程序后端时，需要选择合适的后端技术栈、搭建服务器环境、编写API接口、部署和测试等步骤。通过以上步骤，可以搭建一个支持微信小程序的服务器，为前端提供数据接口。

小程序开发前后端数据交互

一、本地配置

在生产环境中的小程序中对外请求只能通过https，且需要在小程序后台配置了该请求的域名。在开发环境(本地)，我们可以通过配置小程序，取消该限制。

点击开发工具“详情”，“本地配置” ，将“不校验合法域名、web-view(业务域名)，TlS版本以及HTTPS证书”勾选即可请求我们的服务(如下图)。需要注意的是在生产环境中，必须按照微信官方的要求配置https.

二、通过前端请求后端拉取数据并展示

我们日常生活中见到的网页数据都不会硬编码在前端代码上，需要实时拉取数据库中的数据。操作数据库是需要密码的，将密码放在前端是一个十分危险的动作。故前端请求后端，后端拥有数据库的操作权限，将数据从数据库获取，返回到前端(当然后端不仅仅获取数据库数据，还有业务逻辑的处理)。本处我们就是在小程序中实现这个过程。

1.编写微信小程序的前端代码（index.wxml）

  <view class="test_requests">
      <view bindtap="click_fn">
          <button> 请求后端 </button>
          <text>{{title}}</text>
          <text>{{time}}</text>
      </view>
  </view>

2， 编写动作函数（index.js）

Page({
  // 定义点击事件
  click_fn: function (params) {
    var self  =  this
    wx.request({
      url: "http://192.168.5.59:80/forTest",
      method: 'GET',
      header: {
        "content-type": "json"
      },
      success: function (res) {
        console.log(res.data)
        console.log(res.data.d)
        self.setData({
          title: res.data.d,
          time:res.data.f
        })
      },
      fail: function (error) {
        // fail
        console.log(error)
      }
    })
  }
})

我们自定义了一个函数叫click_fn 。 看到html代码，将其通过关键字bindtap绑定到了这个button 块上。

当我们点击这个块时，触发click_fn 函数，向后端服务“
http://192.168.5.59:7998/lz/api/v1/alive”发送了一个GET 请求。同时将后端返回的数据 通过setDate( ) 更新到我们的变量上，然后通过前端页面展示。这样我们便完成了一次前端请求后端，获取到数据后重新展示到前端页面。

这里有点小坑，按照上文的经验。使用 this.setData() 方法可以将数据进行更新到我们的变量中。但是在这个我们自定义的函数click_fn 里是不能直接使用 this。必须要声明一个变量来承接这个 this（这里有点想不明白，清楚的朋友可以讨论下）。

最后附上python编写的后端接口代码

from flask import jsonify
from flask_restful import Resource
from utils.response_data import success


class ForTest(Resource):
    def get(self):
        data = success(title='这是一个标题', time='假装这是时间')
        return jsonify(data)