精华内容
下载资源
问答
  • 微信小程序api
    千次阅读
    2019-05-29 16:45:33

    创建fetch.js封装requset请求

    const BaseUrl= 'xxxxx.com'
    export const Fetch = ({
      url = '',
      data = {},
      header = { "content-type": "application/json" },
      method = 'GET'
    }) => {
      return new Promise((resolve, reject) => {
        wx.request({
          url: BaseUrl+ url,
          header: header,
          method: method,
          data: data,
          success: res => {
            // 成功时的处理
            if (res.status == 200) {
              resolve(res.data);
            } else {
              reject(res.data);
            }
          },
          fail: err => {
            reject(err);
          }
        })
      })
    }
    

    对api进行统一的管理

    import { Fetch } from './fetch.js';
    
    export const PostMiniList = data => {
      return Fetch({
        url: '/api/getlist',
        data: data,
        method: 'POST',
        header: {
          'content-type': 'application/x-www-form-urlencoded'
        }
      })
    }
    
    export const GetMiniList = data => {
      return Fetch({
        url: '/api/getDetailByid',
        data: data
      })
    }
    
    更多相关内容
  • 主要给大家通过代码实例分析了promise化微信小程序api的使用方法,对此有需要的朋友可以参考学习下。
  • 微信小程序api接口调用用封装 1. 在 02-项目 下新建request目录及index.js文件 1.1 02-项目\request\index.js  1.2.index.js // 同时发送异步代码的次数 let ajaxTimes=0; export const request=(params)=>{ //...
  • 微信小程序API使用大全

    千人学习 2019-01-22 18:47:26
    微信小程序中所有API的使用课程
  • 微信小程序如何封装api接口 首先创建个http文件夹(可自定义名字) 一:创建个env.js文件用来设置公共访问的url,即环境地址 module.exports = { //开发环境 dev:{baseUrl:http://localhost:3000}, //测试环境 ...
  • 增强微信小程序API 为什么要增强微信小程序API 微信小程序因其双线程框架,导致大部分API都是异步API,比如,最常用的wx.request。而小程序的API的设计,都是采用回调形式。这样,业务过于复杂的时候,就会陷入回调...
  • 公司要求用小程序重构已有的微信公众号,于是没接触过小程序的我。。。好的,直接进入主题。 如何在小程序里面退出小程序。 这个功能基本上都会用到,而文档里面没有找到如微信一样直接的api: WeixinJSBridge....
  • 3_微信小程序官方API文档(带目录),详细的介绍了微信小程序开发过程,方便读者查找使用,给小程序开发带来帮助
  • 主要介绍了微信小程序通过api接口将json数据展现到小程序示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 帝国cms配合小程序客户端提供的后端服务器api文件,包含分类获取,新闻列表,查看新闻信息。 不懂问我,评论扣我
  • 微信小程序API增强

    2019-08-10 07:21:09
    微信小程序API增强
  • 如何实现微信小程序API的Promise化

    千次阅读 2022-02-11 10:21:43
    默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用 wx.request({ url: '', method: '', data: {}, success: (res) => { console.log(res); },...

    默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用

    wx.request({
          url: '',
          method: '',
          data: {},
          success: (res) => {
            console.log(res);
          },
          fail: (res) => {
            console.log(res);
          },
          complete: (res) => {
            console.log(res);
          }
        })

    这种代码的缺点是显而易见的, 容易造成回调地狱的问题,代码的可读性、维护性差。而我们就想将这种类型的代码使用 `API Promise` 化进行改造,从而提高代码的可读性、维护性,避免回调地狱的问题。

    1.手动实现wx.request的Promise化

    //Promise化
    requestPromise(url, method) {
        return new Promise((resolve, reject) => {
          wx.request({
            url,
            method,
            success: (res) => {
              resolve(res)
            },
            fail: (res) => {
              reject(res)
            }
          })
        })
      },
    //调用----方法一
    getRequest() {
        this.requestPromise('https://www.escook.cn/categories', 'GET').then(res=>console.log(res),err=>console.log(err))
      }
    //调用----方法二
    getRequest() {
        this.requestPromise('https://www.escook.cn/categories', 'GET').then(res=>console.log(res)).catch(err=>console.log(err))
      }
    //调用----方法三
     async getRequest() {
       try{
        const res = await this.requestPromise('https://www.escook.cn/categories', 'GET')
        console.log(res);
       }catch(err){
         console.log(err);
       }
      },
    

    2.使用 @escook/request-miniprogram 第三方包实现wx.request的Promise化

    npm install @escook/request-miniprogram

    在项目的入口文件中,通过如下的方式进行配置: 

    import { $http } from '@escook/request-miniprogram'
    
    // 配置请求根路径
    $http.baseUrl = '项目请求根路径...'
    
    // 请求开始之前
    $http.beforeRequest = function (options) {
      uni.showLoading({
        title: '数据加载中...',
      })
    }
    
    // 请求完成之后
    $http.afterRequest = function () {
      uni.hideLoading()
    }
    
    // 在 uni-app 项目中,将 $http 挂载到uni全局对象上,方便全局调用
    uni.$http = $http
    
    // 在小程序中,将 $http 挂载到 wx 顶级对象之上,方便全局调用
    wx.$http = $http
     //使用
     async getSwiperList() {
          // 3.1 发起请求
          const { data: res } = await uni.$http.get('/home/swiperdata')
          // 3.2 请求失败
          if (res.meta.status !== 200) {
            return uni.showToast({
              title: '数据请求失败!',
              duration: 1500,
              icon: 'none',
            })
          }
          // 3.3 请求成功,为 data 中的数据赋值
          this.swiperList = res.message
        },
      },

    3.使用腾讯官方出的第三方库实现小程序所有API 的 Promise 化

    npm i --save miniprogram-api-promise

    下载完成,我们不能直接使用这个包,而是需要再次重新构建npm包(建议在构建前先删除原有的 miniprogram_npm,然后再点击工具,构建 npm;如果删除了 miniprogram_npm 目录,构建还是失败,需要把 node_modulesminiprogram_npm 删除以后,重新安装包,重新安装以后,再次进行构建

    三个步骤实现

    //1.在小程序入口文件中调用一次 promisifyAll()方法
    import { promisifyAll } from 'miniprogram-api-promise'
    //2.声明一个常量,为一个空对象
    const wxp = wx.p = {}
    //3.调用 promisifyAll()方法
    promisifyAll(wx, wxp)
    • 我们在 wx 全局对象上定义一个属性 p 让他和 wxp 指向同一个空对象

    • promisifyAll : 做的事就是将 wx 拥有的属性方法都 copy 并改造了一份给了 wxp 这个对象

    • 这样wxp和wx.p就都指向了同一个对象

      //使用
      async getInfo () {
        
        const { data: res } = await wx.p.request({
          url: 'https://www.escook.cn/api/get',
          method: 'GET',
          data: {
            name: 'zs',
            age: 19
          }
        })
      	
        // res 处理
        
        console.log(res)
      }

    展开全文
  • turn api of weapp to promise 把微信小程序 api 转成 promise. 功能是从 labrador 提取得到。 getApp() import * as wx from 'weapp-promise'; const app = wx.app; promise import * as wx from 'weapp-promise'; ...
  • 微信小程序 API-转发(Share)

    千次阅读 2021-03-09 13:41:57
    微信小程序中 分享转发,主要分为两种情况 右上角 menu 点击分享 按钮点击分享 这两种点击,在点击的时候都会触发 Page.onShareAppMessage() 函数的执行 实现button按钮转发效果的流程 在button组件上设置属性 ...

    微信小程序中 分享转发,主要分为两种情况

    1. 右上角 menu 点击分享
    2. 按钮点击分享

    这两种点击,在点击的时候都会触发 Page.onShareAppMessage() 函数的执行

    实现button按钮转发效果的流程

    在button组件上设置属性 open-type=“share” 点击的时候回自动触发 onShareAppMessage() 函数执行

    onShareAppMessage 内部结构  必须有return {}    onShareAppMessage 官方介绍

     

    js文件中 的onShareAppMessage函数

      <button type="primary" open-type="share" >转发</button>
    onShareAppMessage: function (res) {
        console.log(res)
        return{
          title:'转发小程序时顶部的 标题文字',
          path:'/pages/zhuan/zhuan',
          imageUrl:"https://inews.gtimg.com/newsapp_bt/0/13258080263/1000"
        }
      }

     

    转发 官方文档

     

    展开全文
  • 微信小程序api文档开发流程简介.docx微信小程序api文档开发流程简介.docx微信小程序api文档开发流程简介.docx微信小程序api文档开发流程简介.docx微信小程序api文档开发流程简介.docx微信小程序api文档开发流程简介....
  • 微信小程序api文档开发流程简介.pdf微信小程序api文档开发流程简介.pdf微信小程序api文档开发流程简介.pdf微信小程序api文档开发流程简介.pdf微信小程序api文档开发流程简介.pdf微信小程序api文档开发流程简介.pdf...
  • 微信小程序官方是没有提供退出的API的,但是在navigator这个组件中,是有退出这个功能的: 详情参考官方文档:navigator。 示例代码: 关闭小程序 不过这个功能最低支持版本时 2.1.0 ,如果一定要使用这个功能,...
  • 微信小程序连接移动OneNet平台,通过API调用,读取设备状态,控制设备开关等功能。 微信小程序连接移动OneNet平台,通过API调用,读取设备状态,控制设备开关等功能。
  • js代码-实现微信小程序API的promisify。其作用是可以使微信小程序API(异步执行的API)promisify,以then链式调用时,可以达到同步的效果。
  • 例如在《 C#开发微信门户及应用(43)--微信各个项目模块的定义和相互关系 》介绍了相关模块的划分,在《 基于微信小程序的系统开发准备工作 》介绍了Web API的架构设计思路。本篇随笔对之前介绍的架构内容进行...
  • 微信搜一搜里面小程序自然搜索流量仅剩硕果,除了名字和服务搜索。 页面收录10月已经关闭,所以大家不必浪费精力了。 内容api接入,我也没有啥发言权,毕竟自己也没过审。 用帝国插件接入的。 只能立贴,持续提交...

    在这里插入图片描述
    微信搜一搜里面小程序自然搜索流量仅剩硕果,除了名字和服务搜索。

    页面收录10月已经关闭,所以大家不必浪费精力了。

    内容api接入,我也没有啥发言权,毕竟自己也没过审。

    在这里插入图片描述

    用帝国插件接入的。

    只能立贴,持续提交内容,看看审核大大,哪天心情不错。

    给过~
    需要接入api内容搜一搜的可以试试看看~

    展开全文
  • (2)微信小程序API是什么? API(Application Programming Interface,应用程序编程接口),通俗来讲:API是一种接口函数,把函数封装起来,给开发者,这样好多的功能就不需要你去实现了,只要会调用就好了。微信小....
  • 微信小程序开发实战第5章 API应用案例(上).pptx
  • 新版本: 第一步,获取Access_token 我使用的是RestTemplate的get、post方法进行... https://api.weixin.qq.com/cgi-bin/token?grant_type=xx&appid=xx&secret=xx 2. 第二步 获取到access_token以后进行
  • 微信小程序API-定位(位置)

    千次阅读 2021-03-09 15:16:38
    微信小程序中获取当前定位 写个小案例 1、开启小程序进入前后台时均接收位置消息,需引导用户开启授权。授权以后,小程序在运行中或进入后台均可接受位置消息变化。 在app.json文件中配置permission permission...
  • 微信小程序API性能测试
  • 微信小程序 框架 (源码)微信小程序 框架 (源码)微信小程序 框架 (源码)微信小程序 框架 (源码)微信小程序 框架 (源码)微信小程序 框架 (源码)微信小程序 框架 (源码)微信小程序 框架 (源码)微信小程序 框架 (源码)...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 115,516
精华内容 46,206
关键字:

微信小程序api

微信小程序 订阅
友情链接: S7 TCP2012.zip