微信小程序后端Java接口开发与调试

https://blog.csdn.net/weixin_50823456/article/details/121166051

一.springboot 一般项目即可,主要是提供接口数据用来演示的

二.创建微信小程序项目
下载安装应用

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

创建小程序

本机调试需要改下 :详情>本地设置>不校验合法域名>勾选

三. 方法演示微信开发工具中的index.js 代码部分
get与post 请示的header 部分不同

1.post请求:wx.request({url: 'https://..',header: {"Content-Type": "application/x-www-form-urlencoded"},method: "POST",data: { name:'' },success: function (res) {//...}
})//2.GET请求wx.request({url: 'https://..',data: {page: page},method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT  // header: {}, // 设置请求的 header  header: {'Content-Type': 'application/json'},success: function (res) {console.log(res.data)that.setData({list: res.data          //返回二维数组// views: res.data[0].views,     //查看数// praise: res.data[0].praise    //点赞数})page++;}})

getDate 与 getPostData 方法,绑定数据就是that.setData(),与vue 类似.

// index.js
// 获取应用实例
const app = getApp()Page({data: {info: 'Hello World',userInfo: {},hasUserInfo: false,canIUse: wx.canIUse('button.open-type.getUserInfo'),canIUseGetUserProfile: false,canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需尝试获取用户信息可改为false},// 事件处理函数bindViewTap() {wx.navigateTo({url: '../logs/logs'})},onLoad() {if (wx.getUserProfile) {this.setData({canIUseGetUserProfile: true})}var that = this;//this.getData(that);this.getPostData(that);},getData(that) {wx.request({url: 'http://localhost:8090/school/getList',method: 'GET',data: {page: 1,},header: {'content-type': 'application/json'  //默认值},success(res) {console.log(res.data);console.log(that);that.setData({result: res.data})}})},getPostData(that) {wx.request({url: 'http://localhost:8090/login',header: {"Content-Type": "application/x-www-form-urlencoded"},method: "POST",data: { username: 'admin', password: 'JUNwei@2020', grade: '4' },success: function (res) {debugger;//设置断点(调试器>Source>index.js中与谷歌一致)that.setData({info: res.data.resultValue})}})},getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗wx.getUserProfile({desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写success: (res) => {console.log(res)this.setData({userInfo: res.userInfo,hasUserInfo: true})}})},getUserInfo(e) {// 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息console.log(e)this.setData({userInfo: e.detail.userInfo,hasUserInfo: true})}
})

四 js 中调试 ,我本机pc设置红色断点无效,直接在返回数据处写debugger
先打开调试器,再编译即可, wxml 相当于html ,{{ 变量名}}绑定js 中 page>data内的数据.
– 既然js名都一样了,html起个wxml [我先忙了]这名真蛋疼

真机调试,日志信息等

微信小程序后端Java接口开发与调试相关推荐

微信小程序后端java服务商分账实现
微信小程序后端java服务商分账实现最近公司申请微信服务商,需要给第三方提供支付.分账功能. 商户调用服务商统一支付首先,服务商小程序支付,基本与普通商户小程序支付一致支付使用服务商统一下单接口 ...
微信小程序注册/登录接口开发
文章目录后端有关说明前端有关说明接口设计小程序注册/登录接口 APP 注册/登录接口 PC Web 端的注册/登录接口小程序注册/登录序列图校验 token 后端有关说明登录和注册的逻辑 ...
微信小程序篇_01 微信小程序与Java后端接口交互
微信小程序与Java后端接口交互准备创建后端项目创建小程序项目本文主要介绍小程序前后端数据的交互,实践演示. 准备创建后端项目我这里就创建一个SpringBoot项目作为演示. 在创建项目 ...
用 Django 开发微信小程序后端实现用户登录
本文将介绍采用 Django 开发微信小程序后端,通过将用户模块进行重构,并采用JWT来进行用户认证,来解决以下问题: 微信小程序不支持 Cookie,因此不能采用 Django 默认的 Sessio ...
微信小程序登录Java后台接口
微信小程序登录java后台接口首先看一下微信小程序的开发文档: 微信小程序开发文档步骤: 小程序端向微信接口服务发送请求--wx.login():获取到登录临时凭证code 小程序端拿着获取到的c ...
python微信小程序后端开发_使用django开发微信小程序后端
tips: 本文面向的对象是已经会使用django开发web后端的人员微信小程序后端与普通web的区别微信小程序的后端开发和普通的restful API 大致上相同,只不过要注意以下几点限制必须 ...
java实现微信小程序客服功能开发
第一步:先在后台接入配置URL 官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/custome ...
关于开发微信小程序后端linux使用xampp配置https
关于开发微信小程序后端linux使用xampp配置https 背景由于最近开发微信小程序,前后端交互需要使用https协议,故需要配置https服务服务器环境服务器系统 ubuntu 环境 xa ...
微信小程序与Java后台的通信
一.写在前面最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很明白小程序如何与后台进行通信的, ...
《微信小程序》微信小程序用java后台连接数据库进行操作。
微信小程序与Java后台的通信一.写在前面最近接触了小程序的开发,后端选择Java,因为小程序的代码运行在腾讯的服务器上,而我们自己编写的Java代码运行在我们自己部署的服务器上,所以一开始不是很 ...

微信小程序后端Java接口开发与调试

微信小程序后端Java接口开发与调试相关推荐

最新文章

热门文章