草庐IT

qqmap-wx-jssdk

全部标签

uniapp实现扫码功能H5+APP+wx小程序

vue2H5网页扫码(线上需要在https服务器部署)vue3h5扫码插件点这里1.首先uniapp初始化(需要引入npm包已经初始化就忽略吧)在项目中打开cmd窗口npminit-y根目录会多出一个package.json文件。2.终端执行(需要引入vue-qrcode-reader)//只适用于vue2版本npminstall--savevue-qrcode-reader3创建一个扫码页面(用于其他页面往此页面跳转)template> view> text>{{result}}/text> qrcode-stream@decode="onDecode"@init="onInit"/>

【微信小程序内嵌H5调用wx.miniProgram.navigateTo跳转无效问题】

之前项目遇到的,各种判断逻辑都走通了,代码走到wx.miniProgram.navigateTo面前了就是跳转不了,试了很多种方法,都怀疑是这个api不适用了,结果一次尝试,发现还是地址的问题。客户给的跳转地址:“pages/check/index/index.html?type=1”试过但没成功的地址:“/pages/check/index/index.html?type=1”最终跑通的地址:“/pages/check/index/index?type=1”总结:url前要加/,最后的地址不要带.html,有参数也不要

小程序获取屏幕宽高wx.getSystemInfoSync().windowWidth

方式一:getSystemInfo:需要在success方法中取值wx.getSystemInfo({success:function(res){console.log(res.windowWidth,'宽')console.log(res.windowHeight,'长')}})方式二:getSystemInfoSync:可以直接".windowWidth"取值console.log(wx.getSystemInfoSync().windowWidth,'宽')console.log(wx.getSystemInfoSync().windowHeight,'长')1、官方上规定屏幕宽度为20

微信小程序中使用wx.navigateTo跳转时页面出现空白

在微信小程序中当触发点击事件后跳转的页面时,跳转的页面出现空白,控制台报Page"pages/outline-xi/outline-xi"hasnotbeenregisteredyet.可能是因为使用了tabbar时导致的app.json没有使页面初始化,需要把不是tabbar的页面调在前面就能解决问题。 

【微信小程序】使用 wx.request 方法来发送POST网络请求,携带RequestBody参数

在微信小程序中,你可以使用wx.request方法来发送网络请求。以下是将上述Java代码转换为微信小程序版本的示例:consturl='http://..../authorize/login';constdata={username:'...',password:'...'};wx.request({url:url,method:'POST',data:JSON.stringify(data),header:{'Content-Type':'application/json'},success:function(res){//请求成功,处理返回的数据console.log(res.data)

微信小程序之网络数据请求 wx:request的简单使用

网络数据请求1.网络数据请求wx:request2.请求格式3.关闭request的合法检验1.网络数据请求wx:request出于安全性方面的考虑,小程序官方对数据接口的请求做出了两个限制:只能请求HTTPS类型的接口必须将接口的域名添加到信任列表中.在自己的微信小程序开发的后台管理中添加相应的服务器域名,配置步骤:登录微信小程序管理后台->开发->开发设置->服务器域名->修改request合法域名tips:域名只支持https协议域名不能使用IP地址或localhost域名必须经过ICP备案服务器域名一个月内最多可申请5次修改2.请求格式函数名(){wx.request({url:'ur

小程序坑录-wx.getLocation接口申请

最近在用uni-app通用框架做h5和小程序,结果在小程序审核的时候,又遇到了很多天坑,故记录之。从2022年7月14日开始,使用位置接口,就必须在app.json中进行声明了,除此之外,在正式使用时,还需要在开发管理-接口权限内进行申请,申请的原因,必须要覆盖以下这些内容:小程序属于当前可以进行位置访问的服务类目范围(最好已经经过认证)。申请理由内要简洁清晰地阐述,由于涉及xxx业务,需要使用xxx数据,在系统内用于xxx。还要写明使用这个接口而非其他位置类型接口的原因,比如说getLocation接口,获取的是用户的精确经纬度,如果在当前系统内,只需要模糊获取用户所在城市的话,则这个接口审

【微信小程序】wx.requestSubscribeMessage无法唤起小程序订阅弹窗

报错信息:requestSubscribeMessage:failcanonlybeinvokedbyuserTAPgesture.报错原因:在某个场景的方法里面调用而不是直接通过用户点击解决方法:一般可做成显示一个弹框友好的提示用户,然后再让用户点击按钮去手动触发订阅wx.showModal({title:'提示',content:"请确认是否要XXX?",success:function(sm){if(sm.confirm){wx.requestSubscribeMessage({tmplIds:['XXX'],success(res){console.log(res);},fail(er

记录 wx-open-launch-weapp 使用react开发微信环境h5打开微信小程序

准备工作 1、微信签名配合后端2、必须已认证的公众号(开发模拟器不行,测试号不行)遇见的问题:本地调试麻烦,用的手机修改dns,和电脑一致,通过电脑代理,编译时配置host代理运行调试(因为本地开发没办法签名认证)1、在微信编辑器,测试号内怎么试都不生效,最后发现正式环境可以2、点击跳转区域需要图片,写好后发现有时候生效有时候不能点击3、修复前两个功能后发现ios点击没反应4、最终ios,安卓手机的h页面都正常显示并且可以点击我是react taro开发封装了组件,支持按钮,弹框,自定义内部内容import{View}from"@tarojs/components";import{ReactN

微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)

在微信小程序中,可以使用本地存储来保存一些数据比如用户状态,姓名,性别等;本地存储主要包括两种方式:缓存和本地数据存储。1.缓存缓存是一种快速访问内存的临时存储机制,可以有效地提高应用程序的响应速度。在微信小程序中,可以使用wx.setStorage方法和wx.getStorage方法实现数据的缓存。例如://设置缓存数据wx.setStorage({key:'userInfo',data:{name:'Tom',age:20},success:function(){console.log('设置缓存数据成功');}});//获取缓存数据wx.getStorage({key:'userInfo