首页 > 编程语言 >微信小程序 封装请求api

微信小程序 封装请求api

时间:2023-09-13 18:22:23浏览次数:28  
标签:封装 微信 request token api res data wx

封装请求地址 https.js

 let baseUrl='https://XX.XXX.com/index.php/'; //自己得服务器地址
 export {
    baseUrl
  }

结构目录

结构目录

封装 request.js

import { baseUrl } from './https.js'
 
module.exports = {
  request : function(url, methodType, data){
    let fullUrl = `${baseUrl}${url}`
    // let token = wx.getStorageSync('token') ? wx.getStorageSync('token')  : ''
    //(wx.showLoading)显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
    wx.showLoading({ title: "数据请求中"  });
    return new Promise((resolve,reject)=>{
      wx.request({
        url: fullUrl,
        method:methodType,
        data:data,
        header: {
          'content-type': 'application/json', // 默认值
          // 'x-api-key': token,
        },
        success(res){
            resolve(res)
        //   if (res.data.status == 200) { //根据自己返回数据状态进行更改
        //     resolve(res.data)
        //     wx.hideLoading()
        //   }else{
          //手动关闭loading提示框
            wx.hideLoading()
        //     wx.showToast({
        //       title: res.data.msg,
        //       icon:'none'
        //     })
        //     reject(res.data.message)
        //   }
        },
        fail(){
          wx.showToast({
            title: '接口请求错误',
            icon:'none'
          })
          reject('接口请求错误')
        }
      })
    })
  }
}

自己的js文件构造

import { request } from './request'
 
module.exports = {
  // 获取采购list
  getPurchaseList: (data) => request('api/Api/list', 'POST', data),
}

如何调用


const api = require('../../../api/purchase'); // 头部引入


  getPurchaseList(){
    var that = this;
    let data ={
     "openId": that.data.userInfo.app_openid,
     "token": that.data.userInfo.login_token
    };
    api.getPurchaseList(data).then((res) => {
			    if (res.data.status == 1) {
			                    that.setData({
			            goodsTypes: res.data
			        })
                } else {
                    app.myShowToast(res.data.msg);
                }
       
    })
  },

标签:封装,微信,request,token,api,res,data,wx
From: https://www.cnblogs.com/depressiom/p/17700415.html

相关文章

  • uniapp打包微信小程序包忽然超了
    前言做了一些代码上的修改,打包的时候发现包大小超了,而且超了500多k,已经不能通过压缩图片解决问题了,奇怪的是前几天还可以打包,后来发现是manifest.json中打包压缩字段被改为了false"mp-weixin":{"appid":".....","setting":{"minified":......
  • 亚马逊API接口解析,实现按关键字搜索商品
    要解析亚马逊API接口并实现按关键字搜索商品,你需要按照以下步骤进行操作:了解亚马逊开发者中心:访问亚马逊开发者中心,并了解相关的API文档、开发者指南和规定。注册开发者账号:在亚马逊开发者中心上注册一个开发者账号,并创建一个应用,获取到API权限。获取API密钥:为了使用亚马逊API接......
  • 微信二维码生成,token失效,填坑
    失效原因:生产环境token失效,被测试环境覆盖官方说明:目前access_token的有效期通过返回的expires_in来传达,目前是7200秒之内的值。中控服务器需要根据这个有效时间提前去刷新新access_token。在刷新过程中,中控服务器可对外继续输出的老access_token,此时公众平台后台会保证在5分钟内,......
  • 微信使用python定时主动群发消息
    目前市面上的微信营销软件,绝大部分是模拟登录或者进程hook外挂形式,属于违规使用微信的范畴,容易被微信官方封号。经过思考后,我觉得利用python自动化UI点击,鼠标键盘操作,是符合真人使用微信的习惯的,被封的风险最低。因为必须是UI自动化,所以我们使用windows系统,并且结合微信电脑版来实......
  • 微信 H5 页面兼容性——适配用户修改微信客户端字体大小
    关于微信安卓端网页字体适配的通知微信安卓版7.0.10版本起,网页的字体会跟随微信设置里的字体大小更改而变化。当用户修改微信客户端字体大小后,微信公众号网页的适配就会变得非常繁琐,Android系统设备有8级字体大小,IOS系统设备有7级字体大小,尤其将字体放大到最大一级后,......
  • 通过这些API,开发者可以在自己的应用程序中嵌入电商功能,为用户提供便捷的购物体验
    在当今的数字化时代,电子商务已经成为人们日常生活的重要组成部分。随着电子商务的飞速发展,许多电商平台都提供了API(应用程序接口)来允许开发者调用特定的功能,如商品查询、购物车管理、订单处理以及支付等。通过这些API,开发者可以在自己的应用程序中嵌入电商功能,为用户提供便捷的购物......
  • java spring,springmvc,spring boot,spring data,RESTful api设计风格,HTTP协议的四种传
    一.基本技术1.Springmvc=手动接电线(配置xml),提供了一种友好的方式来开发Web应用程序。通过使用诸如DispatcherServlet,ModelAndView和ViewResolver,可以轻松开发Web应用程序。2.SpringBoot=标准插座(第3方开源类库想接入,就按照标准做一个starter的适配),实现了免xml配置和提......
  • 在线问诊 Python、FastAPI、Neo4j — 创建症状节点
    目录参考创建药品节点。importloggingfromutils.neo4j_providerimportdriverlogging.root.setLevel(logging.INFO)#并生成CQLdefgenerate_cql()->str:cql="""CREATE(symptom1:Symptom{name:"膝盖疼"}),(symptom2......
  • 注册到K8S上的Nacos报错com.alibaba.nacos.api.exception.NacosException: Client not
    契机近期升级SpringCloudAlibaba版本,从2021.0.1.0升级到2021.0.5问题现象注册到K8S平台上2.1.2版本的Nacos报错,错误信息如下:2023-09-1309:29:53.712INFO19988—[main]c.a.n.p.a.s.c.ClientAuthPluginManager:ClientAuthPluginManagerLoadClientAuthServiceco......
  • .net6webapi捕获全局异常
    .net6webapi捕获全局异常usingMicrosoft.AspNetCore.Http;usingMicrosoft.Extensions.Logging;usingNewtonsoft.Json;usingSino.Intelligence.DataAccess.IServiceAccess.ILogs;usingSino.Intelligence.DataAccess.Models;usingSystem;usingSystem.Collections.Gen......