How does the mini program interact with the back-end Java interface to implement HelloWorld?

Step one: Simply create a SpringBoot project on the backend and provide a helloWorld interface;

Select version 2.2.6.RELEASE

package com.java1234.controller;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

/**
 * @author java1234_小锋
 * @site www.java1234.com
 * @company 南通小锋网络科技有限公司
 * @create 2021-07-04 17:43
 */
@RestController
public class HelloWorldController {

    @GetMapping("/helloWorld")
    public String helloWorld(Integer id){
        return "helloWorld "+id;
    }
}

application.yml

server:
  port: 80
  servlet:
    context-path: /
  tomcat:
    uri-encoding: utf-8

Browser access: http://localhost/helloWorld?id=1

The page displays:

helloWorld 1

Step 2: Create a new helloWorld WeChat applet and request Backend

helloWorld.js

Call the backend interface through WeChat applet API wx.request

// pages/helloWorld.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    result:"请求后台中..."
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that=this;
   this.getData(that);
  },

  getData(that){
    wx.request({
      url: "http://localhost/helloWorld",
      method:"GET",
      data:{
        id:100
      },
      header: {
        "content-type": "application/json" // 默认值
      },
      success(res){

        console.log(res.data);
        console.log(that)
        that.setData({
          result:res.data
        })
      }
    })
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

helloWorld.wxml

<!--pages/helloWorld.wxml-->
<text>返回值:{{result}}</text>

and an error is reported when running:

VM8 asdebug.js:1 Cannot send network request to localhost.(env: Windows,mp,1.05.2105170; lib: 2.18.0)

Here we need to set:

Details->Local Settings->Check "Do not verify legal domain name, web-view (business domain name), TLS version and HITPS certificate"

After checking, recompile and run OK;

Extension, if it is a domain name call, such as http://localhost, change http://www.java1234.com

Error:

If the domain name configuration has been updated in the management background, please refresh the project configuration and recompile the project , Operation path: "Details-Domain name information"
VM8 asdebug.js:1 http://www.java1234.com is not in the list of legal domain names in the following request

WeChat applet has some issues with domain name calls Restrictions also need to be configured, for example, only https is supported. The domain name cannot use IP address (except the LAN IP of the mini program) or localhost; ” Configure in:

The above is the detailed content of How does the mini program interact with the back-end Java interface to implement HelloWorld?. For more information, please follow other related articles on the PHP Chinese website!