ホームページ > Java > &#&チュートリアル > ミニ プログラムはバックエンド Java インターフェイスとどのように対話して HelloWorld を実装しますか?

ミニ プログラムはバックエンド Java インターフェイスとどのように対話して HelloWorld を実装しますか?

WBOY
リリース: 2023-05-27 17:07:06
転載
1703 人が閲覧しました

ステップ 1: バックエンドで SpringBoot プロジェクトを作成し、helloWorld インターフェイスを提供するだけです。

バージョン 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

ステップ 2: 新しい helloWorld WeChat アプレットを作成し、バックエンドをリクエストします

helloWorld.js

WeChat アプレット 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>
ログイン後にコピー

を通じてバックエンド インターフェイスを呼び出すと、実行時にエラーが報告されます:

ミニ プログラムはバックエンド Java インターフェイスとどのように対話して HelloWorld を実装しますか?

#VM8 asdebug.js:1 ネットワーク リクエストをローカルホストに送信できません。(env: Windows,mp,1.05.2105170; lib: 2.18.0)

ここで設定する必要があります:

詳細 ->ローカル設定 ->「正当なドメイン名、Web ビュー (ビジネス ドメイン名)、TLS バージョン、および HITPS 証明書を検証しない」にチェックを入れます

ミニ プログラムはバックエンド Java インターフェイスとどのように対話して HelloWorld を実装しますか?

確認後、再コンパイルして実行します。OK;

ミニ プログラムはバックエンド Java インターフェイスとどのように対話して HelloWorld を実装しますか?

拡張子 (http:/ などのドメイン名呼び出しの場合) /localhost、http://www.java1234.com

を変更します。エラー:

ミニ プログラムはバックエンド Java インターフェイスとどのように対話して HelloWorld を実装しますか?

ドメイン名の構成が管理バックグラウンドで更新されている場合は、次の手順を実行してください。プロジェクト構成を更新し、プロジェクトを再コンパイルします。操作パス: "詳細-ドメイン名情報"

VM8 asdebug.js:1 http://www.java1234.com は、次のリクエストの有効なドメイン名のリストにありません。

WeChat アプレットには、ドメイン名呼び出しに関するいくつかの問題があります。制限も設定する必要があります。たとえば、https のみがサポートされます。ドメイン名には、IP アドレス (ミニ プログラムの LAN IP を除く) またはローカルホストを使用できません。で構成します:

以上がミニ プログラムはバックエンド Java インターフェイスとどのように対話して HelloWorld を実装しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:yisu.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート