애플 릿 과 백 엔 드 자바 인터페이스 의 상호작용 으로 HelloWorld 입문 실현

첫 번 째 단계:백 엔 드 에 SpringBoot 프로젝트 를 간단하게 만 들 고 hello World 인 터 페 이 스 를 제공 합 니 다.
버 전 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

브 라 우 저 접근:http://localhost/helloWorld?id=1
페이지 표시:
helloWorld 1
두 번 째 단계:hello World 위 챗 애플 릿 을 새로 만 들 고 백 엔 드 를 요청 합 니 다.
helloWorld.js
위 챗 애플 릿 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>

실행 오류:

VM8 asdebug.js:1 Cannot send network request to localhost.(env: Windows,mp,1.05.2105170; lib: 2.18.0)
여기 설정 해 야 합 니 다:
자세 한 정보->로 컬 설정->"합 법 적 인 도 메 인 이름,웹-view(업무 도 메 인 이름),TLS 버 전 및 HITPS 인증 서 를 검사 하지 않 음"을 선택 하 십시오.

선택 한 후 다시 컴 파일 하여 OK 실행 하기;

도 메 인 이름 호출http://localhost ...로 바꾸다http://www.java1234.com
오류 보고:

관리 배경 에서 도 메 인 이름 설정 을 업데이트 했다 면 프로젝트 설정 을 새로 고 친 후 항목 을 다시 컴 파일 하 십시오.작업 경로:"자세 한 정보-도 메 인 이름 정보"
VM8 asdebug.js:1 http://www.java1234.com 아래 request 합 법 적 인 도 메 인 이름 목록 에 없습니다.문 서 를 참고 하 십시오.https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html(env: Windows,mp,1.05.2105170; lib: 2.18.0)
저희 가 열 게 요https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html
위 챗 애플 릿 은 도 메 인 이름 호출 에 제한 이 있 을 수 있 습 니 다.예 를 들 어 https 만 지원 합 니 다.도 메 인 이름 은 IP 주소(애플 릿 의 랜 IP 제외)나 localhost 를 사용 할 수 없습니다.
서버 도 메 인 이름 은'애플 릿 백 스테이지-개발-개발 설정-서버 도 메 인 이름'에서 설정 하 십시오.

여기 서 애플 릿 과 백 엔 드 자바 인터페이스 가 상호작용 을 하여 Hello World 입문 을 실현 하 는 것 에 관 한 글 을 소개 합 니 다.더 많은 관련 애플 릿 과 백 엔 드 자바 인터페이스 의 상호작용 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 저 를 많이 응원 해 주세요!