微擎平台构建微信小程序应用挖坑解决方案————用户信息授权

版权声明: https://blog.csdn.net/qq_36786991/article/details/81876033

如果您想加入一个友好的微信小程序开发讨论平台
请加QQ群:173683866【微信小程序技术交流】


微擎是什么?

这里写图片描述

为什么选择微擎?
傻瓜式构建应用,可以直接在网上下载和购买商城等应用代码通过本平台构建起来。


FBI Warning
本博客不是推荐大家使用微擎,只是提供一下微信小程序由于前段时间修改api,导致微信小程序获取用户信息窗口无法自动弹出问题,本博客解决方法是在app.js里的onLaunch方法里做一次校验并根据校验情况决定首次跳转的页面!


操作办法(这里是提供给想解决问题,但是懒得写太多的人,如果是自家研发的产品,建议找UI重新设计,也可以去参看最近上线的微信小程序,解决的都挺好。本人个人认为腾讯这个做法是对的,不然你想逛一逛商城,走进来就有这么一个窗口,很难受滴呀!我觉得一般程序都应该有个客户和游客之分,然后,游客想成为客户,那肯定会有按钮触发,那时候即可使用按钮的type即可【本博客后面会演示怎么把button玩成view的效果,也就是去边框】)


app.js

 onLaunch: function () {
        this.setApi();
        api = this.api;
        wx.getSetting({
          success: function (res) {
            if (res.authSetting['scope.userInfo']) {
              wx.redirectTo({
              //此处填写跳转的首页,例如商城首页
                url: '../../pages/index/index',
              })
            }else {
              wx.redirectTo({
                url: '../../pages/notice/notice',
              })
            }
          }
        })...

app.json

"pages": [
    "pages/index/index",
    //需要提示用户点击获取用户信息
    "pages/notice/notice",
    ...
    ]

最后一步就是加入页面 notice.js



Page({
  toindex:function(){ 
    wx.getSetting({
      success: function (res) {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权,可以直接调用 getUserInfo 获取头像昵称
          wx.getUserInfo({
            success: function (res) {
              console.log(res)
         //回到首页
              wx.redirectTo({
                url: '../../pages/index/index',
              })

            }
          })
        }else{
           //自己编辑拒绝办法
        }
      }
    })
  }
})

文末附上我本人写的部分页面 有需要的[下载](https://download.csdn.net/download/qq_36786991/10616099)
这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_36786991/article/details/81876033
今日推荐