精华内容
下载资源
问答
  • 微信小程序调用百度api
    万次阅读
    2021-12-10 15:47:31

    微信小程序,定位地点,应用bdmap API

    1 申请

    百度地图开放平台页面:控制台,添加应用

    应用类型选微信小程序,添加微信小程序名称和APP ID

    2. 微信小程序后台设置

    进入微信公众平台,开发管理

     

     服务器域名,添加

    • https://api.map.baidu.com
    • 到request

    3. 微信小程序开发工具

     

     右上角,详情,域名信息,查看刷新

    更多相关内容
  • 微信小程序api接口调用用封装 1. 在 02-项目 下新建request目录及index.js文件 1.1 02-项目\request\index.js  1.2.index.js // 同时发送异步代码的次数 let ajaxTimes=0; export const request=(params)=>{ //...
  • 编写思路 要使用百度等第三方API,我们得使用微信小程序提供的wx.request来向第三方平台发起请求,我们看到wx.request的参数属性里面url是必填项,接着我们打开和百度AI平台里面的通用文字识别技术文档...
  • 微信小程序如何封装api接口 首先创建个http文件夹(可自定义名字) 一:创建个env.js文件用来设置公共访问的url,即环境地址 module.exports = { //开发环境 dev:{baseUrl:http://localhost:3000}, //测试环境 ...
  • 微信提供的接口文档中提供了一个微信支付接口,应该是直接调用这个接口就可以发起微信支付 文档路径:https://developers.weixin.qq.com/miniprogram/dev/api/api-pay.html#wxrequestpaymentobject 但是,当开始...
  • 目录调用前准备正式调用调用结果 调用前准备 打开百度智能云官网,点击用户中心 ...编写调用api,并同时实现选取图片和识别的功能的函数 getToken(res) { //获取账号权限 wx.request({ //请求百度api接口 url: '

    调用前准备

    打开百度智能云官网,点击用户中心
    点击用户中心
    点击图像识别
    创建自己的应用,这个应用是你需要使用API的应用
    名称和描述都没有特殊要求,点击创建
    名称和描述都没有特殊要求,点击创建
    点击查看应用详情我们会看到百度给予的API Key和Serect Key,你能通过这两个Key获取token
    点击查看应用详情我们会看到百度给予的API Key和Serect Key,你能通过这两个Key获取token

    token的获取方法:百度鉴权认证机制

    正式调用

    编写调用api,并同时实现选取图片和识别的功能的函数

    getToken(res) {           //获取账号权限
        wx.request({            //请求百度api接口
          url: 'https://aip.baidubce.com/oauth/2.0/token',
          data: {               //请求时传送我们的账号信息进行认证
            grant_type: 'client_credentials',
            client_id: '**************',//APIKey
            client_secret: '****************',//SecretKey
          },
          success(res) {
            console.log(res.data.access_token)
            let token = res.data.access_token   //保存token,代表你权限的信息
            //console.log('选择照片')
            wx.chooseImage({              //选取照片
              count: 1,
              sizeType: ['original', 'compressed'],
              sourseType: ['album', 'camera'],//本地或拍照选取
              success(res) {
                console.log(res)
                let url = res.tempFilePaths[0]		//获取图片地址
                wx.setStorageSync("res_imgurl", url);//缓存照片
                //图片转码为base64编码形式
                wx.getFileSystemManager().readFile({
                  
                  filePath: url,
                  encoding: 'base64',
                  success(res) {
                    //console.log('上传照片成功准备转码')
                    let base64 = res.data     //保存转码后数据
    
                    //console.log('开始识别')
                    wx.request({        //请求识花接口
                      url: 'https://aip.baidubce.com/rest/2.0/image-classify/v1/plant',
                      header: {
                        "Content-type": "application/x-www-form-urlencoded",//决定用哪种post请求,是固定的
                      },
                      method: 'post',   //请求固定为post请求
                      data: {           //请求时需要上传的数据
                        image: base64,	//图片编码数据
                        access_token: token,//获取的token权限
                        baike_num: 1	//想得到的百度百科数量
                      },
                      success: function (res) {
                        //console.log('识别成功跳转页面')
                        console.log(res.data.result)//控制台输出识别后得到的数据中的结果
                      }
                    })
                  }
                })
              }
            })
          }
        })
      },
    

    调用结果

    触发getToken函数得到以下结果
    在这里插入图片描述

    展开全文
  • 微信小程序调用API接口

    千次阅读 2021-09-11 10:03:00
    首先去果创云之类的API调用的网站找到你想调用API 以大学查询接口为例 复制API的接口,然后要现在第一个?前面加上appkey,然后name可以换成变量,最后的10是显示的条数,也可以改。 最后效果是可以查询...

    首先去果创云之类的API调用的网站找到你想调用的API

    以大学查询接口为例

     

    复制API的接口,然后要现在第一个?前面加上appkey,然后name可以换成变量,最后的10是显示的条数,也可以改。

     

    最后效果是可以查询你想要查询的学校。并且点击可以进入其官网。

    效果图:

     

    one2.js

    // pages/one2/one2.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
    
        schoolInfos:[],
        key:"",
        len:-1
        
    
      },
      inputValue(event)
      {
          console.log(event);
          //在方法内定义的变量  属于局部变量
          let   value=event.detail.value;
          console.log(value);
       
          //扩大value这个局部变量的作用域
          this.setData({key:value});
    
      },
      query()
      {
        let  skey =this.data.key;
         console.log(skey);
         console.log(typeof  skey);
    
         if(skey=="")
         {
           //提示框,提示用户
            wx.showToast({
              title: '没有输入查所有',
              icon:"loading",
              duration:5000
    
            })
         }
          wx.request({
          url: 'http://hn216.api.yesapi.cn/?app_key=0099454C3FF0A9912DE7A0346CCC2CC5&s=App.Common_University.Search&return_data=0&school_name='+skey+'&top_num=50',
          success:(resp)=>
          {
             let  arrs=resp.data.data.schools;
              console.log(arrs);
              let  arrLength=arrs.length;
              console.log(arrLength);
              this.setData({len:arrLength,schoolInfos:arrs});
    
          }
        })
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
       /** wx.request({
          url: 'http://hn216.api.yesapi.cn/?app_key=0099454C3FF0A9912DE7A0346CCC2CC5&s=App.Common_University.Search&return_data=0&school_name=科技&top_num=50',
          success:(resp)=>
          {
    
            let  arrs=resp.data.data.schools;
              console.log(arrs);
    
              this.setData({schoolInfos:arrs});
    
          }
        })**/
    
      },
      clickschool(event)
      {
          let   url=event.currentTarget.dataset.url;
          console.log(url);
    
          wx.navigateTo({
            url: '../school/school?url='+url,
          })
    
    
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })

    one2.json

    {
      "usingComponents": {}
    }

    one2.wxml

    <!--pages/one2/one2.wxml-->
    <view class="pageview">
      <view  class="sview">
        <input  class="inputview"  type="text"   bindinput="inputValue" placeholder="输入你所想要查询的学校的关键词" />
        <view   class="tvview">
          <image bindtap="query"   src="../images/jr3.jpg" class="cimg"></image>
        </view>
      </view>
    
      <view class="infoview">
       <block  wx:if="{{len==0}}">
          <view>请重新查询</view>
       </block>
       <block  wx:if="{{len>0}}">
        <block  wx:for="{{schoolInfos}}">
         <view  class="schoolview"  bindtap="clickschool"  data-url="{{item.school_website}}">
            <view class="tv1">学校名称:{{item.school_name}}</view>
            <view class="tv2">学校等级:{{item.school_level}}</view>
            <view class="tv3">学校地址:{{item.school_province}}{{item.school_city}}</view>
         </view>
         </block>
       </block>
      </view>
    </view>
    

    one2.wxss

    /* pages/one2/one2.wxss */
    .pageview{
      width: 100%;
      height: 100vh;
      background-color: burlywood;
    
    }
    .schoolview{
      width: 42%;
      height: 18%;
      border:1px  solid  brown;
      margin:10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background-color: silver;
    }
    .tv1{
      font-family: 宋体;
      font-size: 10px;
      font-weight: bold;
      flex: 1;
      width: 100%;
      border:1px  solid  snow;
      display: flex;
      align-items: center;
    }
    .tv2{
      font-family: 宋体;
      font-size: 10px;
      font-weight: bold;
      flex: 1;
      width: 100%;
      border:1px  solid  snow;
      display: flex;
      align-items: center;
    }
    .tv3{
      font-family: 宋体;
      font-size: 10px;
      font-weight: bold;
      flex: 1;
      width: 100%;
      border:1px  solid  snow;
      display: flex;
      align-items: center;
    }
    
    .sview{
      width: 100%;
      height: 8%;
      /**border-bottom: 1px  solid  black;**/
      display: flex;
      position: fixed;
      left: 0px;
      top:0px;
      z-index: 999;
      background-color: white;
      
    }
    
    .infoview{
      width: 100%;
      height: 92%;
      display: flex;
      flex-wrap: wrap;
      position: relative;
      top:8%;
      left:0px;
    }
    .inputview{
      width: 90%;
      height: 30px;
      border:1px  solid  black;
      text-align: center;
      margin-left: 4px;
      border-radius: 5px;
      font-size: 12px;
    }
    .tvview{
      width: 30px;
      height: 30px;
       /**border:1px  solid  black;**/
      display: flex;
      justify-content: center;
      align-items: center;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      margin-left: -35px;
    }
    .cimg{
      width: 100%;
      height: 100%;
      z-index: 999;
    }
    

     

     school.js

    // pages/school/school.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
    
        linkurl:""
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
        let  url=options.url;
    
        this.setData({linkurl:url});
    
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })

     school.json

    {
      "usingComponents": {}
    }

     school.wxml

    <!--pages/school/school.wxml-->
    <web-view  src="{{linkurl}}"></web-view>
    

     school.wxss

    /* pages/school/school.wxss */

    展开全文
  • 小程序调用百度api实现图像识别

    千次阅读 2021-10-05 18:47:51
    1.1首先需要去百度智能云搜索图像识别 1.2创建应用--领取免费资源(我已经创建了应用,这个是可以免费使用一年的,测试够了) 1.3获取app_key和secret_key 点进上一张图的管理应用即可查看相应信息 二、...

    一、获取app_key和secret_key

    1.1首先需要去百度智能云搜索图像识别

     1.2创建应用--领取免费资源(我已经创建了应用,这个是可以免费使用一年的,测试够了)

     1.3获取app_key和secret_key  

      点进上一张图的管理应用即可查看相应信息

    二、获取token

    2.1首先判断storage中是否已经有token 

     onLoad() {
        //   自定义头部导航栏文字
        wx.setNavigationBarTitle({
            title: '垃圾搜索'
         });
         //获取storge中的token
         var that=this;
         wx.getStorage({
           key:'expires_in',
           success(res){
             // 获取成功,证明本地已存有相关token
             const newT =new Date().getTime();
            //  // 用当前时间和存储的时间判断,token是否已过期
             if (newT > parseInt(res.data)) {
                 // token过期,重新获取token
                 that.getToken();
             } else {
                 // 获取本地缓存的token
                 let token=wx.getStorageSync('access_token');
                 that.setData({token:token});
             }
           },fail(){
             that.getToken();
           }
         });
      },

    2.2 getToken函数

    // 获取token
      getToken:function(){
        var that=this;
        // client_id:app_key需要自己去百度智能云创建相应的应用后获取
        //client_secret:Secret Key
        const url = 'https://aip.baidubce.com/oauth/2.0/token'+
              '?grant_type=client_credentials'+
             '&client_id=app_key&client_secret=client_secret';
        wx.request({
            url:url,
            method: 'POST',
            success: res => {
                console.log(res)
                let thaRres=res.data;
                // 将access_token存储到storage中
                wx.setStorage({
                  key:'access_token',
                  data:thaRres.access_token
                });
                var date=new Date().getTime();
                let time=date+2592000*1000;
                console.log('三十天后的时间',time);
                console.log('当前时间戳',date)
                wx.setStorage({
                  key:'expires_in',
                  data:time
                });
                that.setData({token:thaRres.access_token});
                    /*
                    access_token: 要获取的Access Token;
                    expires_in: Access Token的有效期(秒为单位,一般为1个月);
                    */
                },
                fail: () => {}
        });
      },

    三、进行图像识别

    //   点击相机图标时
      cameraTap:function(){
          console.log('点击相机');
          var that=this;
          wx.chooseImage({
            success: res => {
              wx.getFileSystemManager().readFile({
                filePath: res.tempFilePaths[0], //选择图片返回的相对路径
                encoding: 'base64', //编码格式
                success: res => { //成功的回调
                // 图片
                wx.showLoading({
                  title: '识别中...',
                })
                  var image = res.data;
                  // 文字识别
                  wx.request({
                    url: 'https://aip.baidubce.com/rest/2.0/image-classify/v2/advanced_general?access_token='+that.data.token,
                    data: {
                    image: image
                    },
                    header: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                    },
                    method: 'POST',
                    success(res) {
                    console.log(res.data)
                    wx.hideLoading({
                      success: (res) => {},
                    })
    //此处接处理识别结果的函数,可见下一篇文章:https://blog.csdn.net/Moxi099/article/details/120617526?spm=1001.2014.3001.5501
                    },
                    fail:()=>{
                      wx.hideLoading();
                      wx.showToast({
                          title: '图片识别失败,请重试!',
                          icon: 'none'
                      });
                    }
                  })
                }
              })
            }
          })
      },

    至此大功告成,返回的数据如下:

     result就是最终需要的数据了!

    展开全文
  • 前言:应项目要求,需要使用微信小程序做支付,写完后告知手续费太高方案不予通过(宝宝心里苦,但宝宝不说)。此次开发在因站在巨人的肩膀上顺利完成。 微信支付文档传送门:...
  • wxSmartApp 本项目主要展示微信小程序中组件以及微信api的使用示例,关于微信项目环境的搭建以及各目录结构创建请参考小程序基础教程https://mp.weixin.qq.com/debug/wxadoc/dev/
  • 比较完整得实现了一个图片浏览的微信小程序。我们先看一下这个小程序的运行效果: (此图片来源于网络,如有侵权,请联系删除! ) 可以看到我们可以浏览很多美女图片, (此图片来源于网络,如有侵权,请联系删除! ) ...
  • 1.首先需要开通百度AI图文识别功能。需要登录【百度智能云】,创建应用,根据需要开通功能。 2.
  • 实现的功能是微信小程序调用手机摄像头或者上传本地照片进行身份证识别。身份证识别调用的是百度API,具体操作见下面的教程。 一:百度api使用 1:百度云新建应用 具体操作按照下面的图片进行操作: (1)产品-&...
  • 微信小程序调用api接口实例

    万次阅读 多人点赞 2020-11-25 17:55:12
    1、首先在微信开发者工具中开启http域名 2、然后回到开发者工具中,找到详情=》项目配置,进行刷新或者重新编译 3、在index.wxml页面中写一个button: <view> <button bindTap="test">测试<...
  • 微信小程序之安全调用外部API

    千次阅读 2021-12-15 14:26:56
    (一)使用微信小程序调用API注意事项: 要使用wx.request有两个前提条件: 1 . 要在后台配置request合法域名 2 . 该域名要走https,不能走http 小程序端调用第三方API接口可以分为两种情况 一种是小程序前端...
  • 最近写小程序有一个首页关于定位功能,指定高德API,话不多说,上图: 首先小程序需要先设置定位提示语,在mainfest.json中添加配置scope.userLocation: "mp-weixin" : { "appid" : "xxxxxxxxxxx", "setting" : {...
  • 一、403错误出现说明最近开始...首先使用了豆瓣的电影API,访问地址为// 小程序调用豆瓣API方法const _this = thiswx.request({url: 'http://api.douban.com/v2/movie/in_theaters',header: {'content-type': 'appl...
  • 主要介绍了微信小程序通过api接口将json数据展现到小程序示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 微信小程序配置接口调用API

    千次阅读 2021-06-16 12:19:34
    本文介绍小程序调用接口的封装,并通过koa2写个测试接口调用。
  • 微信小程序使用百度地图api

    千次阅读 2019-07-12 10:18:17
    原理 当前百度和高德周边查询api的实现机制基本一致,都是使用request接口...微信小程序创建地图容器相对来说比较简单,只需要一个map组件即可,下面代码将完成地图容器的创建: - wxml代码 <!-- index.wxml...
  • 微信小程序调用百度人脸API

    千次阅读 2019-08-21 20:56:00
    由于最近做的一个项目需求,需要使用人脸识别,故而打算使用百度人脸识别API。项目首先用户需要以人脸方式注册,再查看官方API时,发现一直无法得到它分配的access_token.我要调用人脸注册API,必须先得到access_...
  • 微信小程序调用豆瓣电影API(详细)

    千次阅读 热门讨论 2020-02-09 21:51:00
    微信小程序调用豆瓣电影API(详细)首先给出现在可以使用(有返回值的)的API网址现在是获取数据的过程1.在 JS 文件中声明一个变量2.我们写一个获取信息的函数我们打开 ==当前热映的API网址==进到开发者模式后我们...
  • iView Weapp的教程,其实也就是把文档上的例子拿出来体验了一遍,今天写一个具体的例子,调用一个免费的天气接口的api,并且把所获取的内容展示在前端的界面,前端界面与 iView Weapp结合,展示的一个的demo. ...
  • 这是在微信小程序中运行的结果: 问题: 如代码逻辑思路是第1.2.3.4步 1、访问百度地图提供的地址API已经获取到了latitude和longitude。 2、如代码所示,我建立了2个var变量oneLatitude和oneLongitude,把获取到的...
  • 微信小程序调用新闻类API

    千次阅读 2019-05-27 08:49:31
    做过微信小程序的伙伴都知道,当我们需要实现一个小程序中类似于新闻资讯的功能时,需要我们调用一个外部实时更新的新闻数据接口,从而将数据展示在我们的手机页面上。那么我们该如何实现这个功能呢?下面我们来实现...
  • 微信小程序使用百度地图定位

    千次阅读 2021-11-25 16:02:57
    小程序中使用百度地图定位功能
  • 主要介绍了微信小程序如何调用图片接口API并居中显示,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 微信小程序调用百度文字转语音API

    千次阅读 2019-07-24 16:10:27
    文字转语音,这里接入的是百度的https://ai.baidu.com/docs#/TTS-API/top里面有详细的介绍怎么去申请。不多说什么 直接效果已解决ios播放没有语音的bug,已经亲测魅族手机,iphone7手机 代码 export default { data...
  • 小程序的pages里面的文件夹一样,放在和pages同一级用来给page的页面调用
  • 其实不止百度人脸识别接口,调用其他API接口也是同样道理,项目上线之后发现接口报错https://aip.baidubce.com 不在以下 request 合法域名列表中,这是因为你在配置项目可用域名哪里没有把相关的https接口配置上。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 62,526
精华内容 25,010
关键字:

微信小程序调用百度api

微信小程序 订阅