专业小程序设计开发——助力新电商新零售
电话+V：159999-78052，欢迎咨询微信小程序怎样看到接口调用，[小程序设计与开发]，[小程序投流与推广]，[小程序后台搭建]，[小程序整套源码打包]，[为个体及小微企业助力]，[电商新零售模式]，[小程序运营推广及维护]
一、微信小程序给了后台接口，前端怎样调用
1、首先在index.js中想写逻辑代码。
2、其中page里面的data里面是前台展示时的一些数据，而onload里面是调用的接口。
3、调用的方式为get调用，返回的数据存在res里面。
4、返回的数据，而data中就是我们需要的数据。
5、data：一个入参。method：请求方式，如果是POST请求必须按上面写，默认是get请求，不用处理。complete：页面请求完成后的方法，通过that.setData将数据传递给WXML页面。success：页面加载成功后的执行方法。
二、微信小程序给了后台接口，如何调用前端
调用服务器端后台接口数据是直接wx.request发起的是HTTPS请求，发送指定的data数据参数到服务器接口。
服务器接口根据参数返回json结果，然后微信小程序调用这些返回的json数据。
微信小程序使用API中心来开发
首先使用自己的APPID在开发者工具创建一个项目。
在项目里面写上访问API中心的接口。
启动模拟器查看，提示为域名不在以下合法列表中，这是因为我们还没有在小程序后台设置我们的合法域名。
我们登录微信小程序后台去找到设置合法域名的地方。
到开发设置里面编辑上域名，这里填写api.wxappclub/
回到我们的开发者工具点击预览。
微信小程序获取当前的位置信息
原创2022-10-29 02:44·早起的年轻人
微信小程序获取位置信息的方式有两种，一种是调用微信官方的接口来获取，如getLocation，这种方式只能获取经纬度微信官方文档https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html另一种是使用的第三方平台的，比如本文章使用的是腾讯地图https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
1腾讯位置开发基本步骤1.1申请开发者密钥（key）申请密钥：登录腾讯开发者平台，然后创建应用，如下图https://lbs.qq.com/dev/console/application/mine开通webserviceAPI服务：控制台->应用管理->我的应用->添加key->勾选WebServiceAPI->保存小程序SDK需要用到webserviceAPI的部分服务，所以使用该功能的KEY需要具备相应的权限1.2下载微信小程序JavaScriptSDK下载微信小程序JavaScriptSDKhttps://mapapi.qq.com/web/miniprogram/JSSDK/qqmap-wx-jssdk1.2.zip下载后解压，拷贝到微信小程序项目中1.3安全域名设置安全域名设置，在小程序管理后台->开发->开发管理->开发设置->“服务器域名”中设置request合法域名，添加https://apis.map.qq.com1.4微信小程序设置隐私权限在app.json文本中添加"permission":{"scope.userLocation":{"desc":"小程序需要使用您的位置信息已确认您的采样地址"}}，"requiredPrivateInfos":["getLocation"]，getLocation是使用微信接口来获取经纬度时使用，需要申请调用权限。3获取位置信息核心代码如下：//引入SDK核心类，js文件根据自己业务，位置可自行放置varQQMapWX=require('../../libs/qqmap-wx-jssdk.js');varqqmapsdk;Page({onLoad:function(){//实例化API核心类qqmapsdk=newQQMapWX({key:'申请的key'});}，onShow:function(){//调用接口qqmapsdk.reverseGeocoder({success:function(res){letresult=res.result;console.log(res.status，res.message);}，fail:function(res){console.log(res.status，res.message);}，complete:function(res){console.log(res.status，res.message);}});}})4权限问题当用户第一次进入页面获取位位置信息时，小程序会弹出请求位置权限申请，如果用户点击了拒绝权限，那下次进入时，将不会再次弹出权限申请，所以这个过程需要开发者来维护处理一下。如果用户拒绝过，再次进入后，弹框提示用户开启权限//定位方法initLocationPersmiss:function(){var_this=this;wx.getSetting({success:(res)=>{//res.authSetting['scope.userLocation']==undefined表示初始化进入该页面//res.authSetting['scope.userLocation']==false表示非初始化进入该页面，且未授权//res.authSetting['scope.userLocation']==true表示地理位置授权if(res.authSetting['scope.userLocation']!=undefinedres.authSetting['scope.userLocation']!=true){//未授权wx.showModal({title:'请求授权当前位置'，content:'需要获取您的地理位置，请确认授权'，success:function(res){if(res.cancel){//取消授权wx.showToast({title:'拒绝授权暂时无法使用本功能'，icon:'none'，duration:1000})}elseif(res.confirm){//确定授权，通过wx.openSetting发起授权请求wx.openSetting({success:function(res){if(res.authSetting["scope.userLocation"]==true){wx.showToast({title:'授权成功'，icon:'success'，duration:1000})//再次授权，调用wx.getLocation的API_this.initGetLocationFlunction();}else{wx.showToast({title:'授权失败'，icon:'none'，duration:1000})}}})}}})}elseif(res.authSetting['scope.userLocation']==undefined){//用户首次进入页面，调用wx.getLocation的API_this.initGetLocationFlunction();}else{console.log('授权成功')//调用wx.getLocation的API_this.initGetLocationFlunction();}}})}，获取位置的请求initGetLocationFlunction(isRefresh){letthat=this;this.setData({isUpdateLocatin:true})qqmapsdk.reverseGeocoder({success:function(res){letresult=res.result;console.log(res);}，fail:function(res){console.log(res.status，res.message);}，complete:function(res){console.log(res.status，res.message);}})}，
完毕【WINDRISES MINIPROGRAM PROMOTION】尊享直接对接老板
电话+V： 159999-78052
专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案，解决小微企业和个体拓展客户的问题
