UNIAPP—实现微信小程序登录授权和手机号授权(uniapp做微信小程序)描述:uniapp开发小程序,先授权用户信息后再出现手机号授权的页面进行手机号授权。完成后返回上一页面并把信息存入后台以及前台缓存中,方便使用。1.在uniapp的manifest.json进行微信小程序配置2.封装request请求api.js(如果已封装可跳过)constBASE_URL='xxxxxxxxxxxxxxxxxxxxx';importfuncfrom'@/config/func.js';exportconstmyRequest=(url,method,data={},header={})=>{ fun
文章目录前言一、代码及注释总结前言关键词:HBuilderuniappwifiRSSISSID最近做项目有一个需求,要求用HBuilderuniapp做一个app显示手机可接收的WiFi名称和对应的场强(信号强度),百度找了一圈,只找到了关于WiFi名称的一些资料,于是根据一篇文章修改了一下(附在文末),最终很nice的解决了我的问题。有一定的参考价值,感兴趣的小伙伴们可以参考一下。(9.6号)一、代码及注释index.vue代码如下: home---{{title}} 获取wifi信息 //constgbWiFi=uni.requireNativePlu
1、调用接口,官网文档是这样写的uni.getLocation({ type:'wgs84', success:function(res){ console.log('当前位置的经度:'+res.longitude); console.log('当前位置的纬度:'+res.latitude); }});2、将经纬度转化为位置信息需要开通腾讯位置服务,开发者每天有一万次的免费转化次数。开通地址 记住当前申请的key值,然后下载微信小程序JavaScriptSDK然后安全域名设置,在小程序管理后台 ->开发->开发管理->开发设置->“服务器域名”中设置request合法域名,添加https:
最新版本的HBuilderX开发工具,uniappios运行到真机提示:错误:请查看是否设备未加入到证书列表或者确认证书类型是否匹配ios开发描述文件必须绑定调试设备,只有授权的设备才可以直接安装基座,所以在申请开发描述文件之前,先添加调试的IOS设备。前往网站https://developer.apple.com,在Devices中,添加手机设备UUID第一步:登录第二步:检查设备列表中是否包含该手机的UUID,如果没有则新增设备,绑定真机运行时手机的UUID,如果已经有了该设备信息,则无需重复添加,直接进行第三步即可。第三步:到描述文件列表,选择运行项目中用到的证书文件,单机选中进入详情页
一般情况下是这样来写的,不过感觉太麻烦,每个页面都要写一次 exportdefault{ data(){ return{} }, onLoad(){}, methods:{}, //分享给好友 onShareAppMessage(res){ console.log(res); if(res.from==='button'){//来自页面内分享按钮 console.log(res.target) } return{ title:'title',//自定义分享标题 path:'path',//'/pages/...'分享页面路径(打开分享时进入页)
分享自己常用的Css样式和命名规范,不是组件库,之前也用过uView、ColorUI等,但是觉得太过于复杂,不够简单,有些命名跟自己平时习惯不一样,有时候更改一些样式花费的时候比自己重新搞一个还要多。本人是偏后端开发的全栈程序员,前端样式不需要花里胡哨的,更多的是考虑页面布局、颜色搭配、间距圆角等。Css命名规范也很简单粗暴,比如字体大小命名如下:.text-26{ font-size:26rpx;}.text-28{ font-size:28rpx;}之前也这么命名text-smalltext-large或者font-smfont-xl等,但是用起来感觉不舒服,不直接。一些UI能用Uniap
新版:前端要授权两次,一次获取用户信息授权码code,另外一次获取用户手机授权码code,全部传给后端。后端通过用户信息授权码获取openid,通过手机授权码获取手机号码。老版:前端传给后端授权码code和用户手机授权回调 里的iv和encryptedData给后端,后端通过code获取openid和sessionKey,然后他用sessionKey和iv解密encryptedData获取手机号。最后通过手机号进行绑定用户,然后通过登录验证返回给前端登录凭证token。登录逻辑新版1.调用uni.login()获取code12.用户主动触发button按钮在回调getPhoneNumber获取
uniapp获取手机号(详细教程附代码)一、获取code二、通过code获取获取openId和session_key三、让用户授权(同意后需要对数据解密)个人小程序不能使用这个功能,必须是企业小程序,如果没权限那就是没有完成微信的认证,必须先去认证。一、获取code代码如下:uni.login({ provider:'weixin', success:res=>{ this.code=res.code }});二、通过code获取获取openId和session_key代码如下:uni.request({ url:'https://api.weixin.qq.com/sns/jscode2s
/** *获取场景值(scene) */ getSceneData(query){ console.log(query) returnquery.scene?this.scene_decode(query.scene):{}; }, //解析scene里面的参数 scene_decode(e){ if(e===undefined) return{}; letscene=decodeURIComponent(e), params=scene.split(','), data={}; for(letiinpar
uniapp小程序解决不能上传文件/图片问题当前uniapp微信小程序无法使用formData()来上传文件/图片,会出现FormDataisnotdefined问题,而官方给的uni.uploadFile()也是看的懵懵懂懂。解决方法使用uni-app提供的uni.uploadFile()来上传文件/图片。uni.uploadFile()官方APIuni.uploadFile({ url:'后台接口路径', filePath:sourceFile.tempFilePaths[0], name:'file',//对应后台接口参数名 method:'POST', header:{ "Autho