精华内容
下载资源
问答
  • 微信小程序api接口调用用封装 1. 在 02-项目 下新建request目录及index.js文件 1.1 02-项目\request\index.js  1.2.index.js // 同时发送异步代码的次数 let ajaxTimes=0; export const request=(params)=>{ //...
  • 主要介绍了微信小程序-API接口安全详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 主要介绍了微信小程序HTTP接口请求封装的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 微信提供的接口文档中提供了一个微信支付接口,应该是直接调用这个接口就可以发起微信支付 文档路径:https://developers.weixin.qq.com/miniprogram/dev/api/api-pay.html#wxrequestpaymentobject 但是,当开始...
  • 背景:使用微信小程序调用https接口,md5加密当前时间戳,然后再md5(时间戳的md5+约定好的key)生成token,来实现简单校验。服务端接口,判断时间戳是否在有效时间内,然后生成token对比传过来的token。 微信小程序...
  • 微信小程序调用api接口实例

    千次阅读 2020-11-25 17:55:12
    1、首先在微信开发者工具中开启http域名 2、然后回到开发者工具中,找到详情=》项目配置,进行刷新或者重新编译 3、在index.wxml页面中写一个button: <view> <button bindTap="test">测试<...

    页面效果:

    1、首先在微信开发者工具中开启http域名

    2、然后回到开发者工具中,找到详情=》项目配置,进行刷新或者重新编译

    3、在index.wxml页面中写一个button:

    <view>
        <button bindTap="test">测试</button>
    </view>

     4、在index.js文件中写入方法:

    text:function(){
        var that = this;
        wx.request({
          // url: 'https://movie.querydata.org/api?id=1302427',
          url: 'https://movie.douban.com/j/search_subjects?type=movie&tag=%E7%83%AD%E9%97%A8&sort=recommend&id="25907124"',
          method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
          // header: {}, // 设置请求的 header
          header: {
            'content-type': 'application/xml'
          },
          success: function(res) {
            if(res.statusCode == 200){
              that.setData({   
                movieArr : res.data,
              
              }) 
              console.log(res.data)
            }
           
          },
          fail: function() {
            wx.showToast({
              title: "网络连接失败",
              duration: 3000
            })
    
          },
        })
    }

    5、在wxml页面中进行数据绑定:

    <!--index.wxml-->
    <view class="container">
    
      <view class="movies">
        <view class="movie-sty" wx:for="{{movieArr.subjects}}" wx:for-item='item'>
          <view class="left">
            <image src="{{ item.cover }}"></image>
          </view>
        
          <view class="right">
            <view class="title">{{item.title}}</view>
            <view class="descripe">
              <view>评分:{{ item.rate }}</view>
              <view>传送门:<text style="color:red;margin-top:10rpx;">{{item.url}}</text></view>
            </view>
            
            <navigator class="btn-sty" url="/pages/details/index">
              <button size="mini" style="font-size:12px;">详情>></button>
            </navigator>
          </view>
        </view>
      </view>
      
    
    </view>
    

    6、index.wxss文件中设置样式:

    /**index.wxss**/
    page{
      width: 100%;
      height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .container {
      background: #f6f6f6;
      width: 100%;
    }
    .movies {
      width: 100%;
    }
    .movie-sty {
      width: 100%;
      height: 400rpx;
      border-radius: 5px;
      background-color: #fff;
      margin: 2% 0;
      display: flex;
      justify-content: space-around;
    }
    .left{
      width: 50%;
      height: 400rpx;
      margin-left: 2%;
      border-radius: 5px;
    }
    .left image{
      width: 100%;
      height: 100%;
      border-radius: 5px;
    }
    .right {
      width: 45%;
      /* padding: 40rpx 20rpx; */
      font-size: 14px;
    }
    .right .title {
      font-size: 15px;
      font-weight: bold;
      margin: 10% 5%;
    }
    .right .descripe {
      margin: 5% 5%;
      width: 90%;
      height: 50%;
      word-break:break-all;
      font-size: 12px;
    }
    .btn-sty {
      margin-left: 50%;
    }

    齐活!

     

    展开全文
  • <1> wx.request 请求接口资源(微信小程序api中的发起请求部分) <2>swiper 实现轮播图的组件 <3>wx:for 循环语句 微信小程序的基础知识 2.实现原理 首先,先看一下这个请求函数 wx.request({ url: '******...
  • 一个调用网易云音乐API接口却是QQ音乐界面的微信小程序
  • 主要介绍了微信小程序如何调用图片接口API并居中显示,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 前言:应项目要求,需要使用微信小程序做支付,写完后告知手续费太高方案不予通过(宝宝心里苦,但宝宝不说)。此次开发在因站在巨人的肩膀上顺利完成。 微信支付文档传送门:...
  • 微信小程序之OCR接口

    2020-12-25 20:25:19
    微信小程序之OCR接口 可识别:驾驶证,营业执照,行车本,银行卡
  • 主要介绍了微信小程序 wx.request(接口调用方式)详解及实例的相关资料,wx.request请求方式比较简单,但是在使用的时候出现错,这里就记录下,需要的朋友可以参考下
  • 微信小程序中如何调用本地的接口

    千次阅读 2019-01-23 16:31:53
    小程序是运行在微信平台的一种轻量级app,通过一系列微信特定的组件构建用户界面,数据还是通过调用数据接口来获取。 所以,调用本地接口,在小程序中很重要。 1、首先需要绑定小程序id,然后添加request 合法域名...

    小程序是运行在微信平台的一种轻量级app,通过一系列微信特定的组件构建用户界面,数据还是通过调用数据接口来获取。

    所以,调用本地接口,在小程序中很重要。

    1、首先需要绑定小程序id,然后添加request 合法域名,微信要求接口是https加密传输,所以服务器需要安装证书

    2、在 onLoad中 使用微信 API wx.request 来请求

    如果要用 POST 请求,需要在代码中设置 header: {'content-type': 'application/x-www-form-urlencoded'}

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

      wx.request({

        url: 'https://api.xxx.com:9090/v1/Tools/UserModel/GetUserList/',

        data: {

          find: _find,

          tokenKey: _tokenKey,

          timeStamp: _timeStamp,

          currentPage: _currentPage,

        },

        method: "GET",

        header: {

          "Content-Type": "application/json",

        },

        success: function (res) {

          app.globalData.allData = res.data.datas;

          // console.log(res)

          self.setData({

            list: res.data.datas

          })

        },

        fail: function(){

          console.log("error")

        },

      })

    },

    展开全文
  • 找到了一个比较好用的新闻接口 1:首先写js,老样子 用request请求接口url,当请求成功的时候,在控制台打印一下返回的res.data数据,在控制台可以看到打印了接口数据了,在请求接口成功之后,用setData接收数据,...
  • 调用云函数   1.name:’云函数的名称’  2.data 传给云函数的参数  3.success(){}, 成功回调  4.fail(){}, 失败回调 wx.cloud.callFunction({ name: openId, data:{ a:'1' } success(res) { console....
  • 调用产生二维码的接口一直乱码,一直没想出为什么乱码,囧,郁闷之极,还好九爷慷慨分享了文章,得知返回的是二进制,createwxaqrcode接口并不复杂,只是在官方接口并没声明返回内容,只要知道返回的内容就好办了,...
  • 微信小程序API接口,其中的图片函数wx.chooseImage的使用实例跟源码。
  • 比较完整得实现了一个图片浏览的微信小程序。我们先看一下这个小程序的运行效果: (此图片来源于网络,如有侵权,请联系删除! ) 可以看到我们可以浏览很多美女图片, (此图片来源于网络,如有侵权,请联系删除! ) ...
  • 开始写js,用request请求接口url,当请求成功的时候,在控制台打印一下返回的res.data数据,在控制台可以看到打印了接口数据了,在请求接口成功之后,用setData接收数据,并且需在data中声明一个接收数据的变量。...
  • js代码-实现微信小程序API的promisify。其作用是可以使微信小程序API(异步执行的API)promisify,以then链式调用时,可以达到同步的效果。
  • 帝国cms配合小程序客户端提供的后端服务器api文件,包含分类获取,新闻列表,查看新闻信息。 不懂问我,评论扣我
  • 一个封装了微信小程序服务端接口的SDK
  • 微信小程序开发——调用免费天气api接口一、注册并获取Key二、调用API接口 开发一个现实天气信息的微信小程序,主要的是从网上请求到天气信息数据,网上也有很多介绍免费天气api接口的,我试了好多没法用,或者就是...

    开发一个现实天气信息的微信小程序,主要的是从网上请求到天气信息数据,网上也有很多介绍免费天气api接口的,我试了好多没法用,或者就是像百度api一样弄了半天没搞明白,我这里使用了高德和“天气API”提供的两种天气api接口。

    一、使用高德天气接口:

    网址链接为:

    https://lbs.amap.com/api/webservice/guide/api/weatherinfo

    (一)注册并获取Key

    使用时候需要注册获取Key,因为是阿里旗下公司,可以使用支付宝扫码注册。注册后在图中所示的页面中点击 申请Key

    在这里插入图片描述
    在打开的页面中点击右上角的“创建新应用”,填写应用名称和类型,我这里随便把应用名称定为Weather,创建好之后点击“添加”
    在这里插入图片描述
    可以给Key添加名字,服务平台注意要选择 Web服务,这个选项才能使用天气查询API(这里不需要再点击它了)
    在这里插入图片描述
    提交之后就可以找到申请的Key了,这时候就可以去使用API了。

    (二)调用API接口

    页面中介绍了接口地址和请求方式,以及请求参数,应该比较好理解。
    注意,使用微信开发者工具进行开发时,需要将网址添加到request的合法域名中,如果只是调试而不发布,可以在开发者工具本地设置中勾选不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书,不过这样的设置是没法发布的,最后发布还是需要将网址添加到request的合法域名中。
    根据请求参数,我们需要添加Key和city城市编码,我们可以先测试下:

    新建项目后,在index.js(或者新建一个页面)中加入以下代码:

    //index.js
    //获取应用实例
    const app = getApp()
    
    Page({
      data: {
      },
      onLoad:function(){
        var self = this;
        wx.request({
          url: 'https://restapi.amap.com/v3/weather/weatherInfo',
          data:{
            'key': '***************************',//填入自己申请到的Key
            'city': '120102',
          },
          header:{
            'content-type': 'application/json'
          },
          success:function(res){
            console.log(res.data);
          }
        })
      }
    })
    

    上面代码会在页面加载好后向网络请求数据,在console中可以看到返回的信息:
    在这里插入图片描述
    其中返回的数据在api介绍页面中都有介绍,默认返回的是实况天气,也可以在请求中将extensions选项设置为all,就可以得到当天以及以后三天的天气信息,如图:
    在这里插入图片描述
    得到这些信息之后,后面的步骤就简单了,可以在页面中展示出来,我这里写了一个很简单的展示页面,没有调格式,有兴趣的可以再编写wxss文件调整样式。

    index.wxml

    <!--index.wxml-->
    <view class="content">
      <view class="info"> 城市编码:{{adcode}}</view>
      <view class="info"> 所在省份:{{province}}</view>
      <view class="info"> 城市:{{city}}</view>
      <view class="info">天气现象:{{weather}}</view>
      <view class="info"> 实时气温:{{temperature}}</view>
      <view class="info"> 风向:{{winddirection}}</view>
      <view class="info"> 风力:{{windpower}}</view>
      <view class="info"> 空气湿度:{{humidity}}%</view>
      <view class="info"> 发布时间:{{reporttime}}</view>
    </view>
    

    index.js

    //index.js
    //这里只获取了实况天气信息,没有用预测信息
    //获取应用实例
    const app = getApp()
    
    Page({
      data: {
        adcode:'',
        city:'',
        humidity:'',
        province:'',
        reporttime:'',
        temperature:'',
        weather:'',
        winddirection:'',
        windpower:'',
      },
    
      onLoad:function(){
        var self = this;
        wx.request({
          url: 'https://restapi.amap.com/v3/weather/weatherInfo',
          data:{
            'key': '*****************************',//改为自己申请的Key
            'city': '120102',
            'extensions': 'base'
          },
          header:{
            'content-type': 'application/json'
          },
          success:function(res){
            console.log(res.data);
            self.setData({
              adcode: res.data.lives[0].adcode,
              city: res.data.lives[0].city,
              humidity: res.data.lives[0].humidity,
              province: res.data.lives[0].province,
              temperature: res.data.lives[0].temperature,
              reporttime: res.data.lives[0].reporttime,
              weather: res.data.lives[0].weather,
              winddirection: res.data.lives[0].winddirection,
              windpower: res.data.lives[0].windpower
            })
          }
        })
      }
    })
    

    结果如图:
    在这里插入图片描述

    二、使用“天气API”提供的接口

    网址链接:
    http://www.tianqiapi.com/

    (一)注册获取APPID和APPSecret

    比较简单,就是注册完之后就可以在控制台中找到APPID和APPSecret了:
    在这里插入图片描述

    (二)调用API接口

    比如我们想查看实况天气,可以点击进入**“专业实况天气v61”**
    在这里插入图片描述
    此时可以看到,在给出的页面中会出现一条请求示例,并且示例中已经将所申请到的APPID和APPSecret,以及version(这个api在申请数据时需要提供的参数)都包含在里面了:
    在这里插入图片描述
    可以直接将该示例放到请求url中。
    同样我们还是简单看一下网络数据请求:
    index.js

    //index.js
    //获取应用实例
    const app = getApp()
    
    Page({
      data: {
      },
      onLoad:function(){
        var self = this;
        wx.request({
          //根据自己申请到的appid和appsecret替换下面的*符号
          url: 'https://v0.yiketianqi.com/api?version=v61&appid=******&appsecret=*******',
          data:{
          },
          header:{
            'content-type': 'application/json'
          },
          success:function(res){
            console.log(res.data);
          }
        })
      }
    })
    

    可以看到这个接口给出的天气数据十分详细:
    在这里插入图片描述
    申请的另一种格式还可以把参数放到data当中,如
    index.js

    //index.js
    //获取应用实例
    const app = getApp()
    
    Page({
      data: {
      },
      onLoad:function(){
        var self = this;
        wx.request({
          url: 'https://v0.yiketianqi.com/api',
          data:{
            'appid':'******',//填入自己申请到的appid
            'appsecret': '******',//填入自己申请到的appsecret
            'version': 'v61'
          },
          header:{
            'content-type': 'application/json'
          },
          success:function(res){
            console.log(res.data);
          }
        })
      }
    })
    

    可以得到和上面同样的结果。根据该网站提供所提供的不同接口,可以尝试不同的version,得到不同的信息。

    展开全文
  • 小程序接口封装方法,很全的封装方法,便于在后期中接口的对接使用
  • 主要介绍了微信小程序实现获取小程序码和二维码java接口开发,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 微信小程序调用API接口不通

    千次阅读 2019-07-08 14:10:39
    Question 不在以下 request 合法域名列表中,请参考文档:...解决方案 one 微信开发者工具右上角 — 详情 — 勾选(不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书) two 如果还没有解决...

    Question

    不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html

    解决方案

    one

    微信开发者工具右上角 — 详情 — 勾选(不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书)

    two

    如果还没有解决的话吗,可能是因为代理没有调好。
    微信开发者工具 — 设置— 代理设置— 勾选(不使用任何代理,勾选后直连网络)。

    展开全文
  • 1、小程序调用wx.login 2、判断用户是否授权 3、小程序端访问 wx.getUserInfo 4、小程序端js代码: wx.login({ success: resp => { // 发送 res.code 到后台换取 openId, sessionKey, unionId console.log...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 52,398
精华内容 20,959
关键字:

微信小程序api接口调用

微信小程序 订阅