Heim > Java > javaLernprogramm > Wie interagiert das Miniprogramm mit der Back-End-Java-Schnittstelle, um HelloWorld zu implementieren?

Wie interagiert das Miniprogramm mit der Back-End-Java-Schnittstelle, um HelloWorld zu implementieren?

WBOY
Freigeben: 2023-05-27 17:07:06
nach vorne
1702 Leute haben es durchsucht

Der erste Schritt: Erstellen Sie einfach ein SpringBoot-Projekt im Backend und stellen Sie eine helloWorld-Schnittstelle bereit #🎜 🎜#
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;
    }
}
Nach dem Login kopieren

Browserzugriff: http://localhost/helloWorld?id=1

Die Seite wird angezeigt:

helloWorld 1

# 🎜🎜 #Schritt 2: Erstellen Sie ein neues helloWorld WeChat-Applet und fordern Sie das Backend an #

server:
  port: 80
  servlet:
    context-path: /
  tomcat:
    uri-encoding: utf-8
Nach dem Login kopieren

helloWorld.wxml

// 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 () {

  }
})
Nach dem Login kopieren
Beim Ausführen ist ein Fehler aufgetreten:

VM8 asdebug.js:1 Netzwerkanfrage kann nicht an localhost gesendet werden. (env: Windows,mp,1.05.2105170; lib: 2.18.0)

Hier müssen wir Folgendes festlegen:

Details-> Lokale Einstellungen – > Aktivieren Sie „Legalen Domänennamen, Webansicht (Geschäftsdomänenname), TLS-Version und HITPS-Zertifikat nicht überprüfen“

Wie interagiert das Miniprogramm mit der Back-End-Java-Schnittstelle, um HelloWorld zu implementieren?Nachher Überprüfen, neu kompilieren und ausführen OK;

Erweiterung, wenn es sich um einen Domänennamenaufruf handelt, z. B. http://localhost, ändern Sie ihn in http://www.java1234.com

Fehlerbericht:

Wie interagiert das Miniprogramm mit der Back-End-Java-Schnittstelle, um HelloWorld zu implementieren?

Wenn die Domänennamenkonfiguration im aktualisiert wurde Management-Hintergrund, bitte aktualisieren Sie die Projektkonfiguration und kompilieren Sie das Projekt neu, Operationspfad: „Details – Domänennameninformationen“

VM8 asdebug.js:1 http://www.java1234.com ist nicht in der Liste der legalen Domänen Namen in der folgenden AnfrageWie interagiert das Miniprogramm mit der Back-End-Java-Schnittstelle, um HelloWorld zu implementieren?

Das WeChat-Applet weist einige Einschränkungen für Domänennamenaufrufe auf. Es müssen auch Einschränkungen konfiguriert werden, z. B. nur die Unterstützung von https, • Der Domänenname kann keine IP-Adresse verwenden (außer der LAN-IP des Miniprogramm) oder localhost; Serverdomänenname“ zum Konfigurieren:

Das obige ist der detaillierte Inhalt vonWie interagiert das Miniprogramm mit der Back-End-Java-Schnittstelle, um HelloWorld zu implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:yisu.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage